label[data-label="select"] {
    padding             : calc(var(--message-height) + var(--message-margin) + 0px) 0px 0px;
}

label[data-label="select"].mini {
    padding             : 0px;
}

label[data-label="select"].mini.right {
    justify-content     : right;
}

label[data-label="select"] .label__input {
    position            : relative;
    width               : 100%;
}

label[data-label="select"] .label__input select {
    display             : inline-block;
    width               : 100%;
    font-size           : inherit;
    font-weight         : inherit;
    line-height         : inherit;
    color               : var(--white-100);
    background-color    : var(--white-14);
    border              : 1px solid var(--white-30);
    border-radius       : 4px;
    padding             : 6px 22px 6px 12px;
    appearance          : none;
    transition-property : border-color, box-shadow;
    transition-duration : 0.15s;
}

label[data-label="select"] select:focus {
    background-color    : var(--white-2);
    border-color        : var(--white-2);
    outline             : 0;
    box-shadow          : 0 0 0 3.2px var(--white-36);
}

label[data-label="select"] .label__input select option {
    background-color    : var(--charcoal-100);
}

label[data-label="select"] .select_chevron {
    position            : absolute;
    top                 : 50%;
    right               : 5px;
    transform           : translate(0%, -50%);
    z-index             : 0;
    pointer-events      : none;
}

label[data-label="select"] .select_chevron [data-icon] {
    --icon-size         : 16px;
    mask-image          : url(/assets/icons/chevron-down.svg);
}

label[data-label="select"] .label__title {
    position            : absolute;
    top                 : 0%;
    left                : 0%;
    width               : 100%;
    font-size           : 14px;
    line-height         : 1;
    transition-property : opacity;
    transition-duration : var(--hover-animation);
}