header.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;border-bottom:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1)}header.header .dark-light-mode{display:flex;justify-content:end}header.header .site-title a{display:flex;align-items:center;flex-direction:row;gap:1rem;text-decoration:none;color:inherit}header.header .site-title a span{font-size:1.25rem;user-select:none;padding-right:1rem}header.header .site-title a .logo{transition:filter .2s ease-in-out}header.header .site-title a .logo:hover{filter:brightness(.8)}.main .site-title{text-align:center;color:inherit;margin-bottom:1rem}.main .iban-input{margin:0;padding:5px;width:20rem;border:1px solid #ccc;border-radius:5px;box-shadow:none;outline:none;transition:box-shadow .2s ease-in-out}.main .iban-input:focus{box-shadow:0 0 4px 3px rgba(0,170,170,.5411764706)}.main .iban-input:invalid{box-shadow:0 0 4px 3px rgba(229,56,53,.3294117647)}.main .iban-output{margin:0 0 0 .5rem;padding:5px;width:20rem;border:1px solid #ccc;border-radius:5px;box-shadow:none;outline:none;transition:box-shadow .2s ease-in-out}.main .iban-output:focus{box-shadow:0 0 4px 3px rgba(0,170,170,.5411764706)}.main .iban-output:invalid{box-shadow:0 0 4px 3px rgba(229,56,53,.3294117647)}.main .formatted-iban{display:flex;flex-direction:row;align-items:center;margin-top:10px;font-size:16px;font-weight:500;max-width:80vw}.main .formatted-iban .copy-button{padding:10px;border:none;background:rgba(0,0,0,0);cursor:pointer;font-size:1.25rem}.main .formatted-iban .copy-button:hover{opacity:.75}.main .result{transition:background-color .2s ease-in;max-width:90vw;margin:2rem auto}.main .result>*{margin:1rem 0}.main .random-info{padding:.25rem 1rem;border-bottom:1px solid #bbb;border-radius:5px;margin:0 auto;max-width:80vw;width:fit-content}.main .random-info p{font-size:1rem;font-weight:400;color:inherit;text-align:center;font-style:italic}.main .iban-input-container{margin-top:3rem}.main .iban-input-container .iban-label{font-weight:500;margin-bottom:.5rem}.main .iban-info{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;text-align:left;max-width:400px}.main .iban-info .iban-info-label{font-weight:500;justify-self:end}.main .iban-info .iban-info-value{font-weight:400;justify-self:start}.main .disclaimer{margin-top:2rem;font-size:.75rem;text-align:center;color:inherit;max-width:75%;font-style:italic;font-weight:500}.main .disclaimer a{color:inherit;text-decoration:underline}.cookie-popup{display:flex;justify-content:space-between;flex-direction:row;align-items:center;position:fixed;bottom:0;left:0;right:0;gap:.5rem;background-color:rgba(51,51,51,.768627451);color:#fff;padding:2rem 2.5rem;margin:1rem;border-radius:5px;box-shadow:0 0 4px 2px rgba(0,0,0,.1)}.cookie-popup .accept-button{border:none;background-color:#009688;color:#fff;padding:.5rem 1rem;border-radius:5px;cursor:pointer;box-shadow:.1em .1em rgba(0,150,136,.3)}.cookie-popup .accept-button:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em .1em .1em rgba(0,150,136,.3)}.cookie-popup .accept-button:active{transform:translate(.05em,.05em);box-shadow:.05em .05em .1em .1em rgba(0,150,136,.3)}html.dark .cookie-popup .accept-button{background-color:#004d40}.footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #ccc;box-shadow:0 -2px 4px rgba(0,0,0,.1);font-size:.8rem;text-align:center;padding:1rem}.footer .center,.footer .left,.footer .right{width:33.33%}.footer .developer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.footer .developer a{text-decoration:none;color:inherit;font-weight:600}.footer .sitemap a{text-decoration:underline;color:inherit;font-weight:400}.footer .social-media{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.footer .social-media a{text-decoration:none;color:inherit;font-size:1.25rem;width:1.25rem}.invalid-iban input{margin:.5rem 0;padding:5px;width:20rem;border:1px solid #ccc;border-radius:5px;box-shadow:none;outline:none;transition:box-shadow .2s ease-in-out}.invalid-iban input:focus{box-shadow:0 0 4px 3px rgba(229,56,53,.3294117647)}.invalid-iban input:invalid{box-shadow:0 0 4px 3px rgba(229,56,53,.3294117647)}.invalid-iban{color:#e53935}