/* **************************************************************** */
.input-box-0001 {
    position: relative;
}
.input-box-0001 .textarea-box-0001 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-normal, none);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
}

.input-box-0001 .textarea-box-0001:focus::placeholder{
    color: transparent;
}

.input-box-0001 .textarea-box-0001::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0001 .textarea-box-0001:focus,
.input-box-0001 .textarea-box-0001.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0001-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0001::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0001::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0001::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0002 {
    position: relative;
}

.input-box-0002 .textarea-box-0002 {  
    border: var(--border-normal, 2px solid rgb(207, 240, 23));  
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
}

.input-box-0002 .textarea-box-0002.has-value,
.input-box-0002 .textarea-box-0002:focus {
    color: var(--text-color-under, rgba(240, 164, 23, 1));       
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0002-placeholder {
    position: absolute;
    background-color: transparent;
    font-size: var(--placeholder-font-size-normal, 12px);
    color: var(--placeholder-normal-text-color, rgba(82, 63, 63, 1));
    top: var(--position-normal-top, 10px);
    left: var(--position-normal-left, 10px);
    padding: var(--placeholder-box-padding-normal, 2px 8px);
    pointer-events: none;
}

.input-box-0002 .textarea-box-0002:focus ~ .input-box-0002-placeholder,
.input-box-0002 .textarea-box-0002.has-value ~ .input-box-0002-placeholder {
    font-size: var(--placeholder-font-size-focus, 10px);
    background-color: var(--bg-placeholder-color, rgba(240, 164, 23, 1));
    color: var(--placeholder-focus-text-color, rgba(240, 164, 23, 1));
    border: var(--border-placeholder, 2px solid rgba(240, 164, 23, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    top: var(--position-focus-top, -18px);
    left: var(--position-focus-left, 10px);
    padding: var(--placeholder-box-padding-focus, 2px 8px);
}

.input-box-0002-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 1px solid rgba(240, 164, 23, 1));    
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0002::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0002::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0002::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0003 {
    position: relative;
}

.input-box-0003 .textarea-box-0003 {
    border: var(--border-normal, 2px solid rgb(207, 240, 23));  
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
}

.input-box-0003 .textarea-box-0003.has-value,
.input-box-0003 .textarea-box-0003:focus {
    color: var(--text-color-under, rgba(240, 164, 23, 1));       
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0003-span-box {
    position: absolute;
    width: 100%;
    top: var(--position-placeholder-box-normal-top, 0px);
    left: var(--position-placeholder-box-normal-left, 0px);
}

.input-box-0003-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--position-icon-box-top, 0px);
    left: var(--position-icon-box-left, 8px);
    color: var(--icon-color, rgba(82, 63, 63, 1));
    border-right: var(--vertical-line, 1px solid rgb(207, 240, 23));
    opacity: 1;
    pointer-events: none;
}

.input-box-0003 .textarea-box-0003.has-value ~ .input-box-0003-span-box .input-box-0003-icon,
.input-box-0003 .textarea-box-0003:focus ~ .input-box-0003-span-box .input-box-0003-icon {
    opacity: 0;
}

.input-box-0003-placeholder {
    position: absolute;
    background-color: transparent;
    color: var(--placeholder-normal-text-color, rgba(82, 63, 63, 1));
    font-size: var(--placeholder-font-size-normal, 12px);
    top: var(--position-normal-top, 10px);
    left: var(--position-normal-left, 50px);
    padding: var(--placeholder-box-padding-normal, 2px 8px);
    pointer-events: none;
}

.input-box-0003 .textarea-box-0003:focus ~ .input-box-0003-span-box .input-box-0003-placeholder,
.input-box-0003 .textarea-box-0003.has-value ~ .input-box-0003-span-box .input-box-0003-placeholder {
    width: var(--placeholder-box-width, 120px);
    font-size: var(--placeholder-font-size-focus, 10px);
    background-color: var(--bg-placeholder-color, rgba(240, 164, 23, 1));
    color: var(--placeholder-focus-text-color, rgba(240, 164, 23, 1));
    border: var(--border-placeholder, 2px solid rgba(240, 164, 23, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    padding: var(--placeholder-box-padding-focus, 2px 8px);
}

.input-box-0003 .textarea-box-0003.has-value ~ .input-box-0003-span-box,
.input-box-0003 .textarea-box-0003:focus ~ .input-box-0003-span-box,
.input-box-0003 .textarea-box-0003:focus ~ .input-box-0003-span-box .input-box-0003-placeholder,
.input-box-0003 .textarea-box-0003.has-value ~ .input-box-0003-span-box .input-box-0003-placeholder,
.input-box-0003 .textarea-box-0003.has-value ~ .input-box-0003-span-box .input-box-0003-icon,
.input-box-0003 .textarea-box-0003:focus ~ .input-box-0003-span-box .input-box-0003-icon {
    top: var(--position-placeholder-box-focus-top, -10px);
    left: var(--position-placeholder-box-focus-left, -5px);
}

.input-box-0003-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 1px solid rgba(240, 164, 23, 1));    
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0003::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0003::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0003::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0004 {
    position: relative;
}

.input-box-0004 .textarea-box-0004 {
    border: var(--border-normal, 2px solid rgb(207, 240, 23));  
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    outline: none;
    resize: none;
}

.input-box-0004 .textarea-box-0004.has-value,
.input-box-0004 .textarea-box-0004:focus {
    color: var(--text-color-under, rgba(240, 164, 23, 1));       
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0004-span-box {
    position: absolute;
    width: 100%;
    top: var(--position-placeholder-box-normal-top, 0px);
    left: var(--position-placeholder-box-normal-left, 0px);
}

.input-box-0004-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: var(--position-icon-box-top, 0px);
    left: var(--position-icon-box-left, 8px);
    color: var(--icon-color, rgba(82, 63, 63, 1));
    border-right: var(--vertical-line, 1px solid rgb(207, 240, 23));
    opacity: 1;
    pointer-events: none;
}

.input-box-0004 .textarea-box-0004.has-value ~ .input-box-0004-span-box .input-box-0004-icon,
.input-box-0004 .textarea-box-0004:focus ~ .input-box-0004-span-box .input-box-0004-icon {
    opacity: 0;
}

.input-box-0004-placeholder {
    position: absolute;
    background-color: transparent;
    font-size: var(--placeholder-font-size-normal, 12px);
    color: var(--placeholder-normal-text-color, rgba(82, 63, 63, 1));
    top: var(--position-normal-top, 10px);
    left: var(--position-normal-left, 50px);
    padding: var(--placeholder-box-padding-normal, 2px 8px);
    pointer-events: none;
}

.input-box-0004 .textarea-box-0004:focus ~ .input-box-0004-span-box .input-box-0004-placeholder,
.input-box-0004 .textarea-box-0004.has-value ~ .input-box-0004-span-box .input-box-0004-placeholder {
    font-size: var(--placeholder-font-size-focus, 12px);
    width: var(--placeholder-box-width, 120px);
    background-color: var(--bg-placeholder-color, rgba(240, 164, 23, 1));
    color: var(--placeholder-focus-text-color, rgba(240, 164, 23, 1));
    border: var(--border-placeholder, 2px solid rgba(240, 164, 23, 1));
    border-top: transparent;
    border-bottom: transparent;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    padding: var(--placeholder-box-padding-focus, 2px 8px);
}

.input-box-0004 .textarea-box-0004.has-value ~ .input-box-0004-span-box,
.input-box-0004 .textarea-box-0004:focus ~ .input-box-0004-span-box,
.input-box-0004 .textarea-box-0004:focus ~ .input-box-0004-span-box .input-box-0004-placeholder,
.input-box-0004 .textarea-box-0004.has-value ~ .input-box-0004-span-box .input-box-0004-placeholder,
.input-box-0004 .textarea-box-0004.has-value ~ .input-box-0004-span-box .input-box-0004-icon,
.input-box-0004 .textarea-box-0004:focus ~ .input-box-0004-span-box .input-box-0004-icon {
    top: var(--position-placeholder-box-focus-top, -10px);
    left: var(--position-placeholder-box-focus-left, -5px);
}

.input-box-0004-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 1px solid rgba(240, 164, 23, 1));    
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0004::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0004::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0004::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0005 {
    position: relative;
}

.input-box-0005 .textarea-box-0005 {  
    border: none;
    border-bottom: var(--border-normal, 2px solid rgb(207, 240, 23)); 
    outline: none;
    resize: none;
}

.input-box-0005 .textarea-box-0005.has-value,
.input-box-0005 .textarea-box-0005:focus {
    color: var(--text-color-under, rgba(240, 164, 23, 1));       
    border: none;
    border-bottom: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0005-placeholder {
    position: absolute;
    background-color: transparent;
    font-size: var(--placeholder-font-size-normal, 12px);
    color: var(--placeholder-normal-text-color, rgba(82, 63, 63, 1));
    bottom: var(--position-normal-top, 10px);
    left: var(--position-normal-left, 10px);
    padding: var(--placeholder-box-padding-normal, 2px 8px);
    pointer-events: none;
}

.input-box-0005 .textarea-box-0005:focus ~ .input-box-0005-placeholder,
.input-box-0005 .textarea-box-0005.has-value ~ .input-box-0005-placeholder {
    font-size: var(--placeholder-font-size-focus, 12px);
    background-color: var(--bg-placeholder-color, rgba(240, 164, 23, 1));
    color: var(--placeholder-focus-text-color, rgba(240, 164, 23, 1));
    border: var(--border-placeholder, 2px solid rgba(240, 164, 23, 1));
    border-bottom: none;
    bottom: var(--position-focus-top, -18px);
    left: var(--position-focus-left, 10px);
    padding: var(--placeholder-box-padding-focus, 2px 8px);
}

.input-box-0005-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    pointer-events: none;
}

.textarea-box-0005::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0005::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0005::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0006 {
    position: relative;
}

.input-box-0006 .textarea-box-0006 {  
    border: none;
    border-bottom: var(--border-normal, 2px solid rgb(207, 240, 23)); 
    outline: none;
    resize: none;
}

.input-box-0006 .textarea-box-0006.has-value,
.input-box-0006 .textarea-box-0006:focus {   
    color: var(--text-color-under, rgb(207, 240, 23));
    border: none;
    border-bottom: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0006-placeholder {
    position: absolute;
    background-color: transparent;
    color: var(--placeholder-normal-text-color, rgba(82, 63, 63, 1));
    font-size: var(--placeholder-font-size-normal, 12px);
    top: var(--position-normal-top, 10px);
    left: var(--position-normal-left, 10px);
    padding: var(--placeholder-box-padding-normal, 2px 8px);
    pointer-events: none;
}

.input-box-0006 .textarea-box-0006:focus ~ .input-box-0006-placeholder,
.input-box-0006 .textarea-box-0006.has-value ~ .input-box-0006-placeholder {
    background-color: var(--bg-placeholder-color, rgba(240, 164, 23, 1));
    color: var(--placeholder-focus-text-color, rgba(240, 164, 23, 1));
    font-size: var(--placeholder-font-size-focus, 10px);
    border: var(--border-placeholder, 2px solid rgba(240, 164, 23, 1));
    top: var(--position-focus-top, -18px);
    left: var(--position-focus-left, 10px);
    padding: var(--placeholder-box-padding-focus, 2px 8px);
}

.input-box-0006-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    pointer-events: none;
}

.textarea-box-0006::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0006::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0006::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0007 {
    position: relative;
}

.input-box-0007 .textarea-box-0007 {  
    border: none;
    border-bottom: var(--border-normal, 2px solid rgb(207, 240, 23)); 
    outline: none;
    resize: none;
}

.input-box-0007 .textarea-box-0007.has-value,
.input-box-0007 .textarea-box-0007:focus {   
    color: var(--text-color-under, rgb(207, 240, 23));
    border: none;
    border-bottom: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0007-placeholder {
    position: absolute;
    background-color: transparent;
    color: var(--placeholder-normal-text-color, rgba(82, 63, 63, 1));
    font-size: var(--placeholder-font-size-normal, 12px);
    top: var(--position-normal-top, 10px);
    left: var(--position-normal-left, 10px);
    padding: var(--placeholder-box-padding-normal, 2px 8px);
    pointer-events: none;
}

.input-box-0007 .textarea-box-0007:focus ~ .input-box-0007-placeholder,
.input-box-0007 .textarea-box-0007.has-value ~ .input-box-0007-placeholder {
    background-color: var(--bg-placeholder-color, rgba(240, 164, 23, 1));
    color: var(--placeholder-focus-text-color, rgba(240, 164, 23, 1));
    font-size: var(--placeholder-font-size-focus, 10px);
    border: var(--border-placeholder, 2px solid rgba(240, 164, 23, 1));
    border-bottom: none;
    top: var(--position-focus-top, -18px);
    left: var(--position-focus-left, 10px);
    padding: var(--placeholder-box-padding-focus, 2px 8px);
}

.input-box-0007-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    pointer-events: none;
}

.textarea-box-0007::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0007::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0007::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0008 {
    position: relative;
}
.input-box-0008 .textarea-box-0008{
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: none;
    border-bottom: var(--border-normal, none);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
    transition: var(--transition-main-btn-time, 0.5s ease-in-out);
}

.input-box-0008 .textarea-box-0008:focus::placeholder{
    color: transparent;
    transition: var(--transition-main-btn-time, 0.5s ease-in-out);
}

.input-box-0008 .textarea-box-0008::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-main-btn-time, 0.5s ease-in-out);
}

