:root{
    --ink:#14161a;
    --ink-soft:#20242b;
    --steel:#3a3f47;
    --paper:#eeeef0;
    --paper-2:#ffffff;
    --flame:#ff5a1f;
    --flame-dark:#d8430f;
    --amber:#ffc93c;
    --line: rgba(255,255,255,.12);
}

.hero-slider {
    position: relative;
    z-index: 1;
}

.hero-indicators {
    position: absolute;
    z-index: 10;
    bottom: -10px;
}

.hero-indicators button {
    width: 16px;
    height: 8px;
    /*border-radius: 50%;*/
    background-color: rgba(0, 0, 0, 0.3);
}

.hero-indicators button.active {
    background-color: #000;
}

.btn-action {
    background: var(--paper-2);
    border: none;
    color: #000000;
    font-weight: 600;
    padding: .50rem .70rem;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: .70rem;
    letter-spacing: .03em;
    transition: all .3s ease-in-out;
}

.btn-action:hover {
    background: var(--flame);
    color: #ffffff;
}

.truncated-input{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}