@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";
.component{text-align:center;flex-direction:column;align-items:center;width:100%;height:100%;margin:5rem auto;display:flex}.sub-container{width:85%;max-width:1000px}.auth-buttons{flex-direction:column;gap:1rem;margin:5rem 3rem;display:flex}.primary-auth-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:15px;width:18rem;padding:10px;font-size:16px}.primary-auth-button:hover{background-color:#3e8e41}.sticky-header{color:#fff;z-index:1000;background-color:#333;padding:10px 20px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.header-title{font-size:20px;font-weight:700}.menu-icon{display:none}.desktop-header{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-sidebar{z-index:1001;background-color:#333;width:250px;height:100%;padding:20px;display:none;position:fixed;top:0;left:0;box-shadow:2px 0 5px #00000080}.sidebar-header{color:#fff;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.close-icon{color:#fff;cursor:pointer;background-color:#0000;border:none;font-size:1.3rem}.dropdown{display:inline-block;position:relative}.dropbtn{color:#fff;cursor:pointer;background-color:#4caf50;border-radius:15px;padding:10px;font-size:16px}.dropdown-content{z-index:1;background-color:#f9f9f9;min-width:160px;display:none;position:absolute;right:0;box-shadow:0 8px 16px #0003}.dropdown-item{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-item:hover{cursor:pointer;background-color:#f1f1f1}.dropdown-item.active{background-color:#b8ceb0}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}@media (max-width:768px){.component{margin:.5rem auto}.sub-container{width:98%}.sticky-header{color:#fff;z-index:1000;background-color:#333;padding:3px 20px;position:sticky;top:0}.menu-icon{color:#fff;cursor:pointer;background-color:#0000;border:none;font-size:1.3rem;display:block}.desktop-header{display:none}.mobile-sidebar,.mobile-dropdown{display:block}}.playground-shell{min-height:100vh;display:flex}.playground-main{flex:1;padding-right:360px}.test-sidebar{z-index:1100;background:#f7f7f7;border-left:1px solid #d0d0d0;width:340px;height:100vh;padding:12px;position:fixed;top:0;right:0;overflow-y:auto}.test-tabs details{background:#fff;border-radius:8px;margin-bottom:12px;padding:8px}.test-section{flex-direction:column;gap:8px;margin-top:8px;display:flex}.test-row{align-items:center;gap:8px;display:flex}.test-section input,.test-section select,.test-section button{font-size:12px}.test-user-list{flex-direction:column;gap:8px;display:flex}.test-user{background:#fafafa;border:1px solid #ececec;border-radius:6px;padding:8px}.test-user p{margin:2px 0;font-size:12px}.test-credential{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}@media (max-width:1100px){.playground-main{padding-right:0}.test-sidebar{border-top:1px solid #d0d0d0;border-left:none;width:100%;height:auto;position:static}.playground-shell{flex-direction:column}}
.corbado-custom-theme-test .cb-button-primary{color:#fff;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3) 0 0/300% 300%;border:none;border-radius:1.5rem;height:2.5rem;font-size:1rem;transition:background-color .3s,color .3s;animation:4s infinite moveGradient;position:relative;overflow:hidden}.corbado-custom-theme-test .cb-button-primary:hover,.corbado-custom-theme-test .cb-button-primary:focus{background-position:100% 0;transition:background-position 2s}.cb-dark.corbado-custom-theme-test{--cb-secondary-text-color:#f1a}