.ip-color-choice {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    max-width: 280px;
    padding: 4px;
    border: 2px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
}

.ip-color-choice .ip-color-swatch {
    display: block;
    box-sizing: border-box;
    width: min(100%, 200px);
    height: 44px;
    margin-bottom: 5px;
    object-fit: cover;
    border: 1px solid #d9e0e7;
}

.ip-color-choice.is-selected {
    border-color: #d3a327;
    background: #fffaf0;
}

.ip-color-choice.is-focused {
    outline: 2px solid #d3a327;
    outline-offset: 2px;
}

.ip-color-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
}