.input-box-0008 .textarea-box-0008:focus,
.input-box-0008 .textarea-box-0008.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: none;
    border-bottom: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    transition: var(--transition-main-btn-time, 0.5s ease-in-out);
}

.input-box-0008-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: none;
    border-bottom: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0008::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0008::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0008::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0009 {
    position: relative;
}
.input-box-0009 .textarea-box-0009 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    resize: none;
}

.input-box-0009 .textarea-box-0009:focus::placeholder{
    color: transparent;
}

.input-box-0009 .textarea-box-0009::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-main-btn-time, 0.5s ease-in-out);
}

.input-box-0009 .textarea-box-0009:focus,
.input-box-0009 .textarea-box-0009.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    transition: var(--transition-main-btn-time, 0.5s ease-in-out);
}

.input-box-0009-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
}

.textarea-box-0009::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0009::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0009::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0010 {
    position: relative;
}
.input-box-0010 .textarea-box-0010 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
}

.input-box-0010 .textarea-box-0010:focus::placeholder{
    color: transparent;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0010 .textarea-box-0010::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0010 .textarea-box-0010:focus,
.input-box-0010 .textarea-box-0010.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0010-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0010::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0010::-webkit-scrollbar-thumb{
    background-image: var(--scrollbar-normal-color, linear-gradient(135deg, rgba(169 ,108 ,254 ,1) 0%, rgba(236,113,207,1) 50%, rgba(255,134,153,1) 75%, rgba(255,168,102,1) 100%));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}

.textarea-box-0010::-webkit-scrollbar-thumb:hover{
    background-image: var(--scrollbar-hover-color, linear-gradient(135deg, rgba(169 ,108 ,254 ,1) 0%, rgba(236,113,207,1) 50%, rgba(255,134,153,1) 75%, rgba(255,168,102,1) 100%));
    border-radius: var(--scrollbar-radius, 5px);
    cursor: default;
}
/* **************************************************************** */
.input-box-0011 {
    position: relative;
}
.input-box-0011 .textarea-box-0011 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    resize: none;
}

