/*
  Note: If you add a color here, please add it to "/stories/base/colors.css" as well
*/

.trigger {
    width: 100%;
    padding: 0.7rem 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgba(75, 69, 61, 0.3);
    cursor: pointer
}

.trigger.placeholder {
        color: rgba(75, 69, 61, 0.3);
    }

.trigger.menuIsOpen .chevron {
            transform: rotateZ(-180deg);
        }

.trigger .chevron {
        will-change: transform;
        align-self: center;
        font-size: 1.6rem;
        transition: transform 0.2s ease;
        fill: rgba(75, 69, 61, 0.6);
    }