@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,600;1,700;1,900&family=Roboto+Mono:wght@400;500;600;700&display=swap";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{--color-black: #222;--color-white: #fff;--color-light-grey: #E0E0E0;--color-mid-light-grey: #CFCECE;--color-grey: #909090;--color-dark-grey: #444}:root{--color-prime: #516AEB;--color-prime-p1: #3D7ED4;--color-prime-p2: #47C0F6;--color-prime-m1: #4C3DD4;--color-prime-m2: #8847F6;--color-green: #89EB38;--color-red: #EB8867}:root{--color-header: transparent;--color-text: #fff;--color-text-light: #909090;--color-btn: transparent;--color-btn-hover: transparent;--color-btn-text: #fff;--color-border: #3D7ED4}:root{--gap: 15px;--border-radius: 23px;--border-radius-sm: 7.5px;--border-radius-xs: 3.75px}.off,.active-0,.active-{display:none}.OFF{display:none!important}.hidden{visibility:hidden}@media only screen and (max-width: 48em){.do{display:none!important}}.mo{display:none!important}@media only screen and (max-width: 48em){.mo{display:flex!important}}.error{color:#eb8867;text-align:center;margin:0 0 3.6rem;font-size:22px;border:1px solid #EB8867;border-radius:23px;padding:.5em 1.6em}.action{color:#fff;text-align:center;margin:1rem auto;font-size:22px;border:1px solid #89EB38;border-radius:23px;padding:.5em 1.6em}.loading{color:#89eb38;text-align:center;margin:1.6em 0;font-size:22px;border:1px solid #89EB38;border-radius:23px;padding:.5em 1.6em}html,body{min-height:100vh;min-height:100dvh;margin:0;padding:0}body{font-family:Urbanist,sans-serif;background:#4C3DD4;background:radial-gradient(circle at right 70vh,#8847f6 11%,#516aeb 90%);background-attachment:fixed;padding:0 15px calc(5vh + 80px) 15px}body *{color:#fff;font-size:18px;line-height:1.5}body .btn,body input[type=submit],body button{text-decoration:none;border:none;cursor:pointer}body .btn.green,body input[type=submit].green,body button.green{justify-self:flex-end;margin-top:1rem;margin-left:auto;padding:.35rem 3rem;flex-basis:fit-content;flex-grow:0;text-align:center;display:block;background-color:#89eb38;color:#516aeb;border-radius:23px;transition:all .2s ease-in}body .btn.disabled,body input[type=submit].disabled,body button.disabled{background-color:#cfcece;color:#909090}@media only screen and (min-width: 64em){body main{max-width:970px;margin:0 auto}}body main h2{font-size:26px;margin-bottom:15px}body header{background-color:transparent;margin-bottom:2vh;display:flex;justify-content:space-between;align-items:flex-start}@media only screen and (min-width: 64em){body header{align-items:stretch}}body header .logo{display:block;height:85px;width:auto;margin-left:-15px}@media only screen and (min-width: 64em){body header .logo{height:10vh}}body header #boxid-header{font-family:Roboto Mono,monospace;color:#222;font-size:6vw;margin-top:7px;display:block}@media only screen and (min-width: 64em){body header #boxid-header{color:#89eb38;font-size:3vw;display:flex;align-items:center}}body header h1{visibility:hidden;font-size:30px;margin:0;padding:0;width:0;height:0}body header h1 .title{visibility:hidden}@media only screen and (max-width: 48em){body header h1 .dash{display:none}}@media only screen and (max-width: 48em){body header h1 .tag{visibility:hidden}}body header nav{position:fixed;bottom:0;left:0;width:100vw;display:block;background:linear-gradient(180deg,rgba(253,243,254,.98) 0%,rgba(255,255,255,.98) 74%);box-shadow:0 -2px 11px 6px #0003;border-bottom:1px solid #C8C8C8;z-index:10}@media only screen and (min-width: 64em){body header nav{position:relative;width:auto;background:transparent;box-shadow:none;border-bottom:none}}body header nav ul{margin:0;padding:0;display:flex;justify-content:space-evenly}@media only screen and (min-width: 64em){body header nav ul{gap:30px}}body header nav ul li{list-style:none;padding:7.5px 0}body header nav ul li a{display:block;background-color:transparent;color:#3d7ed4;font-size:20px;text-decoration:none;text-transform:lowercase;min-width:7ch;text-align:center}@media only screen and (min-width: 64em){body header nav ul li a{color:#fff}}body header nav ul li a:before{content:"";display:block;width:100%;height:3.75vh;background-repeat:no-repeat;background-position:center;background-size:contain;margin-bottom:-3px}body header nav ul li a:hover{background-color:transparent}body header nav ul li.user a:before{background-image:url(/images/icon-user-black.svg);opacity:.9}@media only screen and (min-width: 64em){body header nav ul li.user a:before{opacity:1;background-image:url(/images/icon-user.svg)}}body header nav ul li.generate a:before{background-image:url(/images/icon-print-dark.svg);opacity:.9}@media only screen and (min-width: 64em){body header nav ul li.generate a:before{opacity:1;background-image:url(/images/icon-print.svg)}}body header nav ul li.about a:before{background-image:url(/images/icon-about-black.svg);opacity:.9}@media only screen and (min-width: 64em){body header nav ul li.about a:before{opacity:1;background-image:url(/images/icon-about-white.svg)}}body header nav ul li.contents a:before{background-image:url(/images/icon-qr-scan-black.svg);opacity:.9}@media only screen and (min-width: 64em){body header nav ul li.contents a:before{opacity:1;background-size:auto 90%;background-image:url(/images/icon-qr-scan-white.svg)}}form fieldset,.form-layout fieldset{border:1px solid #3D7ED4;border-radius:7.5px}form fieldset legend,.form-layout fieldset legend{color:#fff}form fieldset input.submit,form fieldset input[type=submit],.form-layout fieldset input.submit,.form-layout fieldset input[type=submit]{margin-left:auto;margin-top:1rem;padding-left:3rem;padding-right:3rem;flex-basis:fit-content;flex-grow:0;text-align:center;display:block;background-color:#89eb38;color:#516aeb;border-radius:23px}form fieldset ul,.form-layout fieldset ul{margin:0;padding:0}form fieldset ul li,.form-layout fieldset ul li{list-style:none}form fieldset ul li label,.form-layout fieldset ul li label{font-size:16px;display:block}form fieldset ul li input,form fieldset ul li textarea,form fieldset ul li select,.form-layout fieldset ul li input,.form-layout fieldset ul li textarea,.form-layout fieldset ul li select{width:100%;padding:4.995px;border:1px solid #3D7ED4;border-radius:3.75px}form fieldset ul.inline,.form-layout fieldset ul.inline{display:flex;justify-content:flex-start;align-items:flex-end;gap:15px}footer,footer a{width:100%;text-align:center;font-size:14px;text-transform:lowercase;color:#47c0f6}@media only screen and (min-width: 64em){footer{transition:opacity .5s linear;position:fixed;bottom:10px;width:auto;right:10px;text-align:right;opacity:.5}}footer:hover{opacity:1}@media print{body header,body footer{display:none}}@page{size:A4;margin:0}#login-prompt{margin-bottom:2rem;padding:0}@media only screen and (max-width: 37.5em){#login-prompt{text-align:center}}@media print{#login-prompt{display:none}}#login-prompt a{color:#fff;font-size:14.4px;text-decoration:underline;text-underline-offset:8px;text-decoration-color:#89eb3840;transition:all .25s ease-in-out}@media only screen and (max-width: 37.5em){#login-prompt a{text-decoration:none;border-radius:23px;border:1px solid #fff;padding:2.3vw 6.5vw;background-color:#22222226;display:block;text-wrap:balance;line-height:1.6}}#login-prompt a:hover{text-underline-offset:1px;text-decoration-color:#fffffff2;color:#89eb38}#login-prompt.authenticated a{color:#89eb38;text-decoration-color:#ffffff40}@media only screen and (max-width: 37.5em){#login-prompt.authenticated a{background-color:transparent;border:none;text-decoration:none}}#login-prompt.authenticated a:hover{color:#fff;-webkit-text-decoration:dotted;text-decoration:dotted;text-underline-offset:1px;text-decoration-color:#89eb38f2}#generate-labels-title{position:absolute;top:1px;right:15px;font-weight:600;font-size:26px;text-transform:lowercase}@media only screen and (min-width: 64em){#generate-labels-title{font-size:30px;position:static;text-align:center;color:#89eb38}}#labelOptions{margin-bottom:5vh;font-size:22px}#labelOptions fieldset{border:none}#labelOptions fieldset legend{display:none}#labelOptions fieldset ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2%}#labelOptions fieldset ul li{margin-bottom:5vh;flex-basis:100%;text-align:center}#labelOptions fieldset ul li label{display:flex;justify-content:space-between;align-items:flex-end;text-align:left;text-transform:lowercase;margin-left:23px;font-size:22px}#labelOptions fieldset ul li label .icon{margin-right:23px;display:flex;align-items:center;justify-content:flex-end}@media only screen and (min-width: 64em){#labelOptions fieldset ul li label .icon{border:1px solid #fff;border-radius:23px;padding-right:23px;margin-bottom:23px}}#labelOptions fieldset ul li label .icon img{width:clamp(20px,8vw,48px);height:clamp(20px,8vw,48px);padding:.5vw}#labelOptions fieldset ul li label .icon span{display:none}@media only screen and (min-width: 64em){#labelOptions fieldset ul li label .icon span{display:block}}#labelOptions fieldset ul li select,#labelOptions fieldset ul li .select{border:1px solid #fff;padding:3.3vh 3.5vw;background-color:transparent;color:#89eb38;font-family:Roboto mono;border-radius:23px;text-align:left;max-width:calc(100vw - 32px)}@media only screen and (min-width: 64em){#labelOptions fieldset ul li select,#labelOptions fieldset ul li .select{padding:3vh 3.2vw}}#labelOptions fieldset ul li .select{--list-background: rgba(60,60,80,.8);--list-border-radius: 25px;--item-hover-bg: #3d7ed499;--item-hover-color: #89EB38;height:calc(6.6vh + 1.8em)}@media only screen and (min-width: 64em){#labelOptions fieldset ul li .select{height:calc(6vh + 2.05em)}}#labelOptions fieldset ul li .select input::-moz-placeholder{color:#89eb38bf}#labelOptions fieldset ul li .select input::placeholder{color:#89eb38bf}#labelOptions fieldset ul li .select.list-open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}#labelOptions fieldset ul li .select.list-open .svelte-select-list{border-top-left-radius:0;border-top-right-radius:0;border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:translateY(-5px);scrollbar-width:thin;scrollbar-color:#47C0F6 transparent}#labelOptions fieldset ul li .select.list-open .svelte-select-list::-webkit-scrollbar{width:.8rem}#labelOptions fieldset ul li .select.list-open .svelte-select-list::-webkit-scrollbar-track{background:transparent}#labelOptions fieldset ul li .select.list-open .svelte-select-list::-webkit-scrollbar-thumb{background-color:#47c0f6;border-radius:4px}#labelOptions fieldset ul li>button,#labelOptions fieldset ul li .btn{border-radius:23px;background:linear-gradient(132.64deg,#CFCECE 18.21%,#C8C8C8 76.22%);box-shadow:0 0 22px 3px #22222240;padding:2.3vw 6.5vw;color:#4c3dd4;text-transform:lowercase;font-size:22px;font-weight:600;width:100%;display:block}@media only screen and (min-width: 64em){#labelOptions fieldset ul li>button,#labelOptions fieldset ul li .btn{padding:2.1vh 6.2vh}}#labelOptions fieldset ul li.labels-buttons{flex-basis:49%;flex-shrink:1;display:flex;justify-content:center;gap:15px}#labelOptions fieldset ul li.labels-buttons.buy{flex-grow:1}#labelOptions fieldset ul li.labels-buttons.buy button,#labelOptions fieldset ul li.labels-buttons.buy .btn{width:100%;background:#89EB38}#labelOptions fieldset ul li.labels-buttons.get button.loading{position:relative;color:#3d7ed480;cursor:wait;margin:0}#labelOptions fieldset ul li.labels-buttons.get button.loading:after{content:"";display:block;width:25px;height:25px;border-radius:50%;border:3px solid #8847F6;border-color:#8847F6 transparent #8847F6 transparent;animation:ring 1.2s linear infinite;position:absolute;right:23px;top:calc(50% - 12.5px)}.range-slider{display:flex;justify-content:flex-start;align-items:center;margin-bottom:15px}.range-slider label{margin-right:10px;white-space:nowrap}.range-slider .slider{flex-grow:1;-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background-color:#fff;outline:none;opacity:.47;transition:opacity .2s}.range-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#89EB38;cursor:pointer}.range-slider .slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#89EB38;cursor:pointer}.range-slider span{margin-left:10px}@media print{#labelOptions,#generate-labels-title,.range-slider,#labelNote{display:none}}#qr-codes{width:100%;display:grid;grid-template-columns:repeat(var(--cols),1fr);row-gap:1.3%;-moz-column-gap:2%;column-gap:2%;margin:auto}#qr-codes .key{text-align:center;aspect-ratio:var(--aspect);cursor:pointer;position:relative}#qr-codes .key.blank{visibility:hidden;visibility:visible;border:1px solid rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;font-size:200%}#qr-codes .key div.qr{display:block;padding:0;margin:0 auto;overflow:hidden;aspect-ratio:1/1;width:calc(var(--screenWidth) - 91px / var(--cols));transform:rotateY(90deg);transform-origin:top center;animation:reveal 1s 1 forwards;animation-delay:var(--qrDelay)}#qr-codes .key div.qr canvas{padding:0;margin:0;width:100%}#qr-codes .key .links{display:flex;justify-content:center}#qr-codes .key .links span{font-family:"Roboto+Mono",monospace;font-size:clamp(1px,4vw,32px);font-size:clamp(1px,7vw / var(--cols),91px / var(--cols));font-weight:300;color:#89eb38;line-height:1.2}#qr-codes .key .links span.url{display:none}#qr-codes.label-offset-0 .key.blank{visibility:hidden}#qr-codes.label-shape-square .key .links span{font-size:clamp(1px,7vw / var(--cols),76px / var(--cols))}#qr-codes.label-shape-rectangle-landscape .key{display:flex;align-items:center;justify-content:center}#qr-codes.label-shape-rectangle-landscape .key .qr{margin:0 auto;width:var(--screenWidth)}#qr-codes.label-shape-rectangle-landscape .key .links{writing-mode:vertical-rl;text-orientation:mixed;flex-direction:column}#qr-codes.label-shape-rectangle-landscape .key .links span{line-height:1;font-size:clamp(1px,7vw / var(--cols),69px / var(--cols))}#qr-codes.label-shape-rectangle-portrait .key .qr{margin:0 auto;width:100%}@media print{:root{--fontSeed: 12mm}html,body{width:var(--paperSizeX);height:var(--paperSizeY);min-height:unset}*,body{background:transparent;color:#516aeb;padding:0;margin:0}#qr-codes{margin-top:var(--sheetMarginY);margin-bottom:var(--sheetMarginY);margin-left:var(--sheetMarginX);margin-right:var(--sheetMarginX);width:calc(var(--paperSizeX) - var(--sheetMarginX) - var(--sheetMarginX));height:calc(var(--paperSizeY) - var(--sheetMarginY) - var(--sheetMarginY));display:grid;grid-template-columns:repeat(var(--cols),var(--width));grid-template-rows:repeat(var(--rows),var(--height));row-gap:0;-moz-column-gap:var(--labelMarginX);column-gap:var(--labelMarginX);row-gap:var(--labelMarginY)}#qr-codes.paper-size-A4{width:210mm;height:297mm;width:calc(210mm - var(--sheetMarginX) - var(--sheetMarginX));height:calc(297mm - var(--sheetMarginY) - var(--sheetMarginY))}#qr-codes.paper-size-A5{width:148.5mm;height:210mm;width:calc(148.5mm - var(--sheetMarginX) - var(--sheetMarginX));height:calc(210mm - var(--sheetMarginY) - var(--sheetMarginY))}#qr-codes.paper-size-A6{width:105mm;height:148.5mm;width:calc(105mm - var(--sheetMarginX) - var(--sheetMarginX));height:calc(148.5mm - var(--sheetMarginY) - var(--sheetMarginY))}#qr-codes.paper-size-Letter{width:218mm;height:127mm;width:calc(218mm - var(--sheetMarginX) - var(--sheetMarginX));height:calc(127mm - var(--sheetMarginY) - var(--sheetMarginY))}#qr-codes.paper-size-Legal{width:216mm;height:356mm;width:calc(216mm - var(--sheetMarginX) - var(--sheetMarginX));height:calc(356mm - var(--sheetMarginY) - var(--sheetMarginY))}#qr-codes .key{border:none;display:grid;grid-template-rows:auto 1fr;place-items:start center;width:var(--width);height:var(--height);line-height:1}#qr-codes .key.blank{border-color:#222;color:#222;display:none}#qr-codes .key.blank.offset{display:block;visibility:hidden}#qr-codes .key div.qr{animation:none;transform:none}#qr-codes .key img{max-height:calc(var(--height) * .75);width:100%;-o-object-fit:contain;object-fit:contain}#qr-codes .key .links{justify-content:center;padding:0 .5mm;gap:7%}#qr-codes .key .links span{color:#222;font-size:calc(var(--fontSeed) / var(--cols));line-height:1;padding:0;margin:0}#qr-codes.label-shape-square .key div.qr{aspect-ratio:unset;padding:1mm 1mm 0;padding:clamp(1mm,var(--height) / 11.5,4mm);padding-bottom:.5mm}#qr-codes.label-shape-square .key div.qr canvas{display:block;width:100%;margin:0 auto}#qr-codes.label-shape-square .key .links span{font-size:clamp(1px,7vw / var(--cols),70px / var(--cols))}#qr-codes.label-shape-rectangle-landscape .key div.qr{padding:1mm 0 1mm 1mm;padding:clamp(1mm,var(--height) / 10,4mm);padding-right:0}#qr-codes.label-shape-rectangle-landscape .key div.qr canvas{width:auto;height:100%}#qr-codes.label-shape-rectangle-landscape .key .links span.url{display:block}#qr-codes.label-shape-rectangle-portrait .key div.qr{padding:1mm 1mm 0;padding:clamp(1mm,var(--height) / 10,4mm);padding-bottom:.5mm}#qr-codes.label-shape-rectangle-portrait .key .links span.url{display:block}}#addLabel .buttons{display:flex;justify-content:flex-end}#addLabel .buttons .icon img{width:clamp(20px,8vw,48px);height:clamp(20px,8vw,48px);padding:.5vw}#addLabel .buttons .icon span{display:none}#addLabel form ul li{border:1px solid #fff;border-radius:23px;padding:1.65vh 3.5vw;margin-bottom:15px;position:relative}#addLabel form ul li label{display:block;font-size:16px;text-transform:lowercase}#addLabel form ul li select,#addLabel form ul li input{width:100%;background-color:transparent;border:none;color:#89eb38;font-size:20px;border-bottom:1px solid transparent}#addLabel form ul li select:focus,#addLabel form ul li input:focus{border-color:#89eb38bf}#addLabel form ul li input::-moz-placeholder{color:#89eb3880}#addLabel form ul li input::placeholder{color:#89eb3880}#addLabel form .submit-button{display:flex;justify-content:center;margin-bottom:30px}@media only screen and (min-width: 37.5em){#addLabel form .submit-button{justify-content:flex-start}}#addLabel form .submit-button .btn{border-radius:23px;background:#89EB38;box-shadow:0 0 22px 3px #22222240;padding:2.3vw 6.5vw;color:#516aeb;text-transform:lowercase;font-size:22px;font-weight:600;width:auto;display:block;text-align:center}@media only screen and (min-width: 64em){#addLabel form .submit-button .btn{padding:2.1vh 6.2vh}}main.box textarea{width:100%;border-radius:23px;background:linear-gradient(132.64deg,#CFCECE 18.21%,#C8C8C8 76.22%);box-shadow:0 0 22px 3px #22222240;padding:3.3vh 3.5vw;color:#909090}main.box textarea:focus,main.box textarea:active{color:#444}.claim-box__container{border:1px solid #fff;border-radius:23px;padding:15px;width:100%;max-width:360px;margin:15px 0 15px auto}.claim-box__container p{font-size:16px;text-align:center}.claim-box__container .btn{margin:0 auto}.claim-box__container .user-container{padding-top:0;margin-top:0;margin-bottom:0}#boxid form fieldset{border:none}#boxid form fieldset legend{color:#fff;margin-left:23px;opacity:0;transition:1s opacity ease-in-out}#boxid form fieldset legend.show{opacity:1}#boxid form fieldset ul{border:1px solid #fff;border-radius:23px;display:flex;justify-content:space-between;align-items:center;padding:3.3vh 3.5vw}#boxid form fieldset ul li.submit{flex-basis:8vw}#boxid form fieldset ul li label{display:none}#boxid form fieldset ul li input{background:transparent;border:none;font-family:Roboto Mono,monospace;color:#89eb38;width:100%;line-height:1;padding:0}@media only screen and (min-width: 64em){#boxid form fieldset ul li input{font-size:clamp(16px,3vw,32px)}}#boxid form fieldset ul li input[type=submit]{background:url(/images/icon-arrow-white.svg);background-repeat:no-repeat;background-position:right center;text-indent:-100vw;height:1.3em;width:8vw;background-size:contain;margin-top:0}#add-to-box{margin-bottom:5vh}#add-to-box form fieldset{border:none}#add-to-box form fieldset legend{opacity:0;transition:1s opacity ease;color:#fff;margin-left:23px}#add-to-box form fieldset legend.show{opacity:1}#add-to-box form fieldset ul li label{display:none}#add-to-box form fieldset ul li label.instruction{display:inline-block;margin-left:21px;margin-right:auto;transition:opacity 1s ease-in-out;opacity:0}#add-to-box form fieldset ul li label.instruction.show{opacity:1}#add-to-box form fieldset ul li label.instruction.show.highlight{color:#89eb38;animation:tada 1s ease-in-out 0s 3;border:none}#add-to-box form fieldset ul li.submit{display:flex;justify-content:flex-end;padding-right:23px}#add-to-box form fieldset ul li.submit input.submit{width:clamp(20px,8vw,48px);height:clamp(20px,8vw,48px);background-image:url(/images/icon-add-green.svg);background-repeat:no-repeat;background-size:80%;background-position:center;text-indent:8vw;border-radius:23px;padding:0;margin:0;background-color:transparent;flex-basis:unset}#add-to-box form fieldset ul li.submit input.submit.animate{animation:pulse 1.2s ease-in-out 0s infinite alternate}#box-contents #history{margin-top:-2.5vh;margin-bottom:2.5vh}#box-contents #history button{text-transform:capitalize;display:flex;width:100%;justify-content:space-between;align-items:center}#box-contents #history button .icon{width:clamp(20px,8vw,48px);height:clamp(20px,8vw,48px);transform:rotateY(180deg)}#box-contents #history button span{opacity:0;color:#89eb38;transition:opacity 2s ease-in-out}#box-contents #history button.history-hide span{opacity:1;color:#eb8867}#box-contents ul li{margin-bottom:5vh;display:grid;grid-template-columns:auto 24vw;grid-template-columns:auto clamp(12em,24vw,40em)}#box-contents ul li.active-0{display:none}#box-contents ul li.active-0.hide{display:grid}#box-contents ul li.active-0.hide *{color:#eb8867}#box-contents ul li.active-0.hide .contents{border-color:#eb8867}#box-contents ul li.active-0.hide .buttons{opacity:0}#box-contents ul li .buttons{display:flex;justify-content:flex-end;align-items:flex-end;gap:15px;transition:opacity 2s ease-in-out}#box-contents ul li .buttons button img{width:clamp(20px,8vw,48px);height:clamp(20px,8vw,48px);padding:1vw;margin-bottom:-1vw}@media only screen and (min-width: 64em){#box-contents ul li .buttons button img{padding:.5vw;margin-bottom:-.5vw}}#box-contents ul li .buttons button span{display:none}#box-contents ul li .date{font-size:16px;align-self:end}@media only screen and (min-width: 64em){#box-contents ul li .date{font-size:clamp(16px,3vw,32px)}}#box-contents ul li .contents{grid-column:span 2;margin-top:7.5px}#box-contents ul li.update-box .date{padding-left:23px}#box-contents ul li.update-box .buttons{padding-right:23px}#box-contents ul li.update-box .buttons button{margin-bottom:-1vw;margin-right:-1vw;display:flex;justify-content:flex-end;align-items:center}@media only screen and (min-width: 37.5em){#box-contents ul li.update-box .buttons button{margin-bottom:-.5vw}}#box-contents ul li.update-box .buttons button img{order:2}#box-contents ul li.update-box .buttons button .action-Save+span{order:1;font-size:16px;color:#89eb38;white-space:nowrap}@media only screen and (min-width: 64em){#box-contents ul li.update-box .buttons button .action-Save+span{font-size:clamp(16px,3vw,29px);padding-top:.4vw;padding-bottom:4px}}@media only screen and (min-width: 37.5em){#box-contents ul li.update-box .buttons button .action-Save+span{display:inline-block;vertical-align:top;padding-top:.7vw;margin-right:23px}}#box-contents ul li.display-box.box-0{animation:tada 1s linear .5s 1 forwards}#box-contents ul li.display-box .contents{padding-top:15px;border-top:1px solid #fff;font-size:20px}#box-contents ul li.display-box .user{font-size:16px;color:#89eb38;opacity:.6;font-style:italic}#box-contents ul li.display-box .user:hover{opacity:1}#box-contents ul li.display-box .user span{color:#89eb38}.scanner{margin-top:5vh}.scanner #videoBtn{border-radius:23px;background:url(images/icon-code-scan.svg) 5% center/8vw no-repeat,linear-gradient(132.64deg,#CFCECE 18.21%,#C8C8C8 76.22%);box-shadow:0 0 22px 3px #22222240;padding:2.3vw 6.5vw 2.3vw 4vw;color:#4c3dd4;text-transform:lowercase;font-size:22px;text-align:center;font-weight:600;width:100%;max-width:400px;display:block;margin:0 auto}@media only screen and (min-width: 64em){.scanner #videoBtn{max-width:360px;background:url(images/icon-code-scan.svg) 5% center/2vw no-repeat,linear-gradient(132.64deg,#CFCECE 18.21%,#C8C8C8 76.22%);padding:2.1vh 6.2vh;padding-left:4vw}}.scanner #videoBtn.button-primary~.viewport>#video{display:block}.scanner .viewport{display:inline-block;position:relative;margin-top:5vh}.scanner .viewport #canvas{position:absolute;left:0;top:0;width:100%;height:100%}.scanner .viewport #video{display:none;max-width:100%}.scanner #result{display:none}.logout{display:block;width:100%;padding:0;margin:0}.logout .btn{margin-top:0;margin-left:auto;margin-right:auto;padding:.35rem 3rem;text-align:center;display:block;background-color:#eb8867;color:#fff;border-radius:23px}.access{display:flex;gap:3rem}@media only screen and (max-width: 37.5em){.access{flex-direction:column}}.access>*{flex-basis:50%;flex-grow:1}.user-container{position:relative;padding-top:clamp(20px,8vw,48px);margin-bottom:3rem}.user-container .updateMessage{color:#89eb38;display:block;height:clamp(20px,8vw,48px);line-height:clamp(20px,8vw,48px);padding-left:23px;position:absolute;top:0;left:0}.user-container .error{margin-top:3rem}.user-container form fieldset{padding:1rem;border-radius:23px;border-color:#fff}.user-container form fieldset legend em{color:#89eb38;font-style:italic}.user-container form fieldset .info{text-align:center;margin-bottom:2rem}.user-container form fieldset ul li{display:flex;align-items:center;margin-bottom:.5rem;min-height:2.5rem}.user-container form fieldset ul li .toggle-label{width:12ch}.user-container form fieldset ul li>*:first-child{font-size:18px;width:12ch;width:clamp(12ch,16vw,18ch)}.user-container form fieldset ul li p{flex-shrink:1;flex-basis:calc(100% - 70px)}.user-container form fieldset ul li p em{color:#e0e0e0;font-style:italic;font-size:80%}@media only screen and (max-width: 37.5em){.user-container form fieldset ul li p em{display:none}}.user-container form fieldset ul li input{padding-left:.5rem;background-color:#e0e0e0;color:#444;border-radius:7.5px}.user-container form fieldset ul li input::-moz-placeholder{color:#909090e6}.user-container form fieldset ul li input::placeholder{color:#909090e6}.user-container form fieldset .submit{justify-self:flex-end;margin-top:1rem;margin-left:auto;padding:.35rem 3rem;flex-basis:fit-content;flex-grow:0;text-align:center;display:block;background-color:#89eb38;color:#516aeb;border-radius:23px;transition:all .2s ease-in}.user-container form fieldset .submit.disabled{background-color:#cfcece;color:#909090}.user-container .actions{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.user-container .actions a{font-size:80%;color:#89eb38}.user-container .actions a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}#box-settings{position:relative;padding-top:clamp(20px,8vw,48px)}#box-settings .updateMessage{color:#89eb38;display:block;height:clamp(20px,8vw,48px);line-height:clamp(20px,8vw,48px);padding-left:23px;position:absolute;top:0;left:0}#box-settings .settings-btn{position:absolute;top:0;right:23px;display:block;overflow:hidden;text-indent:-100vw;background-image:url(/images/icon-settings-green.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:clamp(20px,8vw,48px);height:clamp(20px,8vw,48px)}#box-settings .settings-btn.active{background-image:url(/images/icon-settings-red.svg)}#box-settings .box-settings__form-container{padding-bottom:3rem}#box-settings form fieldset{padding:1rem;border-radius:23px;border-color:#fff}#box-settings form fieldset legend em{color:#89eb38;font-style:italic}#box-settings form fieldset ul li{display:flex;align-items:center;margin-bottom:.5rem;min-height:2.5rem}#box-settings form fieldset ul li .toggle-label{width:12ch}#box-settings form fieldset ul li>*:first-child{font-size:18px;width:12ch;width:clamp(12ch,16vw,18ch)}#box-settings form fieldset ul li p{flex-shrink:1;flex-basis:calc(100% - 70px)}#box-settings form fieldset ul li p em{color:#e0e0e0;font-style:italic;font-size:80%}@media only screen and (max-width: 37.5em){#box-settings form fieldset ul li p em{display:none}}#box-settings form fieldset ul li input,#box-settings form fieldset ul li textarea{padding:.25rem .25rem .25rem .5rem;background-color:#e0e0e0;color:#444;border-radius:7.5px}#box-settings form fieldset ul li input::-moz-placeholder,#box-settings form fieldset ul li textarea::-moz-placeholder{color:#909090e6}#box-settings form fieldset ul li input::placeholder,#box-settings form fieldset ul li textarea::placeholder{color:#909090e6}#box-settings form fieldset ul li input.submit,#box-settings form fieldset ul li textarea.submit{margin-left:auto;padding-left:3rem;padding-right:3rem;flex-basis:fit-content;flex-grow:0;text-align:center;display:inline-block;background-color:#89eb38;color:#516aeb;border-radius:23px}#box-settings .titles .title{text-align:center;font-weight:700;font-size:60px;font-size:clamp(22px,3vw,60px);color:#89eb38}#box-settings .titles .description{text-align:center;padding:0 3rem;margin-bottom:2rem;font-size:22px}@media only screen and (min-width: 64em){#about-page h2{text-align:center;font-size:3vw;color:#89eb38}}#about-page strong{font-weight:600;font-size:inherit}#about-page a{text-decoration:underline;text-underline-offset:2px}#about-page .intro{text-align:center;font-size:22px;margin-bottom:5vh}#about-page>nav{margin-bottom:2rem}@media only screen and (min-width: 80em){#about-page>nav{display:none}}#about-page>nav ul{display:flex;justify-content:center;flex-wrap:wrap;gap:1ex}#about-page>nav ul li a:link,#about-page>nav ul li a:visited{color:#89eb38}#about-page>p{margin-bottom:1rem}#about-page>ul{margin-bottom:1rem;margin-left:3vh}#about-page>ul li{list-style:square}#about-page section{margin-bottom:5vh}#about-page section#requirements{margin-top:5vh}#about-page section h3{text-align:center;font-size:30px;font-weight:600}#about-page section h4{font-size:26px;font-weight:600}#about-page section p{margin-bottom:1vh}#about-page section sup{font-size:14px;vertical-align:super;margin-left:2px;color:#89eb38}#about-page section fieldset{padding:3.3vh 3.5vw;border-radius:23px;border:1px solid #89EB38}#about-page section fieldset details{display:block}#about-page section fieldset details summary{cursor:pointer;display:list-item;font-weight:600;font-size:22px;color:#89eb38}@media only screen and (min-width: 80em){#about-page section fieldset details summary{font-size:clamp(22px,2vw,30px)}}#about-page section fieldset details summary:after{content:"\25b6";display:inline-block;color:#fff;font-size:75%;margin-left:1ex;transition:transform .25s ease}#about-page section fieldset details[open]{margin-bottom:3rem}#about-page section fieldset details[open] summary{margin-bottom:1rem}#about-page section fieldset details[open] summary:after{transform:rotate3d(0,0,1,90deg)}#about-page section fieldset details:last-child{margin-bottom:0}#about-page section fieldset details ul{margin-left:3vh}#about-page section fieldset details ul li{list-style-position:outside}#about-page section fieldset ul+h3,#about-page section fieldset ol+h3{margin-top:5vh}#about-page section fieldset ul li,#about-page section fieldset ol li{list-style:circle;list-style-position:inside}#about-page section fieldset ul li::marker,#about-page section fieldset ol li::marker{content:unset}#about-page section fieldset ul li .icon,#about-page section fieldset ol li .icon{height:1em;width:auto}@media only screen and (min-width: 80em){#about-page section fieldset ul li,#about-page section fieldset ul li p,#about-page section fieldset ul li a,#about-page section fieldset ol li,#about-page section fieldset ol li p,#about-page section fieldset ol li a{font-size:clamp(18px,1.6vw,22px)}}#about-page section fieldset ol,#about-page section fieldset .ol{margin-left:5%}#about-page section fieldset ol>li,#about-page section fieldset .ol>li{list-style:decimal;margin-bottom:15px}#about-page section fieldset ol>li h5,#about-page section fieldset .ol>li h5{font-weight:600;font-size:22px;color:#89eb38}@media only screen and (min-width: 80em){#about-page section fieldset ol>li h5,#about-page section fieldset .ol>li h5{font-size:clamp(22px,2vw,30px)}}#about-page section fieldset ol>li ul,#about-page section fieldset .ol>li ul{margin-left:5%}#about-page section fieldset ol>li ul li,#about-page section fieldset .ol>li ul li{list-style:disc;list-style-position:outside}@media only screen and (min-width: 80em){#about-page section fieldset ol>li ul li,#about-page section fieldset .ol>li ul li{margin-bottom:clamp(8px,.4vw,24px)}}#about-page section fieldset ul.ol>li{list-style:square}#about-page section#footnotes ul li{margin-bottom:15px}@keyframes ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reveal{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes pulse{0%{transform:scaleZ(1);outline:1px solid rgba(255,255,255,0)}to{transform:scale3d(1.75,1.75,1);outline:1px solid rgba(255,255,255,.5)}}@keyframes pulse2{0%{transform:scaleZ(1)}to{transform:scale3d(1.75,1.75,1)}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}