.input-box-0011 .textarea-box-0011:focus::placeholder{
    color: transparent;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0011 .textarea-box-0011::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0011 .textarea-box-0011:focus,
.input-box-0011 .textarea-box-0011.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0011-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
}

.textarea-box-0011::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0011::-webkit-scrollbar-thumb{
    background: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--scrollbar-normal-shadow,  4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset); 
    cursor: default;
}

.textarea-box-0011::-webkit-scrollbar-thumb:hover{
    background: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--scrollbar-hover-shadow,  4px 4px 8px rgba(0, 0, 0, 0.5),  0 -2px 0 2px rgba(0, 0, 0, 0.3), 0 2px 0 2px rgba(255, 255, 255, 0.3), -4px 0 4px rgba(0, 83, 208, 1) inset, 0 4px 4px rgba(255, 255, 255, 0.3) inset,  4px 0 4px rgba(255, 255, 255, 0.3) inset, 0 -4px 4px rgba(0, 83, 208, 1) inset); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0012 {
    position: relative;
}
.input-box-0012 .textarea-box-0012 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: var(--input-box-shadow-normal, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--rotation-scale-normal-text-box, scale(1) rotate(0deg));
    resize: none;
}
.input-box-0012 .textarea-box-0012:hover {
    box-shadow: var(--input-box-shadow-focus, rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px);
    transform: var(--rotation-scale-focus-text-box, scale(1.05) rotate(1deg));
}

