@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;800&display=swap");html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,blockquote,pre,code,hr,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;box-sizing:border-box}body{line-height:1;overflow:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{font-family:'Inter', sans-serif;background-color:#f9fafb;color:#171717;font-size:16px;line-height:1.5;width:100%;height:100%;margin:0}a{color:#4b5563;text-decoration:none}a:hover{color:#6366f1}h1{font-size:42px;letter-spacing:-1px;color:#374151}h4{font-size:12px;text-transform:uppercase;color:#525252;letter-spacing:1px;font-weight:400;margin-bottom:16px}table{width:100%;font-size:12px;font-weight:400}table thead{border-bottom:2px solid #4b5563;font-size:14px}table th{text-align:left}table tr,table td,table th{padding:16px 0}table tr{border-bottom:1px solid #e5e7eb}table tr:hover{background-color:#f9fafb}button{background:#6366f1;height:fit-content;color:#fff;padding:8px 16px;font-size:16px;border-radius:50px;border:1px solid #e5e7eb}button:hover{background:#4f46e5;cursor:pointer}p{font-size:14px;color:#525252;margin-bottom:16px}input{background:#fff;padding:8px 16px;font-size:16px;border-radius:16px;border:1px solid #e5e7eb}.button{background:#6366f1;color:#fff;padding:8px 16px;font-size:16px;border-radius:16px;border:1px solid #e5e7eb}.grid{display:grid;grid-template-columns:72px 200px 1fr;width:100%;height:100%;background-color:#f3f4f6}.grid aside{background:#f9fafb;padding:24px;border-right:1px solid #e5e7eb}.grid aside ul{margin-bottom:24px}.grid aside li{margin-bottom:10px}.grid .list{display:flex;flex-direction:column;gap:48px;padding:48px;overflow-y:scroll}.grid .list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.webhook-drawer{position:absolute;top:0;right:0;width:30%;height:100%;background-color:white;padding:20px;display:none;border-radius:5px;box-shadow:0px 1px 3px rgba(0,0,0,0.1);margin-left:20px;overflow-y:auto}.webhook-events{margin-top:20px}.webhook-banner{position:fixed;right:0;top:80%;transform:translateY(-50%);background-color:#6366f1;color:white;padding:10px 5px;cursor:pointer;writing-mode:vertical-rl;text-orientation:upright;border-top-left-radius:5px;font-size:14px;border-bottom-left-radius:5px}#refreshWebhooks{background-color:#6366f1;color:white;padding:12px 16px;border-radius:50px;cursor:pointer;font-size:12px}.webhook-event{border:1px solid #e0e0e0;margin-bottom:10px;padding:10px;border-radius:5px}.webhook-summary{font-weight:bold;cursor:pointer}.webhook-details{display:none;margin-top:10px;white-space:pre-wrap}.login{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;align-items:center;justify-content:center}.login div{position:relative;display:flex;flex-direction:column;padding:24px;padding-bottom:4px;width:300px;height:auto;background-color:#fff;border:1px solid #e5e7eb;gap:18px;border-radius:16px;transition:all .2s ease}.login h3{color:#171717}.login div:hover{box-shadow:0px 15px 23px -5px rgba(0,0,0,0.09)}.errormessage{color:#6366f1;width:100%;text-align:center}.header{display:flex;flex-direction:column;position:relative;align-items:center;background-color:#fff;padding:16px;border-right:1px solid #e5e7eb;gap:50px}.header .logo a{font-size:0}.header .tooltip{display:none;position:absolute;padding:4px 16px;top:10px;left:40px;background-color:black;color:white;border-radius:16px;transition:left 0.2s ease}.header ul{display:flex;flex-direction:column;gap:10px}.header ul li{position:relative;width:50px;height:50px;border-radius:16px;cursor:pointer}.header ul li:hover .tooltip{display:block;left:50px}.header ul li:hover a{background-color:#f3f4f6}.header ul li:active a{background-color:#e5e7eb}.header ul a{position:relative;display:flex;align-items:center;justify-content:center;border-radius:16px;width:50px;height:50px;font-size:0;cursor:pointer}.integrations .listing{display:flex;flex-direction:column;padding:48px;gap:24px}.integrations .listing-description{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.toggle-view{display:flex;border:1px solid #e5e7eb;border-radius:50px;background-color:#f9fafb;padding:2px}.toggle-view button{display:flex;border:0;padding:8px 10px;border-radius:50px;background-color:#f9fafb;transition:all .2s ease-in}.toggle-view button:hover{background-color:#e5e7eb}.toggle-view svg path{fill:#171717}.modal{display:none}.grid-view{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:16px}.list-view{display:flex;flex-direction:column;gap:16px}.list-view .integration-card>div{display:grid;grid-template-columns:100px 70%;position:relative}.list-view .integration-card>div .card-head{flex-direction:column}.list-view .integration-card>div button{position:absolute;top:16px;right:16px}.integration-container:not(.grid-view){display:none}.integration-card>div{padding:24px;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;gap:16px;transition:all .2s ease}.integration-card>div:hover{box-shadow:0px 15px 23px -5px rgba(0,0,0,0.09)}.integration-card .card-head{display:flex;width:100%;justify-content:space-between}.integration-card .img-wrapper{display:flex;width:80px;height:80px;border:1px solid #e5e7eb;align-items:center;justify-content:center;border-radius:50px;margin-bottom:16px}.integration-card img{display:block;width:50px;width:50px;transition:all .2s ease}.integration-card .integration-copy{display:flex;flex-direction:column;gap:10px}.integration-card:hover img{transform:scale(1.05)}