@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--color-text: #2a2b2c;--color-subtitle: #7e848a;--color-primary: #DE2031;--color-stroke: #E9EAEC;--color-stroke-alt: #DFE0E2;--color-neutral: #FFFFFF;--color-background: #F7F9F9;--color-information: #0F77FF;--color-success: #6EC207;--color-warning: #F59E0B}*{margin:0;padding:0;box-sizing:border-box;font-variation-settings:"slnt" 0;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;scrollbar-width:none;scrollbar-gutter:stable overlay}h1,h2,h3,h4,h5,h6,small,p,span,a{margin:0;padding:0;text-shadow:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;-ms-overflow-style:none;scrollbar-width:none;color:var(--color-text);background-color:var(--color-neutral)}body img{display:block}body::-webkit-scrollbar{display:none}.container{max-width:1248px;width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (max-width: 768px){.container{padding-left:20px;padding-right:20px}}.reguler{font-weight:400;font-style:normal}.medium{font-weight:500;font-style:normal}.semibold{font-weight:600;font-style:normal}.text-11px{font-size:11px;line-height:14px;letter-spacing:-.2px;font-family:Inter,sans-serif}.text-12px{font-size:12px;line-height:16px;letter-spacing:-.2px;font-family:Inter,sans-serif}.text-14px{font-size:14px;line-height:20px;letter-spacing:-.2px;font-family:Inter,sans-serif}.text-16px{font-size:16px;line-height:24px;letter-spacing:-.3px;font-family:Inter,sans-serif}.text-20px{font-size:20px;line-height:28px;letter-spacing:-.5px;font-family:Inter,sans-serif}.text-22px{font-size:22px;line-height:32px;letter-spacing:-.5px;font-family:Inter,sans-serif}.text-24px{font-size:24px;line-height:36px;letter-spacing:-.5px;font-family:Inter,sans-serif}.text-28px{font-size:28px;line-height:40px;letter-spacing:-1px;font-family:Inter,sans-serif}.text-32px{font-size:32px;line-height:40px;letter-spacing:-1px;font-family:Inter,sans-serif}.text-36px{font-size:36px;line-height:44px;letter-spacing:-1.2px;font-family:Inter,sans-serif}.text-40px{font-size:40px;line-height:48px;letter-spacing:-1.2px;font-family:Inter,sans-serif}.text-56px{font-size:56px;line-height:60px;letter-spacing:-2px;font-family:Inter,sans-serif}.mono-12px{font-size:12px;line-height:16px;letter-spacing:-.2px;font-family:IBM Plex Mono,monospace}.mono-14px{font-size:14px;line-height:20px;letter-spacing:-.2px;font-family:IBM Plex Mono,monospace}.mono-16px{font-size:16px;line-height:24px;letter-spacing:-.3px;font-family:IBM Plex Mono,monospace}.mono-20px{font-size:20px;line-height:28px;letter-spacing:-.5px;font-family:IBM Plex Mono,monospace}.mono-24px{font-size:24px;line-height:36px;letter-spacing:-.5px;font-family:IBM Plex Mono,monospace}.mono-28px{font-size:28px;line-height:40px;letter-spacing:-1px;font-family:IBM Plex Mono,monospace}.mono-32px{font-size:32px;line-height:40px;letter-spacing:-1px;font-family:IBM Plex Mono,monospace}.mono-40px{font-size:40px;line-height:48px;letter-spacing:-1.2px;font-family:IBM Plex Mono,monospace}@keyframes slide-down{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.header-main{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}.header-main .col{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.header-main .col .divider{border-right:1px solid var(--color-stroke);height:20px;margin:0 8px}.header-badge{padding:2px 10px;border-radius:999px;border:1px solid var(--color-stroke);margin-left:4px;color:var(--color-text)}.header-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 12px;height:32px;color:var(--color-text);text-decoration:none;border-radius:8px}.header-menu:hover{background-color:var(--color-background)}@media (max-width: 512px){.header-main .col .divider,.header-main .col h2,.header-main .col p{display:none}}.footer-main{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-top:16px;padding-bottom:16px;gap:4px}.footer-main .divider{border-right:1px solid var(--color-stroke);height:20px;margin:0 8px}.footer-main p{color:var(--color-subtitle)}.footer-main a{color:var(--color-text);text-decoration:none}@media (max-width: 512px){.footer-main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.footer-main .divider{display:none}}.btn-sm{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:12px;line-height:16px;font-family:Inter,sans-serif;outline:none;text-decoration:none;height:28px;padding-left:8px;padding-right:8px;border-radius:6px;font-weight:500;cursor:pointer;width:fit-content}.btn-sm i{font-size:14px}.btn-md{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:14px;line-height:20px;font-family:Inter,sans-serif;outline:none;text-decoration:none;height:32px;padding-left:12px;padding-right:12px;border-radius:8px;font-weight:500;cursor:pointer;width:fit-content}.btn-md i{font-size:14px}.btn-lg{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:20px;font-family:Inter,sans-serif;outline:none;text-decoration:none;height:36px;padding-left:14px;padding-right:14px;border-radius:10px;font-weight:500;cursor:pointer;width:fit-content}.btn-lg i{font-size:14px}.btn-sm-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;height:28px;width:28px;outline:none;text-decoration:none;border-radius:6px;cursor:pointer}.btn-sm-icon i{font-size:14px}.btn-md-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;height:32px;width:32px;outline:none;text-decoration:none;border-radius:6px;cursor:pointer}.btn-md-icon i{font-size:14px}.btn-lg-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;height:36px;width:36px;outline:none;text-decoration:none;border-radius:8px;cursor:pointer}.btn-lg-icon i{font-size:16px}.btn-primary{background-color:var(--color-primary);color:var(--color-neutral);border:1px solid #9C1622}.btn-primary:hover{background-color:#9c1622}.btn-outline{background-color:var(--color-neutral);border:1px solid var(--color-stroke)}.btn-outline:hover{border-color:var(--color-stroke-alt);background-color:var(--color-background)}.btn-ghost{background-color:transparent;color:var(--color-text);outline:none;border:none}.btn-ghost:hover{background-color:var(--color-background)}.select{position:relative;-webkit-user-select:none;user-select:none}.select-trigger{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;background-color:var(--color-neutral);border:1px solid var(--color-stroke);padding:0 12px;height:36px;gap:8px;border-radius:8px;cursor:pointer;transition:border-color .3s ease}.select-trigger h2{flex:1 0 0}.select-trigger i{font-size:14px;color:var(--color-subtitle)}.select-trigger img{width:14px;height:14px;display:block;border-radius:999px}.select-trigger.active,.select-trigger:hover{border:1px solid #EA707B}.select-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;margin-top:4px;padding:2px;border:1px solid var(--color-stroke);border-radius:8px;position:absolute;width:100%;background-color:var(--color-neutral);box-shadow:0 6px 8px -4px #0000001a;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.select-list.active{opacity:1;transform:translateY(0);pointer-events:auto}.select-list-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer}.select-list-item i{font-size:14px;color:var(--color-subtitle)}.select-list-item img{width:14px;height:14px;display:block;border-radius:999px}.select-list-item:hover{background-color:var(--color-background)}.select-icon{transition:transform .4s ease}.select-icon.rotate{transform:rotate(180deg)}.input-color{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;border:1px solid var(--color-stroke);padding:0 12px;height:36px;border-radius:8px}.input-color p{width:14px;text-align:center;color:var(--color-subtitle)}.input-color input{border:none;outline:none;width:100%;height:100%;background-color:transparent;color:var(--color-text)}.input-color input[type=text]{text-transform:uppercase}.input-color input[type=text]::placeholder{text-transform:none}.input-color input[type=color]{display:block;appearance:none;aspect-ratio:1/1;width:20px;height:20px;border-radius:999px;overflow:hidden;cursor:pointer;text-transform:uppercase;border:1px solid var(--color-stroke-alt)}.input-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input-color input[type=color]::-webkit-color-swatch{border:none;border-radius:999px}.input-color:focus-within{border-color:#ea707b}.input-color:hover{border-color:#ea707b}.input-step{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.input-step button{height:24px;width:24px;background-color:var(--color-neutral);border:1px solid var(--color-stroke);border-radius:6px;cursor:pointer}.input-step button:hover{border-color:var(--color-stroke-alt)}.input-step p{width:16px;text-align:center}.input-range{display:flex;flex-direction:row;justify-content:center;align-items:center;border-left:2px solid var(--color-stroke);border-right:2px solid var(--color-stroke);height:16px}.input-range input{width:100%;-webkit-appearance:none;appearance:none;background-color:transparent}.input-range input::-webkit-slider-runnable-track{width:100%;height:2px;background-color:var(--color-stroke)}.input-range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:999px;margin-top:-7px;background:var(--color-neutral);border:1px solid var(--color-stroke-alt);cursor:grab;box-shadow:0 0 0 2px var(--color-neutral)}.input-file{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:132px;border:1px dashed #EB757F;background-color:#fdf4f5;box-shadow:inset 0 0 0 2px #fff;position:relative;border-radius:8px;cursor:pointer;padding:12px 16px}.input-file h3,.input-file i{color:var(--color-primary)}.input-file input{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;cursor:pointer;z-index:2}.input-file.filled{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:auto;border:1px dashed var(--color-stroke);background-color:var(--color-background);padding:8px 8px 8px 16px}.input-file.filled p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.input-file.filled i{color:var(--color-text)}.toast{display:flex;justify-content:center;align-items:center;width:100%;position:fixed;top:8px;z-index:35;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:translateY(0)}.toast-body{display:flex;justify-content:center;align-items:center;background-color:var(--color-text);height:32px;border-radius:8px;padding-left:12px;padding-right:12px}.toast-body h2{color:var(--color-neutral)}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#0009}.popup.active{display:flex;flex-direction:column;justify-content:center;align-items:center}.popup-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:400px;background-color:var(--color-neutral);border-radius:12px;overflow:hidden}.popup-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;width:100%}.popup-content{padding:16px}