.input-box-0012 .textarea-box-0012:focus::placeholder{
    color: transparent;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0012 .textarea-box-0012::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0012 .textarea-box-0012:focus,
.input-box-0012 .textarea-box-0012.has-value {
    box-shadow: var(--input-box-shadow-focus, rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px);
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    transform: var(--rotation-scale-focus-text-box, scale(1.05) rotate(1deg));
}

.input-box-0012-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: var(--box-count-shadow, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    pointer-events: none;
    transform:  var(--character-box-count-rotation-scale-normal, scale(1.00) rotate(0deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0012 .textarea-box-0012:focus ~ .input-box-0012-count,
.input-box-0012 .textarea-box-0012.has-value ~ .input-box-0012-count {
    transform:  var(--character-box-count-rotation-scale-focus, scale(1.05) rotate(2deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0012 .textarea-box-0012:hover ~ .input-box-0012-count {
    transform:  var(--character-box-count-rotation-scale-focus, scale(1.05) rotate(2deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.textarea-box-0012::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0012::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0012::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0013 {
    position: relative;
}
.input-box-0013 .textarea-box-0013 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: var(--input-box-shadow-normal, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--rotation-scale-normal-text-box, rotate(0deg));
    resize: none;
}

.input-box-0013 .textarea-box-0013:focus::placeholder{
    color: transparent;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0013 .textarea-box-0013::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0013 .textarea-box-0013:focus,
.input-box-0013 .textarea-box-0013.has-value {
    box-shadow: var(--input-box-shadow-focus, rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px);
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0013-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: var(--box-count-shadow, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    pointer-events: none;
    transform:  var(--character-box-count-rotation-normal, rotate(0deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.textarea-box-0013::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0013::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0013::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */                
.input-box-0014 {
    position: relative;
    border: var(--background-box-border, 2px solid rgba(240, 164, 23, 1));
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.input-box-0014 .textarea-box-0014 {
    position: relative;
    border: var(--border-normal, 2px solid rgba(240, 164, 23, 1));
    font-weight: 600;
    top: var(--input-box-position-top, -10px);
    left: var(--input-box-position-left, 10px);
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    resize: none;
}
      
.input-box-0014 .textarea-box-0014:focus,
.input-box-0014 .textarea-box-0014.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0014 .textarea-box-0014:focus::placeholder{
    color: transparent;
}
.input-box-0014 .textarea-box-0014::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    font-weight: 600;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0014-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    pointer-events: none;
    transform:  var(--character-box-count-rotation-normal, rotate(0deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.textarea-box-0014::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0014::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-0014::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* **************************************************************** */
.input-box-0015 {
    position: relative;
}

.input-box-0015 .textarea-box-0015 {
    position: relative;
    border: var(--border-normal, 2px solid rgba(240, 164, 23, 1));
    font-weight: 600;
    outline: none;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    transform: var(--rotation-text-box, rotate(0deg));
    resize: none;
}
      
.input-box-0015 .textarea-box-0015:focus,
.input-box-0015 .textarea-box-0015.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0015 .textarea-box-0015::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    font-weight: 600;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0015 .textarea-box-0015:focus::placeholder{
    color: transparent;
}

.input-box-0015-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
    pointer-events: none;
    transition: var(--transition-time, 0.5s ease-in-out);
    z-index: 3;
    transform: var(--character-box-count-rotation, rotate(0deg));
}

.input-box-0015-dotted {
    position: absolute;
    border: var(--background-box-border, 2px dotted rgba(255, 255, 255, 1));
    top: var(--input-box-position-top, -4px);
    left: var(--input-box-position-left, 4px);
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    transform: var(--rotation-text-box, rotate(0deg));
}

.textarea-box-0015::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0015::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-0015::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* **************************************************************** */
.input-box-0016 {
    position: relative;
    background-color: transparent;
}

.input-box-0016 .textarea-box-0016 {
    position: relative;
    border: var(--border-normal, 2px solid rgba(240, 164, 23, 1));
    font-weight: 600;
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
}
      
.input-box-0016 .textarea-box-0016:focus,
.input-box-0016 .textarea-box-0016.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0016 .textarea-box-0016:focus::placeholder{
    color: transparent;
}
.input-box-0016 .textarea-box-0016::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    font-weight: 600;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0016-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
    transform:  var(--character-box-count-rotation-normal, rotate(0deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.textarea-box-0016::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0016::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}

.textarea-box-0016::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 5px rgba(64, 75, 78, 0.2)
    , 2px 2px 5px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 5px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 5px rgba(0, 0, 0, 0.9);
}
/* **************************************************************** */
.input-box-0017 {
    position: relative;
}

.input-box-0017 .textarea-box-0017 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    resize: none;
}

.input-box-0017 .textarea-box-0017:focus::placeholder{
    color: transparent;
}

.input-box-0017 .textarea-box-0017::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0017 .textarea-box-0017:focus,
.input-box-0017 .textarea-box-0017.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0017-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
}

.textarea-box-0017::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0017::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: var(--scrollbar-shadow-normal, inset 0 -12px 6px rgba(173, 207, 255, 1));
}

.textarea-box-0017::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: var(--scrollbar-shadow-hover, inset 0 -12px 6px rgba(173, 207, 255, 1));
}
/* **************************************************************** */
.input-box-0018 {
    position: relative;
}

.input-box-0018 .textarea-box-0018 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    resize: none;
}

.input-box-0018-bottom {
    position: absolute;
    bottom: -8px;
    left: -5px;
    background: rgb(106, 113, 129);
    height: 5px;
    border-radius: 5px;
}

.input-box-0018 .textarea-box-0018:focus::placeholder{
    color: transparent;
}

.input-box-0018 .textarea-box-0018::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0018 .textarea-box-0018:focus,
.input-box-0018 .textarea-box-0018.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}
                        
.input-box-0018-count-main {
    position: absolute;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    background-color: transparent;
    pointer-events: none;
    z-index: 3;
}

.input-box-0018-count{
    position: relative;
    justify-content: center;
    text-align: center;
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
}

.input-box-0018-bottom-count {
    position: absolute;
    bottom: -3px;
    left: -5px;
    width: 70px;
    background: rgb(106, 113, 129);
    height: 3px;
    border-radius: 5px;
}

.textarea-box-0018::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0018::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0018::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0019 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--border-normal, none);
}

.input-box-0019 .textarea-box-0019 {
    background-color: transparent;
    border: none;
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    outline: none;
    resize: none;
}

.input-box-0019 .textarea-box-0019:focus::placeholder{
    color: transparent;
}

.input-box-0019 .textarea-box-0019::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}
              
.input-box-0019-box-top {
   position: absolute;
   top: 10px;
   left: 0px;
   width: 100%;
   height: 3px;
   border-radius: 3px;
}

.input-box-0019-box-bottom {
   position: absolute;
   bottom: 10px;
   left: 0px;
   width: 100%;
   height: 3px;
   border-radius: 3px;
}

.input-box-0019-box-left {
   position: absolute;
   top: 0px;
   left: 10px;
   width: 3px;
   height: 100%;
   border-radius: 3px;
}

.input-box-0019-box-right {
   position: absolute;
   top: 0px;
   right: 10px;
   width: 3px;
   height: 100%;
   border-radius: 3px;
}

.input-box-0019:hover .input-box-0019-box-top {
   top: 5px;
}

.input-box-0019:hover .input-box-0019-box-bottom {
   bottom: 5px;
}

.input-box-0019:hover .input-box-0019-box-left {
   left: 5px;
}

.input-box-0019:hover .input-box-0019-box-right {
   right: 5px;
}      

.input-box-0019  .textarea-box-0019:focus ~ .input-box-0019-box-top,
.input-box-0019  .textarea-box-0019.has-value ~ .input-box-0019-box-top {
   top: 5px;
}

.input-box-0019  .textarea-box-0019:focus ~ .input-box-0019-box-bottom,
.input-box-0019  .textarea-box-0019.has-value ~ .input-box-0019-box-bottom {
   bottom: 5px;
}

.input-box-0019  .textarea-box-0019:focus ~ .input-box-0019-box-left,
.input-box-0019  .textarea-box-0019.has-value ~ .input-box-0019-box-left {
   left: 5px;
}

.input-box-0019  .textarea-box-0019:focus ~ .input-box-0019-box-right,
.input-box-0019  .textarea-box-0019.has-value ~ .input-box-0019-box-right {
   right: 5px;
}    
                        
.input-box-0019-count-main {
    position: absolute;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    background-color: transparent;
    pointer-events: none;
    z-index: 3;
}

.input-box-0019-count{
    position: relative;
    justify-content: center;
    text-align: center;
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
}
              
.input-box-0019-box-count-top {
   position: absolute;
   top: 3px;
   left: 0px;
   width: 100%;
   height: 1px;
}

.input-box-0019-box-count-bottom {
   position: absolute;
   bottom: 3px;
   left: 0px;
   width: 100%;
   height: 1px;
}

.input-box-0019-box-count-left {
   position: absolute;
   top: 0px;
   left: 3px;
   width: 1px;
   height: 100%;
}

.input-box-0019-box-count-right {
   position: absolute;
   top: 0px;
   right: 3px;
   width: 1px;
   height: 100%;
}

.textarea-box-0019::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0019::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0019::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

/* **************************************************************** */
.input-box-0020 {
    position: relative;
}

.input-box-0020 .textarea-box-0020 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    transform: perspective(500px) rotateX(15deg);
    resize: none;
}

.input-box-0020 .textarea-box-0020:focus::placeholder{
    color: transparent;
}

.input-box-0020 .textarea-box-0020::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0020 .textarea-box-0020:focus,
.input-box-0020 .textarea-box-0020.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0020-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
    transform: perspective(50px) rotateX(15deg);
}

.textarea-box-0020::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0020::-webkit-scrollbar-thumb{
    background-image: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0020::-webkit-scrollbar-thumb:hover{
    background-image: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0021 {
    position: relative;
}

.input-box-0021 .textarea-box-0021 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    resize: none;
}

.input-box-0021 .textarea-box-0021:focus::placeholder{
    color: transparent;
}

.input-box-0021 .textarea-box-0021::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0021 .textarea-box-0021:focus,
.input-box-0021 .textarea-box-0021.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    filter: brightness(1.3);
}

.input-box-0021-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    bottom: var(--position-count-box-top, 10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
}
                    
.input-box-0021 .textarea-box-0021:focus ~ .input-box-0021-count,
.input-box-0021 .textarea-box-0021.has-value ~ .input-box-0021-count {
    filter: brightness(1.3);
}

.textarea-box-0021::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0021::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    cursor: default;
}

.textarea-box-0021::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.23) 0%, transparent 100%);
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    cursor: default;
}
/* **************************************************************** */
.input-box-0022 {
    position: relative;
}

.input-box-0022 .textarea-box-0022 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    resize: none;
}

