:root{--caret-width:22px;--caret-vertical-width:10px;--close-icon-height:50px;--close-icon-width:50px;--close-bar-height:45px;--close-bar-width:7px}.editiable_content_div{width:auto;height:50px;overflow:hidden;background-color:var(--color-shade2);font-size:var(--font-size-large);outline:none;font-family:Montserrat;caret-color:transparent;position:relative;display:flex;flex-direction:row;align-items:center;padding:var(--space-small) var(--space-very-large) var(--space-small) var(--space-medium);border:var(--border-small);box-shadow:var(--box-shadow-regular);font-family:Courier New,monospace;transition:.5s}.editiable_content_div:focus{transform:translate(-4px,-4px);box-shadow:var(--box-shadow-large)}.div_placeholder{transform:translate(calc(var(--caret-vertical-width) + 10px));width:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:.5s}.caret,.div_placeholder{position:absolute;opacity:.5}.caret{width:var(--caret-width);height:5px;background-color:black;animation:blink_placeholder 1s infinite;top:50%;transform:translateY(-50%);transition:.25s}.caret_vertical{height:50%;width:var(--caret-vertical-width)!important}.typed_character{display:inline-block}.clear_input{display:flex;justify-content:center;align-items:center;position:absolute;right:var(--space-medium);height:var(--close-icon-height);width:var(--close-icon-width);border-radius:50%;cursor:pointer;transition:.25s}.close_icon_container{position:relative;transition:.25s;.close_bar{height:var(--close-bar-height);width:var(--close-bar-width);background-color:var(--color-shade5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:.25s}.close_bar_1{transform:translateY(-50%) rotate(45deg)}.close_bar_2{transform:translateY(-50%) rotate(-45deg)}}.close_icon_container_disappear{position:relative;transform:scale(.6);opacity:0;transition:.25s;.close_bar{height:var(--close-bar-height);width:var(--close-bar-width);background-color:var(--color-shade5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:.25s}.close_bar_1{transform:translateY(-50%) rotate(90deg)}.close_bar_2{transform:translateY(-50%) rotate(-90deg)}}.input_text{width:95%;white-space:nowrap;overflow:hidden}@media screen and (max-width:627.20px){.editiable_content_div{font-size:calc(var(--font-size-small) + 4px)}:root{--caret-width:16px;--caret-vertical-width:8px;--close-icon-height:50px;--close-icon-width:50px;--close-bar-height:30px;--close-bar-width:5px}.editiable_content_div{padding:var(--space-very-small) var(--space-medium) var(--space-very-small) var(--space-small)}.caret_vertical{height:40%;width:var(--caret-vertical-width)!important}.input_text{width:85%;white-space:nowrap;overflow:hidden}}@keyframes char_animation{0%{opacity:0}to{opacity:1}}@keyframes blink_placeholder{0%{opacity:0}50%{opacity:.2}to{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}