@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{width:100%;height:max(100vh,680px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff}body.lock{overflow:hidden}@media (max-width:700px){body{height:max(100vh,480px)}}input,select,textarea{border-radius:0}main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}section{width:fit-content;max-width:1500px;padding:clamp(2rem,4vw,5rem)}section.panel{background:#fff;box-shadow:0 3px 6px #0000003b;border-radius:1rem;max-width:90%}section.single{width:clamp(min(90vw,540px),33.33%,720px)}section.scroll{width:100%;max-height:50%;min-height:240px;overflow-y:scroll;overflow-x:hidden}section.scroll>.row{width:100%;justify-content:space-between;border-bottom:1px solid #71c7d5;padding:2rem 0;margin:0 0 1rem}section.long{width:min(90%,1200px)}@media (max-width:700px){section{width:100%!important}}a,b,h1,h2,h3,h4,h5,h6,i,li,p,pre,span,strong,ul{line-height:1.2}h1{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;color:#ba0431;font-size:min(12vw,12rem);letter-spacing:clamp(.2rem,.3vw,.45rem);position:absolute;bottom:0;left:clamp(1.5rem,2.25vw,3rem);opacity:.1;z-index:-1}h2{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;font-size:clamp(2.4rem,2.4vw,4rem);letter-spacing:clamp(.24rem,.24vw,.4rem);text-transform:uppercase;color:#ba0431;margin:0}h3{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;font-size:clamp(1.8rem,2vw,2.6rem);letter-spacing:clamp(.24rem,.24vw,.4rem);text-transform:uppercase;color:#ba0431;margin:0}h3.center{text-align:center}h4{font-family:"Open Sans",sans-serif;font-weight:300;font-style:normal;font-size:clamp(2rem,2.2vw,4rem);letter-spacing:clamp(.2rem,.22vw,.4rem);color:#ba0431;margin:0}h5{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;font-size:clamp(1.4rem,1.6vw,1.8rem);color:#ba0431}p{font-family:"Open Sans",sans-serif;font-weight:300;font-style:normal;color:#000;font-size:clamp(1.3rem,1.4vw,1.5rem);line-height:1.4}p.error{margin:clamp(1.5rem,2.25vw,3rem) 0}a{text-decoration:none;color:#000}.red{color:#ba0431}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}@media (max-width:700px){.row{flex-direction:column}}form{display:block;width:100%;position:relative}form.collapse .field{margin-bottom:1rem}form.collapse .field:last-of-type{margin-bottom:0}.field{width:100%;margin:0 0 clamp(1.5rem,2.25vw,3rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.field.line{padding-bottom:.5rem}.field.line input{border-bottom:2px solid #71c7d5}.field.submit{width:fit-content;position:relative}.field.submit:has(input[type=submit].btn)::before{content:"";position:absolute;height:3px;top:100%;left:0;background:#71c7d5;width:50%;transition:.2s}.field.submit:has(input[type=submit].btn):hover::before{width:100%}.field>input{width:100%;margin-bottom:.5rem}.field>.end{align-self:flex-end;text-align:right}.field.large input{font-family:"Open Sans",sans-serif;font-weight:300;font-style:normal;font-size:clamp(2rem,2.2vw,4rem);padding:.5rem}.field.large.line{border-bottom:1px solid #71c7d5}.field.large.line input{border-bottom:none}label{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;display:block;text-transform:uppercase;font-size:clamp(1rem,1vw,1.4rem);letter-spacing:clamp(.2rem,.2vw,.28rem);margin-bottom:.5rem}button{appearance:none;border:none;background:0 0;display:block;padding:0;margin:0}input{flex:1;font-family:"Open Sans",sans-serif;font-weight:400;font-style:normal;display:block;border:none;background:0 0;border-radius:0;padding:.25rem 0;font-size:clamp(1.2rem,1.2vw,1.6rem)}input::placeholder{color:#0000003b}input#pageId{position:absolute;right:200vw}textarea{resize:none}.btn{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;color:#ba0431;border:none;cursor:pointer;background:0 0;font-size:clamp(1.2rem,1.2vw,1.6rem);letter-spacing:2.8px;text-decoration:none;text-transform:uppercase;transition:.2s;position:relative}.btn:before{content:"";position:absolute;height:2px;bottom:-8px;margin-top:-.5px;background:#71c7d5;left:0;width:50%;transition:.2s}.btn:hover::before{width:100%}@media (max-width:700px){.btn{font-size:1.2rem;letter-spacing:1.8px}}.btn.black{color:#000}.btn.black:before{background:#000}.btn.red{color:#ba0431}.btn.red:before{background:#ba0431}.link{font-family:"Open Sans",sans-serif;font-weight:400;font-style:normal;color:#71c7d5;position:relative;transition:.2s;font-size:clamp(1.1rem,1.1vw,1.3rem);letter-spacing:clamp(.11rem,.11vw,.13rem);text-transform:uppercase;cursor:pointer}.link::after{content:"";width:0%;height:1px;position:absolute;top:100%;left:0;background:#71c7d5;transition:.2s}.link:hover::after{width:100%}.link.red{color:#ba0431}.link.red::after{background:#ba0431}.link.black{color:#000}.link.black::after{background:#000}.link.bold{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal}.link.bold::after{height:2px}.link.selected{pointer-events:none}a.card{aspect-ratio:1/1;padding:clamp(2rem,4vw,5rem);border-radius:1rem;box-shadow:0 3px 6px #0000003b;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:clamp(min(90vw,350px),25%,500px);margin:clamp(2rem,4vw,5rem);cursor:pointer}a.card picture{display:block;width:100%;aspect-ratio:5/4;transition:.2s;margin-bottom:calc(clamp(2rem,4vw,5rem)/ 2)}a.card picture svg{width:100%;height:100%;object-fit:contain}a.card:hover picture{scale:1.05}a.card.disabled{pointer-events:none}a.card.disabled picture{position:relative}a.card.disabled picture svg{opacity:.15;filter:saturate(.5)}a.card.disabled picture::after{position:absolute;z-index:1;content:"Coming\aSoon";white-space:pre;text-align:center;color:#ba0431;font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;text-transform:uppercase;top:50%;left:50%;line-height:1;translate:-50% -50%;font-size:clamp(1.8rem,2vw,2.6rem);letter-spacing:clamp(.24rem,.24vw,.4rem)}a.card.disabled>h3{filter:saturate(.5);opacity:.15}@media (max-width:700px){a.card{max-width:66%;margin:1rem}}span#error{font-family:"Open Sans",sans-serif;font-weight:400;font-style:normal;color:#ba0431;font-size:clamp(1rem,1.1vw,1.4rem);position:absolute;bottom:100%;left:0}header{height:calc(clamp(4rem,4.25vw,7rem) + clamp(1.5rem,2.25vw,3rem) * 2);width:100%;padding:clamp(1.5rem,2.25vw,3rem)}header nav{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}header nav .logo{padding:0;margin:0;display:block;transition:.2s;height:100%}header nav .logo svg{height:100%;transition:.2s}header nav .logo svg g#text{transition:.2s}header nav .logo:hover svg{scale:1.05}header nav .logo:hover svg g#text{opacity:.5}header nav .links>a{margin-left:clamp(1.5rem,2.25vw,3rem)}footer{width:100%;padding:clamp(1.5rem,2.25vw,3rem);height:calc(clamp(4rem,4.25vw,7rem) + clamp(1.5rem,2.25vw,3rem) * 2);display:flex;align-items:flex-end;justify-content:space-between}footer .row{width:100%;justify-content:space-between}footer .row .text{font-size:clamp(1.1rem,1.1vw,1.3rem);letter-spacing:clamp(.11rem,.11vw,.13rem);color:#71c7d5;font-family:"Open Sans",sans-serif;font-weight:400;font-style:normal}body#page-home main h2{max-width:90%;text-align:center;margin:0 auto}@media (max-width:700px){body#page-home main h2{margin-bottom:3rem}}section#passwordSearch{height:fit-content}section#passwordSearch .field{margin-bottom:0}section#passwordResults{height:40vh}section#passwordResults .row{flex-direction:row}section#passwordResults .row h4 span{font-size:clamp(1rem,1.1vw,1.3rem);font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;letter-spacing:0}section#passwordResults .row.sub{display:none}section#passwordResults .row.sub.shown{display:flex}#passwordView{align-items:flex-start;justify-content:flex-start;height:100%}#passwordView a.btn{display:block;width:fit-content}#passwordView #back{margin-bottom:6rem}@media (max-width:700px){#passwordView #back{margin-bottom:3rem}}#passwordView>h4{margin-bottom:.5rem}@media (max-width:700px){#passwordView>h4{font-size:3.2rem}}#passwordView h5{margin-bottom:4rem}@media (max-width:700px){#passwordView h5{font-size:2rem}}#passwordView>#serial-finder{display:block;margin-bottom:4rem}#passwordView>#serial-finder .select{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:2rem}#passwordView>#serial-finder .select label{display:block}#passwordView>#serial-finder .select .input{border-bottom:2px solid #ba0431;min-width:480px;position:relative}#passwordView>#serial-finder .select .input select{padding:.5rem 3rem .5rem .25rem;appearance:none;border:none;background:0 0;color:#000;font-family:"Open Sans",sans-serif;font-weight:400;font-style:normal;display:block;width:100%;cursor:pointer;transition:.2s;font-size:clamp(1.4rem,1.6vw,1.8rem)}#passwordView>#serial-finder .select .input select:hover{opacity:.6}#passwordView>#serial-finder .select .input select:disabled{opacity:.5;pointer-events:none}#passwordView>#serial-finder .select .input::after{content:"";position:absolute;top:25%;right:1rem;width:1rem;height:1rem;border:2px solid #ba0431;rotate:45deg;border-left:none;border-top:none;pointer-events:none;transition:.2s}#passwordView>#serial-finder .select .input:has(select:hover)::after{opacity:.6}@media (max-width:700px){#passwordView>#serial-finder .select .input{min-width:0;width:100%}}#passwordView>#serial-finder .select:has(.inputselect:disabled) :not(label){filter:saturate(.6);opacity:.5}#passwordView>#pass-field{margin-bottom:4rem}#passwordView>#pass-field>label{padding:0 0 .5rem}#passwordView>#pass-field h4{padding:0 0 1rem 0}#passwordView>#pass-field>#default{display:block}#passwordView>#pass-field>#reveal{display:none;align-items:center;justify-content:flex-start}#passwordView>#pass-field>#reveal .row.main{margin:0 0 2rem}#passwordView>#pass-field>#reveal .row.main h4{margin-right:4rem;letter-spacing:0}#passwordView>#pass-field>#reveal .row.main>.btn{margin-top:.5rem;font-size:1rem;position:relative}#passwordView>#pass-field>#reveal .row.main>.btn aside{position:absolute;bottom:calc(100% + 1rem);left:50%;translate:-50% 0;font-size:1.2rem;background:#ba0431;padding:.25rem .5rem;color:#fff;font-family:"Open Sans",sans-serif;font-weight:300;font-style:normal;letter-spacing:.1rem}#passwordView>#pass-field>#reveal .row.main>.btn aside::before{content:"";position:absolute;background:#ba0431;height:.5rem;width:.5rem;rotate:45deg;bottom:0;left:50%;translate:-50% 50%}#passwordView>#pass-field>#reveal .row:last-of-type .btn{text-align:left}#passwordView>#pass-field>#reveal .row:last-of-type #newPass{margin-left:4rem}#passwordView>#pass-field>#reveal .row:last-of-type #newPass.hidden{display:none}@media (max-width:700px){#passwordView>#pass-field>#reveal .row:last-of-type .btn{margin-bottom:2rem}#passwordView>#pass-field>#reveal .row:last-of-type #newPass{margin-left:0}}#passwordView>#pass-field.disclosed #default{display:none}#passwordView>#pass-field.disclosed #reveal{display:block}#passwordView .row{flex-wrap:wrap}#passwordView .row button{margin-right:clamp(2rem,4vw,5rem)}@media (max-width:700px){#passwordView .row{flex-direction:column;align-items:flex-start}#passwordView .row button{margin-bottom:2rem}}#passwordView .passLabel.hidden{display:none}#passwordView .passLabel.hidden~#pass-field{display:none}