.input-box-0022 .textarea-box-0022:focus::placeholder{
    color: transparent;
}

.input-box-0022 .textarea-box-0022::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0022 .textarea-box-0022:focus,
.input-box-0022 .textarea-box-0022.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    filter: brightness(1.1);
}

.input-box-0022-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
}
                    
.input-box-0022 .textarea-box-0022:focus ~ .input-box-0022-count,
.input-box-0022 .textarea-box-0022.has-value ~ .input-box-0022-count {
    filter: brightness(1.1);
}

.textarea-box-0022::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0022::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0022::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0023 {
    position: relative;
}

.input-box-0023 .textarea-box-0023 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    resize: none;
}

.input-box-0023 .textarea-box-0023:focus::placeholder{
    color: transparent;
}

.input-box-0023 .textarea-box-0023::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0023 .textarea-box-0023:focus,
.input-box-0023 .textarea-box-0023.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    filter: brightness(1.3);
}

.input-box-0023-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
    box-shadow: inset 0 0px 3px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 2px 3px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 2px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
                    
.input-box-0023 .textarea-box-0023:focus ~ .input-box-0023-count,
.input-box-0023 .textarea-box-0023.has-value ~ .input-box-0023-count {
    filter: brightness(1.3);
}

.textarea-box-0023::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0023::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(184, 149, 112, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}

