body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}pre{white-space:pre-wrap;word-break:break-all}.copy-btn{background-color:#fffc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:8px;top:8px}.copy-btn:hover{background-color:#fff}.header{background-color:#4285f4;color:#fff;padding:.75rem 0}.header-container{align-items:center;display:flex;justify-content:space-between}.header-title{font-size:1.25rem;font-weight:500;margin:0}.header-button{background-color:#fff;border-radius:.25rem;color:#4285f4;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.footer{background-color:#1a2b3c;color:#fff;margin-top:auto;padding:1.5rem 0}.footer-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.footer-branding{text-align:center}.footer-title{font-size:1.125rem;font-weight:500;margin:0}.footer-subtitle{color:#cbd5e0;font-size:.875rem;margin:.25rem 0 0}.footer-copyright{color:#cbd5e0;font-size:.875rem;margin-top:1rem}@media (min-width:768px){.footer-container{flex-direction:row}.footer-branding{text-align:left}.footer-copyright{margin-top:0}}.jwt-decoder-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.card-header{padding:1.5rem 1.5rem 0}.card-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.card-description{color:#718096;font-size:.875rem;margin:0}.card-content{padding:1.5rem}.input-group{margin-bottom:1rem}.jwt-input{border:1px solid #e2e8f0;border-radius:.375rem;font-family:monospace;font-size:.875rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.button-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.decode-button{background-color:#4285f4;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.decode-button:hover{background-color:#3b78e7}.clear-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#4a5568;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.clear-button:hover{background-color:#f7fafc}.error-alert{align-items:flex-start;background-color:#fed7d7;border-left:4px solid #f56565;border-radius:.25rem;color:#c53030;display:flex;padding:1rem}.error-icon{flex-shrink:0;height:1.25rem;margin-right:.75rem;width:1.25rem}.tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:1rem}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem}.tab-button:hover{color:#4a5568}.tab-button.active{border-bottom-color:#4285f4;color:#4285f4}.tab-content{margin-top:1rem}.code-container{position:relative}.code-block{background-color:#f7fafc;border-radius:.375rem;font-size:.875rem;margin:0;max-height:400px;overflow:auto;padding:1rem}.signature{font-family:monospace;word-break:break-all}.info-text{margin-bottom:1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.info-grid{grid-template-columns:1fr 1fr}}.info-box{border-radius:.5rem;padding:1rem}.info-box-blue{background-color:#ebf8ff}.info-box-yellow{background-color:#fffbeb}.info-box-title{font-size:.875rem;font-weight:500;margin:0 0 .5rem}.info-box-text{font-size:.875rem;margin:0}.main{background-color:#f7fafc;flex:1 1;padding:2rem 0}
/*# sourceMappingURL=main.03f4a879.css.map*/