@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Questrial&family=Righteous&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:var(--base-bg-color);color:var(--text-color);font-family:Inter,sans-serif}body a{text-decoration:none}:root{--base-bg-color:#dedede;--card-bg:oklch(95% 0 255);--text-color:oklch(50% .01 255);--text-muted:oklch(60% 0 255);--border-color:oklch(.0117 .0222 62.79/20%);--border-active-color:oklch(.0117 .0222 62.79/40%);--label-bg-color:oklch(.0117 .0222 62.79/7%);--success-color:oklch(65% .09 150);--success-color-hover:oklch(70% .1 150);--error-color:oklch(60% .1 30);--error-text:oklch(.7591 .1283 62.79/90%)}[data-theme=dark]{--base-bg-color:#343d46;--card-bg:oklch(1 0 0/10%);--text-color:oklch(1 0 0/60%);--text-muted:oklch(1 0 0/40%);--border-color:oklch(1 0 0/20%);--border-active-color:oklch(1 0 0/40%);--label-bg-color:oklch(1 0 0/20%);--success-color:oklch(65% .09 150);--success-color-hover:oklch(70% .1 150);--error-color:oklch(60% .1 30);--error-text:oklch(.8205 .1283 62.79/73.1%)}textarea{font-family:Inter,sans-serif;height:120px}form{display:flex;flex-direction:column;gap:1rem}form .input_wrapper,form div{position:relative}form .input_wrapper button,form .input_wrapper input,form .input_wrapper select,form .input_wrapper textarea,form div button,form div input,form div select,form div textarea{border-radius:1.5rem;font-size:1rem;padding:.9rem 1.2rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}form .input_wrapper input,form .input_wrapper select,form .input_wrapper textarea,form div input,form div select,form div textarea{background:none;border:1px solid var(--border-color);box-shadow:none;color:var(--text-muted);outline:none;transition:all .3s ease-in;width:100%}form .input_wrapper input.has_value+label,form .input_wrapper input:focus+label,form .input_wrapper select.has_value+label,form .input_wrapper select:focus+label,form .input_wrapper textarea.has_value+label,form .input_wrapper textarea:focus+label,form div input.has_value+label,form div input:focus+label,form div select.has_value+label,form div select:focus+label,form div textarea.has_value+label,form div textarea:focus+label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--label-bg-color);border-radius:20px;box-shadow:var(--small-shadow);color:var(--text-color);font-size:12px;padding:5px 13px;position:absolute;top:0}form .input_wrapper input.has_error,form .input_wrapper select.has_error,form .input_wrapper textarea.has_error,form div input.has_error,form div select.has_error,form div textarea.has_error{color:var(--error-txt)}form .input_wrapper input::-moz-placeholder,form .input_wrapper select::-moz-placeholder,form .input_wrapper textarea::-moz-placeholder,form div input::-moz-placeholder,form div select::-moz-placeholder,form div textarea::-moz-placeholder{color:var(--neutral-600);opacity:.6}form .input_wrapper input::placeholder,form .input_wrapper select::placeholder,form .input_wrapper textarea::placeholder,form div input::placeholder,form div select::placeholder,form div textarea::placeholder{color:var(--neutral-600);opacity:.6}form .input_wrapper input:focus,form .input_wrapper select:focus,form .input_wrapper textarea:focus,form div input:focus,form div select:focus,form div textarea:focus{background:none;border:1px solid var(--border-active-color);box-shadow:none;color:var(--text-color);outline:none}form .input_wrapper input.has_error,form .input_wrapper select.has_error,form .input_wrapper textarea.has_error,form div input.has_error,form div select.has_error,form div textarea.has_error{box-shadow:none;color:var(--error-text);outline:none}form .input_wrapper label,form div label{background:transparent;color:var(--text-muted);font-size:.9rem;left:1rem;padding:0 .3rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}form .input_wrapper .error,form div .error{color:var(--error-text);font-size:.75rem;margin:.25rem 0 0 .75rem}form .input_has_value{margin-top:10px}form .input_wrapper_fixed{margin-top:10px;position:relative}form .input_wrapper_fixed label{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--label-bg);border-radius:20px;box-shadow:var(--small-shadow);color:var(--text-50);font-size:12px;padding:5px 13px;position:absolute;top:0;transform:translateY(-50%)}form .input_wrapper_fixed .items{padding:7px 0 0}form .items_wrapper{border:1px solid hsla(0,0%,100%,.1);border-radius:30px;padding:15px 10px}form .items_wrapper .price_entry input{background:transparent;border:1px solid var(--input-border);border-radius:25px;color:var(--input-text);margin-bottom:10px;padding:15px;width:100%}form .items_wrapper .price_entry .currency_select{margin-bottom:15px}form .items_wrapper .price_entry .add_price{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:var(--success-color);border-radius:20px;color:#ffffffd9;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s ease-in;width:-moz-max-content;width:max-content}form .items_wrapper .price_entry .add_price:hover{background:var(--success-color);color:#fffffff2}form .items_wrapper .items{display:flex;flex-wrap:wrap;gap:3px}form .items_wrapper .items .item{align-items:center;background:var(--button-background);border-radius:25px;color:var(--text-muted);cursor:pointer;display:flex;padding:9px 13px 7px;transition:background .3s ease-in}form .items_wrapper .items .item.added,form .items_wrapper .items .item:hover{background:#ffffff40;color:var(--success-hover)}form input:-webkit-autofill,form select:-webkit-autofill,form textarea:-webkit-autofill{box-shadow:var(--large-shadow)!important;-webkit-text-fill-color:var(--text-color)!important;caret-color:var(--text-muted)}form .password_container{display:flex;flex-direction:column;justify-content:center;position:relative}form .password_container input{align-items:center;display:flex;padding-right:2.5em;position:relative}form .password_container .eye-icon{align-items:center;cursor:pointer;display:flex;position:absolute;right:12px}form .password_container .eye-icon .iconify{color:var(--text-muted);font-size:1.25rem;transition:color .3s ease}form .password_container .eye-icon .iconify:hover{color:var(--success)}form button{background:var(--success-color);border:none;border-radius:25px;box-shadow:var(--medium-shadow);color:#fffffff2;cursor:pointer;font-size:18px;padding:15px 20px;transition:all .3s ease;width:-moz-max-content;width:max-content}form button:hover{background:var(--success-color-hover);box-shadow:var(--large-shadow)}