.textarea-box-0023::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    cursor: default;
}
/* **************************************************************** */
.input-box-0024 {
    position: relative;
}

.input-box-0024 .textarea-box-0024 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    resize: none;
}

.input-box-0024 .textarea-box-0024:focus::placeholder{
    color: transparent;
}

.input-box-0024 .textarea-box-0024::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0024 .textarea-box-0024:focus,
.input-box-0024 .textarea-box-0024.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    filter: var(--brightness-text-box, brightness(1.3));
}

.input-box-0024-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
    box-shadow: inset 0 0px 3px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 2px 3px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 2px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
                    
.input-box-0024 .textarea-box-0024:focus ~ .input-box-0024-count,
.input-box-0024 .textarea-box-0024.has-value ~ .input-box-0024-count {
    filter: var(--character-count-box-brightness, brightness(1.3));
}

.textarea-box-0024::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0024::-webkit-scrollbar-thumb{
    background-image: var(--scrollbar-normal-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.textarea-box-0024::-webkit-scrollbar-thumb:hover{
    background-image: var(--scrollbar-hover-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
/* **************************************************************** */
.input-box-0025 {
    position: relative;
}
.input-box-0025 .textarea-box-0025 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    resize: none;
}

.input-box-0025 .textarea-box-0025:focus::placeholder{
    color: transparent;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0025 .textarea-box-0025::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0025 .textarea-box-0025:focus,
.input-box-0025 .textarea-box-0025.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0025-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    bottom: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2)
    , 5px 5px 15px rgba(0, 0, 0, 0.9)
    , inset -5px -5px 15px rgba(64, 75, 78, 0.2)
    , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    pointer-events: none;
}

.textarea-box-0025::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0025::-webkit-scrollbar-thumb{
    background-image: var(--scrollbar-normal-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 6px rgba(64, 75, 78, 0.2)
    , 2px 2px 6px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 6px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 6px rgba(0, 0, 0, 0.9);
}

.textarea-box-0025::-webkit-scrollbar-thumb:hover{
    background-image: var(--scrollbar-hover-color, linear-gradient(0deg, rgba(65, 85, 139, 1) 0%, rgba(41, 53, 86, 1) 50%, rgba(89, 131, 252, 1) 50%, rgba(89, 131, 252, 1) 100%));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
    box-shadow: -2px -2px 6px rgba(64, 75, 78, 0.2)
    , 2px 2px 6px rgba(0, 0, 0, 0.9)
    , inset -2px -2px 6px rgba(64, 75, 78, 0.2)
    , inset 2px 2px 6px rgba(0, 0, 0, 0.9);
}
/* **************************************************************** */
.input-box-0026 {
    position: relative;
}
.input-box-0026 .textarea-box-0026 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: var(--input-box-shadow-normal, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    transform: var(--rotation-scale-normal-text-box, scale(1) rotate(0deg));
    resize: none;
}
.input-box-0026 .textarea-box-0026:hover {
    box-shadow: var(--input-box-shadow-focus, rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px);
    transform: var(--rotation-scale-focus-text-box, scale(1.05) rotate(1deg));
}

.input-box-0026 .textarea-box-0026:focus::placeholder{
    color: transparent;
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0026 .textarea-box-0026::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0026 .textarea-box-0026:focus,
.input-box-0026 .textarea-box-0026.has-value {
    box-shadow: var(--input-box-shadow-focus, rgba(44, 187, 99, 0.35) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.25) 0 1px 2px,rgba(44, 187, 99, 0.25) 0 2px 4px,rgba(44, 187, 99, 0.25) 0 4px 8px,rgba(44, 187, 99, 0.25) 0 8px 16px,rgba(44, 187, 99, 0.25) 0 16px 32px);
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    transform: var(--rotation-scale-focus-text-box, scale(1.05) rotate(1deg));
}

.input-box-0026-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    box-shadow: var(--box-count-shadow, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    pointer-events: none;
    transform:  var(--character-box-count-rotation-scale-normal, scale(1.00) rotate(0deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0026 .textarea-box-0026:focus ~ .input-box-0026-count,
.input-box-0026 .textarea-box-0026.has-value ~ .input-box-0026-count {
    transform:  var(--character-box-count-rotation-scale-focus, scale(1.05) rotate(2deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.input-box-0026 .textarea-box-0026:hover ~ .input-box-0026-count {
    transform:  var(--character-box-count-rotation-scale-focus, scale(1.05) rotate(2deg));
    transition: var(--transition-time, 0.5s ease-in-out);
}

.textarea-box-0026::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0026::-webkit-scrollbar-thumb{
    background-color: var(--scrollbar-normal-color, rgba(240, 164, 23, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0026::-webkit-scrollbar-thumb:hover{
    background-color: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0027 {
    position: relative;
}

.input-box-0027 .textarea-box-0027 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    resize: none;
}

.input-box-0027 .textarea-box-0027:focus::placeholder{
    color: transparent;
}

.input-box-0027 .textarea-box-0027::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0027 .textarea-box-0027:focus,
.input-box-0027 .textarea-box-0027.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
    filter: var(--brightness-text-box, brightness(1.3));
}

.input-box-0027-count {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
    box-shadow: inset 0 0px 3px 0px rgba(255, 255, 255, 0.15), 
    inset 0px 2px 3px 0px rgba(255, 255, 255, 0.1), 
    inset 0px 1px 2px 0px rgba(255, 255, 255, 0.4), 
    inset 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
                    
.input-box-0027 .textarea-box-0027:focus ~ .input-box-0027-count,
.input-box-0027 .textarea-box-0027.has-value ~ .input-box-0027-count {
    filter: var(--character-count-box-brightness, brightness(1.3));
}

.textarea-box-0027::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0027::-webkit-scrollbar-thumb{
    background-image: var(--scrollbar-normal-color, rgba(240, 164, 23, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0027::-webkit-scrollbar-thumb:hover{
    background-image: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */
.input-box-0028 {
    position: relative;
}

.input-box-0028 .textarea-box-0028 {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    font-weight: 600;
    border: var(--border-normal, none);
    outline: none;
    transform: perspective(500px) rotateX(15deg);
    resize: none;
}

.input-box-0028 .textarea-box-0028:focus::placeholder{
    color: transparent;
}

.input-box-0028 .textarea-box-0028::placeholder{
    color: var(--placeholder-text-color, rgba(82, 63, 63, 1));
}

.input-box-0028 .textarea-box-0028:focus,
.input-box-0028 .textarea-box-0028.has-value {
    color: var(--text-color-under, rgba(240, 164, 23, 1));
    border: var(--border-focus, 2px solid rgba(240, 164, 23, 1));
}

.input-box-0028-count{
    position: absolute;
    justify-content: center;
    align-items: center;
    top: var(--position-count-box-top, -10px);
    right: var(--position-count-box-right, 10px);
    padding: var(--box-count-padding, 0px 10px);
    border: var(--box-count-border, 2px solid rgba(240, 164, 23, 1)); 
    pointer-events: none;
    transform: perspective(50px) rotateX(15deg);
}

.textarea-box-0028::-webkit-scrollbar{
    width: var(--scrollbar-width, 8px);
}

.textarea-box-0028::-webkit-scrollbar-thumb{
    background-image: var(--scrollbar-normal-color, rgba(240, 164, 23, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-normal, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}

.textarea-box-0028::-webkit-scrollbar-thumb:hover{
    background-image: var(--scrollbar-hover-color, rgba(158, 158, 158, 1));
    border-radius: var(--scrollbar-radius, 5px);
    border: var(--scrollbar-border-hover, 2px solid rgba(240, 164, 23, 1)); 
    cursor: default;
}
/* **************************************************************** */