.headerArea{border-radius:6px;position:relative;display:flex;width:80%;max-width:900px;margin:-8px auto 16px;flex-direction:column;padding:16px}.title{color:#374151;font-family:Inter Variable;font-size:14px;font-style:normal;font-weight:700;line-height:20px;margin:0 0 8px 2px}.addTagButton{background:none;border:1px solid #d1d5db;border-radius:6px;width:120px;height:30px;color:#374151;font-family:Sarala;font-weight:700;position:relative;user-select:none;text-align:center;text-decoration:none;cursor:pointer;transition-duration:.4s;-webkit-transition-duration:.4s}.addTagButton:disabled{background-color:#f1f1f1;color:#afb1b5}.addTagButton:hover{transition-duration:.1s;background-color:#f1f1f1}.addTagButton:after{content:"";display:block;position:absolute;border-radius:4em;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .5s;box-shadow:0 0 10px 20px #f1f1f1}.addTagButton:enabled:active:after{box-shadow:0 0 #f1f1f1;position:absolute;border-radius:4em;left:0;top:0;opacity:1;transition:0s}.addTagButton:enabled:active{top:1px}.inputWrapper{width:100%;background-color:#fff;display:flex;flex-direction:row;align-items:center;margin-top:14px;box-shadow:0 1px 2px #0000000d;border-radius:6px}::placeholder{color:#c1c1c1}.headerInputWrapper{display:flex;flex-direction:column}.inputHeaderIcon{position:relative;height:24px;width:24px;color:#9ca3af;left:10px}.input,.input-locked{border-radius:6px;border:1px solid #d1d5db;height:42px;font-family:Inter Variable Fallback;font-size:16px;width:100%;color:#6b7280;padding-left:40px;margin-left:-21px}.input:focus,.input-locked:focus{outline:none!important;border:1px solid #f4d6ff;box-shadow:0 0 10px #f4d6ff}.input-locked{background-color:#eaeaea;border:1px solid #eaeaea;cursor:not-allowed;pointer-events:none}.HintAndCTA{margin-top:14px;display:flex;justify-content:space-between;align-items:center}.infoText{color:#9ca3af;font-family:Inter Variable Fallback;font-size:14px;font-style:normal;font-weight:500;line-height:20px}