.custom-picker-container {
    width: 100%;
}

.custom-picker.pcr-app {
    padding: 0;
    box-shadow: none;
}

.custom-picker.pcr-app.visible {
    width: 100%;
    transition: none;
}

.custom-picker.pcr-app[data-theme="monolith"] .pcr-selection {
    gap: 32px;
}

.custom-picker.pcr-app[data-theme="monolith"] .pcr-color-palette {
    height: 200px;
    outline: 1px solid #e0e2e7;
}

.custom-picker.pcr-app[data-theme="monolith"] .pcr-color-palette,
.custom-picker.pcr-app[data-theme="monolith"] .pcr-color-palette .pcr-palette,
.custom-picker.pcr-app[data-theme="monolith"] .pcr-color-palette .pcr-palette::before
{
    border-radius: 10px;
}

.custom-picker .pcr-swatches {
    display: none;
}

.custom-picker.pcr-app[data-theme="monolith"] .pcr-color-chooser {
    height: 8px;
    margin-top: 0;
}

.custom-picker .pcr-selection .pcr-picker {
    width: 20px;
    height: 20px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 2px 6px 2px rgba(60, 64, 67, 0.15);
}

.custom-picker__preview-container {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 22px;
    margin-bottom: 8px;
}

.custom-picker__preview {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 6px;
}

.custom-picker__preview-text {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 46px;
    letter-spacing: -0.2px;
}

.custom-picker__input-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 6px;
    border: 1px solid #CFD1D6;
    border-radius: 6px;
}


.custom-picker__input-wrapper > input {
    padding: 0;
    border: none;
    font-family: Pretendard, sans-serif;
    font-size: 0.875rem;
    color: #3F4150;
    line-height: 150%;
    letter-spacing: -0.2px;
}