.buttons button,.json-card button{background-color:#27262a;color:#fff;border:1px solid #36353b;border-radius:5px;padding:1em;font-size:.85rem;transition:background-color .2s ease-in-out}.buttons button:focus,.buttons button:hover,.json-card button:focus,.json-card button:hover{cursor:pointer;background-color:#605f63}.buttons input,.json-card input{border-radius:5px;border:none;padding:.5rem}.webhook-card{width:90%;padding:2em;background:#36393f}.embed:not(.unlock) .editable[href]{cursor:pointer}.embed:not(.unlock) .editable[href]:hover{text-decoration:underline}.embed:not(.unlock) .embed-title .editable[href]{color:#0096cf}.embed-unlock .field-delete,.embed.unlock .add_link,.embed.unlock .editable,.embed.unlock .field-inline,.embed.unlock .side-colored,.embed.unlock img,.special-editable{cursor:pointer}.embed.unlock .add_link:hover,.embed.unlock .editable:hover,.embed.unlock img:hover,.special-editable:hover{border:1px solid #000}.embed img:not(.filledImg){display:none}.embed.unlock img{display:block}.add_field{width:2em}.picker{width:0!important;height:0!important;padding:0!important;opacity:0!important}.embed.unlock .add_link{display:inline-block;vertical-align:middle;width:1rem;height:1rem;margin-left:.25em;background:url(/webhook/link.svg) no-repeat;background-size:1rem;content:""}.embed .field-delete,.embed .field-inline{display:none;z-index:1000}.embed.unlock .field-delete,.embed.unlock .field-inline{display:block}.field.inline .field-inline{background:url(/webhook/unfold_more.svg) no-repeat;background-size:24px}.field:not(.inline) .field-inline{background:url(/webhook/unfold_less.svg) no-repeat;background-size:24px}.field-inline{top:15%;right:1em;background-size:20px;transform:rotate(90deg)}.field-delete,.field-inline{position:absolute;width:20px;height:20px}.field-delete{top:calc(15% + 22px);right:1.15em;background:url(/webhook/close.svg) no-repeat;background-size:20px}.lockMode{padding:.7em!important;margin:0!important}.form{position:relative;display:flex;justify-content:flex-start;gap:1em}.form input{width:80%;padding:.9em .75em}.form button{display:inline-block;align-self:center}span.editable{margin:0}.editable{min-width:1rem;min-height:.7rem}.normal-text{margin-bottom:8px;color:#a3a6aa;font-size:1rem;line-height:1.375rem}.buttons{display:grid;grid-template-columns:auto 3fr;width:90%;margin-top:1em;grid-gap:3em;gap:3em}.json img{width:24px;height:24px;filter:invert(1)}.json-card{position:fixed;top:50%;left:50%;display:none;z-index:1000;width:60%;padding:2em;background:#36393f;transform:translate(-50%,-50%);flex-direction:column}.json-card.show{display:flex}.json-card textarea{height:50vh;background-color:#2f3136;color:#fff}.json-card .bottom{display:flex;justify-content:flex-end;width:100%;gap:1em}@media(max-width:768px){.buttons{grid-template-columns:1fr;width:90%;gap:1em}}@font-face{font-family:gg sans;font-style:normal;font-weight:400;src:url(/webhook/fonts/gg-sans-normal-400.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:italic;font-weight:400;src:url(/webhook/fonts/gg-sans-normal-400.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:normal;font-weight:500;src:url(/webhook/fonts/gg-sans-normal-500.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:italic;font-weight:500;src:url(/webhook/fonts/gg-sans-normal-500.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:normal;font-weight:600;src:url(/webhook/fonts/gg-sans-normal-600.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:italic;font-weight:600;src:url(/webhook/fonts/gg-sans-normal-600.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:normal;font-weight:700;src:url(/webhook/fonts/gg-sans-normal-700.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:italic;font-weight:700;src:url(/webhook/fonts/gg-sans-normal-700.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:normal;font-weight:800;src:url(/webhook/fonts/gg-sans-normal-800.woff2) format("woff2")}@font-face{font-family:gg sans;font-style:italic;font-weight:800;src:url(/webhook/fonts/gg-sans-normal-800.woff2) format("woff2")}.wrapper{display:flex;max-width:520px}.wrapper *{font-family:gg sans}.container{margin-top:50px}.color-holder{display:flex;position:relative}.color-holder input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.side-colored{width:4px;background:#4f545c;border-radius:3px 0 0 3px}.embed{display:flex;flex-direction:column;padding:8px 10px;background:#2f3136;border-color:rgba(46,48,54,.6);border-radius:0 3px 3px 0;color:hsla(0,0%,100%,.6);font-size:14px}.embed .card-block{display:flex;padding:0;margin-bottom:10px}.embed img.embed-thumb{flex-shrink:0;width:auto;max-width:58px;max-height:80px;margin-top:8px;margin-left:16px;border-radius:3px;object-fit:contain;object-position:top;-o-object-fit:contain}.embed .embed-footer{display:flex;align-items:center;font-size:12px}.embed .embed-footer span{color:#dcddde;font-size:.75rem;font-weight:500;line-height:1rem}.embed .embed-inner{display:grid;grid-gap:8px;gap:8px}.embed .embed-inner .embed-title{color:#fff;font-size:1rem;font-weight:600}.embed .embed-inner .embed-description{color:#dcddde;font-size:.875rem;font-weight:400;line-height:1.125rem}.embed .embed-inner .embed-author{display:flex;align-items:center;margin-bottom:5px;font-weight:600}.embed .embed-inner .embed-author img.embed-author-icon{width:20px;height:20px;margin-right:9px;border-radius:50%;object-fit:contain;-o-object-fit:contain}.embed .embed-inner .embed-author .embed-author-name{display:inline-block;color:#fff!important;font-size:.875rem;font-weight:600}.embed .embed-inner .embed-author .embed-author-name:hover{display:inline-block;color:#fff!important;font-size:14px;font-weight:600}.embed .embed-inner .fields{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:-10px;box-lines:miltiple}.embed .embed-inner .fields .field{position:relative;flex:0 1;max-width:506px;min-width:100%;padding-top:10px;box-flex:1}.embed .embed-inner .fields .field.inline{flex:1 1;flex-basis:auto;min-width:150px;box-flex:1}.embed .embed-inner .fields .field .field-name{margin-bottom:2px;color:#fff;font-size:.875rem;font-weight:600;line-height:1.125rem}.embed .embed-inner .fields .field .field-value{color:#dcddde;font-size:.875rem;font-weight:400;line-height:1.125rem;word-wrap:break-word;white-space:pre-wrap}.embed .embed-image{max-width:217px;max-height:300px;margin-top:16px;border-radius:4px;contain:paint}.embed .embed-footer .footer-img{width:20px;height:20px;margin-right:8px;border-radius:50%;object-fit:contain}@media(max-width:768px){.webhook-card{width:100%}}.hidden{display:none!important}.webhook-form-card{max-width:52rem;margin:0 auto}.webhook-mode-toggle{display:flex;gap:0;margin-bottom:.75rem;border-radius:8px;overflow:hidden;background:#2f3136;padding:3px;width:-moz-fit-content;width:fit-content}.webhook-mode-toggle button{padding:.5rem 1.25rem;border:none;background:transparent;color:hsla(0,0%,100%,.7);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.webhook-mode-toggle button:hover{color:hsla(0,0%,100%,.9)}.webhook-mode-toggle button.active{background:#5865f2;color:#fff}.webhook-mode-hint{font-size:.85rem;color:hsla(0,0%,100%,.6);margin:0 0 1.25rem;line-height:1.4}.webhook-simple-look .embed img{display:block}.webhook-simple-look .normal-text.embed-inline-input{margin-bottom:6px;font-size:1rem;line-height:1.375rem}.webhook-simple-look .embed-inline-input{background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;color:inherit;font:inherit;padding:2px 4px;margin:0 2px 0 0;min-width:80px;flex:1 1}.webhook-simple-look .embed-inline-input::placeholder{color:hsla(0,0%,100%,.4)}.webhook-simple-look .embed-inline-input:focus{outline:none;border-bottom-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.04)}.webhook-simple-look .embed-inline-url{min-width:100px;font-size:.8rem;margin-left:4px}.webhook-simple-look .embed-inline-description{width:100%;resize:vertical;min-height:2.5em;margin-top:2px}.webhook-simple-look .embed-author .embed-author-name,.webhook-simple-look .embed-title{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.webhook-simple-look .embed-author .embed-author-name .embed-inline-input:first-of-type{flex:1 1;min-width:120px}.webhook-simple-look .embed-title .embed-inline-input:first-of-type{flex:1 1;min-width:140px}.webhook-simple-look .embed-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.webhook-simple-look .embed-footer .embed-inline-footer{width:8em;min-width:60px}.webhook-simple-look .embed-footer .embed-inline-time{width:12em;min-width:100px}.webhook-simple-look .fields .field{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;position:relative}.webhook-simple-look .fields .field .field-name{flex:0 1 140px;min-width:80px}.webhook-simple-look .fields .field .field-value{flex:1 1;min-width:120px}.webhook-simple-look .fields .field .field-delete,.webhook-simple-look .fields .field .field-inline{position:relative;top:auto;right:auto;flex-shrink:0;width:22px;height:22px;border:none;background-color:transparent;cursor:pointer;opacity:.8}.webhook-simple-look .fields .field .field-delete:hover,.webhook-simple-look .fields .field .field-inline:hover{opacity:1}.webhook-simple-look .fields .field .field-inline{background-size:18px;transform:rotate(90deg)}.webhook-simple-look .fields .field.inline .field-inline{background:url(/webhook/unfold_more.svg) no-repeat 50%}.webhook-simple-look .fields .field:not(.inline) .field-inline{background:url(/webhook/unfold_less.svg) no-repeat 50%}.webhook-simple-look .fields .field .field-delete{background:url(/webhook/close.svg) no-repeat 50%;background-size:18px}.webhook-simple-look .fields .field .field-delete:disabled{opacity:.35;cursor:not-allowed}.webhook-simple-look .add_field{width:2em;height:2em;margin-top:6px;padding:0;border:none;background:url(/webhook/add_circle.svg) no-repeat 50%;background-size:1.5em;cursor:pointer;opacity:.8}.webhook-simple-look .add_field:hover:not(:disabled){opacity:1}.webhook-simple-look .add_field:disabled{opacity:.4;cursor:not-allowed}.webhook-simple-look .embed-image-row,.webhook-simple-look .embed-thumb-row{display:flex;align-items:center;gap:8px;margin-top:8px}.webhook-simple-look .embed-image-row img,.webhook-simple-look .embed-thumb-row img{flex-shrink:0;max-width:48px;max-height:48px;border-radius:4px;object-fit:contain}.webhook-simple-look .embed-image-row .embed-inline-url,.webhook-simple-look .embed-thumb-row .embed-inline-url{flex:1 1;min-width:0}.webhook-simple-look .embed-thumb-row img{max-width:40px;max-height:40px}.webhook-simple-visual{margin-top:.75rem}.webhook-simple-visual .webhook-visual-card{width:100%;max-width:520px;padding:1.25rem 1.5rem;background:#2f3136;border-radius:10px;border:1px solid hsla(0,0%,100%,.08)}.webhook-simple-visual .webhook-visual-card:has(.embed.unlock){border-left:4px solid #5865f2;padding-left:1.25rem}.webhook-simple-visual .embed.unlock .editable[data-placeholder],.webhook-simple-visual .normal-text.editable[data-placeholder]{color:hsla(0,0%,100%,.4);font-style:italic}.webhook-simple-visual .embed.unlock .editable:hover{border:1px dashed hsla(0,0%,100%,.25);border-radius:4px;padding:2px 4px;margin:-3px -4px}.webhook-simple-visual .embed.unlock .side-colored{width:6px;border-radius:4px 0 0 4px}.webhook-simple-visual .embed{padding:12px 14px;border-radius:0 6px 6px 0;gap:2px}.webhook-simple-visual .embed .embed-inner{gap:10px}.webhook-simple-visual .add_field{width:2.25em;height:2.25em;padding:.25em;margin-top:6px;border:1px dashed hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;opacity:.85}.webhook-simple-visual .add_field:hover{opacity:1;border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.05)}.webhook-simple-visual .embed.unlock img:not(.filledImg){min-width:40px;min-height:40px;border:1px dashed hsla(0,0%,100%,.2);border-radius:6px;background:rgba(0,0,0,.2);padding:8px;box-sizing:border-box}.webhook-simple-visual .embed.unlock img:not(.filledImg):hover{border-color:hsla(0,0%,100%,.35);background:rgba(0,0,0,.25)}.webhook-simple-visual .embed.unlock img.embed-author-icon:not(.filledImg),.webhook-simple-visual .embed.unlock img.footer-img:not(.filledImg){min-width:24px;min-height:24px;padding:4px}.webhook-simple-visual .webhook-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.08)}.webhook-simple-section .webhook-simple-actions{margin-top:1.25rem}.webhook-simple-optional{margin-top:1rem;font-size:.9rem}.webhook-simple-optional summary{cursor:pointer;color:hsla(0,0%,100%,.7);-webkit-user-select:none;-moz-user-select:none;user-select:none}.webhook-simple-optional[open] summary{margin-bottom:.75rem}.webhook-required{font-size:.75rem;color:hsla(0,0%,100%,.5);font-weight:400}.webhook-section{margin-bottom:1.5rem}.webhook-section-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem}.webhook-section-sub{font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.7);margin:1rem 0 .5rem}.webhook-label{display:block;font-size:.8rem;font-weight:500;color:hsla(0,0%,100%,.85);margin-bottom:.35rem}.webhook-field{margin-bottom:.75rem}.webhook-field input[type=text],.webhook-field input[type=url],.webhook-field textarea{width:100%;padding:.5rem .65rem;background:#2f3136;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;color:#fff;font-size:.9rem;box-sizing:border-box}.webhook-field input[type=text]::placeholder,.webhook-field input[type=url]::placeholder,.webhook-field textarea::placeholder{color:hsla(0,0%,100%,.35)}.webhook-field input[type=text]:focus,.webhook-field input[type=url]:focus,.webhook-field textarea:focus{outline:none;border-color:#5865f2;box-shadow:0 0 0 2px rgba(88,101,242,.25)}.webhook-field textarea{resize:vertical;min-height:60px}.webhook-field.flex-1{flex:1 1;min-width:0}.webhook-count{display:block;font-size:.7rem;color:hsla(0,0%,100%,.45);margin-top:.2rem}.webhook-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;align-items:start}.webhook-row.three{grid-template-columns:1fr 1fr 1fr}@media(max-width:640px){.webhook-row,.webhook-row.three{grid-template-columns:1fr}}.webhook-textarea{width:100%;padding:.5rem .65rem;background:#2f3136;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;color:#fff;font-size:.9rem;resize:vertical;box-sizing:border-box}.webhook-textarea::placeholder{color:hsla(0,0%,100%,.35)}.webhook-textarea:focus{outline:none;border-color:#5865f2}.webhook-color-row{display:flex;align-items:center;gap:.5rem}.webhook-color-input{width:2.5rem;height:2rem;padding:0;border:none;border-radius:4px;cursor:pointer;background:transparent}.webhook-color-hex{flex:1 1;min-width:0;padding:.4rem .5rem;background:#2f3136;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;color:#fff;font-size:.85rem}.webhook-field-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.webhook-field-row .webhook-field{margin-bottom:0;min-width:120px}.webhook-inline-label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:hsla(0,0%,100%,.8);cursor:pointer;white-space:nowrap}.webhook-btn-remove{width:2rem;height:2rem;padding:0;background:rgba(242,63,67,.2);border:1px solid rgba(242,63,67,.4);border-radius:6px;color:#f23f43;font-size:1.25rem;line-height:1;cursor:pointer;flex-shrink:0}.webhook-btn-remove:hover{background:rgba(242,63,67,.35)}.webhook-btn-add{padding:.4rem .75rem;background:rgba(88,101,242,.2);border:1px solid rgba(88,101,242,.5);border-radius:6px;color:#b4b9ff;font-size:.85rem;cursor:pointer;margin-top:.25rem}.webhook-btn-add:hover{background:rgba(88,101,242,.35)}.webhook-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.08)}.webhook-url-row{margin-bottom:.75rem}.webhook-url-input{width:100%;padding:.6rem .75rem;background:#2f3136;border:1px solid hsla(0,0%,100%,.06);border-radius:6px;color:#fff;font-size:.9rem;box-sizing:border-box}.webhook-url-input::placeholder{color:hsla(0,0%,100%,.35)}.webhook-url-input:focus{outline:none;border-color:#5865f2}.webhook-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.webhook-send{padding:.6rem 1.25rem;background:#5865f2;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.webhook-send:hover:not(:disabled){background:#4752c4}.webhook-send:disabled{opacity:.5;cursor:not-allowed}.webhook-json-btn{padding:.6rem 1rem;background:#2f3136;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.9);font-size:.9rem;cursor:pointer}.webhook-json-btn:hover{background:#3a3d44}.webhook-actions .lockMode.webhook-json-btn{padding:.6rem 1rem!important;margin:0!important}.json-card-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999}.json-card.show{z-index:1000}