.swatches[data-v-dd7cd0df]{display:grid;gap:3rem}.color-section__header[data-v-dd7cd0df]{display:grid;gap:1rem}.color-section__dropdown[data-v-dd7cd0df]{display:inline-block;position:relative;width:100%}.color-section__dropdown_button[data-v-dd7cd0df]{background:#fff;border:2px solid var(--sbm-turquoise);border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;text-align:left;width:100%}.color-section__dropdown_arrow[data-v-dd7cd0df]{float:right}.color-section__dropdown .dropdown_menu[data-v-dd7cd0df]{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0003;left:0;list-style:none;margin:5px 0;padding:0;position:absolute;top:100%;width:100%}.color-section__dropdown-dropdown_item[data-v-dd7cd0df]{cursor:pointer;padding:5px 15px}.color-section__dropdown-dropdown_item[data-v-dd7cd0df]:not(:last-child){border-bottom:1px dashed #ccc}.color-section__dropdown-dropdown_item[data-v-dd7cd0df]:hover{background:#f0f0f0}.color-section__color[data-v-dd7cd0df]{border:1px solid var(--sbm-light-gray-40);overflow:hidden}.color-section__swatch[data-v-dd7cd0df]{align-items:center;aspect-ratio:2/1;border-left:15px solid var(--white);border-right:15px solid var(--white);border-top:15px solid var(--white);display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.color-section__swatch-text[data-v-dd7cd0df]{line-height:1.3}.color-section__tints[data-v-dd7cd0df]{background-color:var(--white);border:10px solid var(--white);display:flex;gap:1rem;justify-content:center;margin:1rem 0}.color-section__tint-button[data-v-dd7cd0df]{border:1px solid var(--sbm-light-gray);border-radius:50%;cursor:pointer;height:24px;width:24px}.color-section__tint-button span[data-v-dd7cd0df]{display:none}@media (min-width:768px){.swatches[data-v-dd7cd0df]{grid-template-columns:repeat(2,1fr)}.color-section__header[data-v-dd7cd0df]{align-items:flex-end;gap:4rem;grid-template-columns:auto 250px}}@media (min-width:992px){.swatches[data-v-dd7cd0df]{grid-template-columns:repeat(3,1fr)}}.gradient-component__gradient[data-v-d125286f]{border:1px solid var(--light-medium-gray);border-radius:.5rem;padding:6rem 0;position:relative}.gradient-component__marker-center[data-v-d125286f],.gradient-component__marker-left[data-v-d125286f],.gradient-component__marker-right[data-v-d125286f]{position:absolute;top:calc(100% + 5px)}.gradient-component__marker-left[data-v-d125286f]{left:0}.gradient-component__marker-center[data-v-d125286f]{left:50%;transform:translate(-50%)}.gradient-component__marker-right[data-v-d125286f]{right:0}.gradient-component__marker-text-center[data-v-d125286f],.gradient-component__marker-text-left[data-v-d125286f],.gradient-component__marker-text-right[data-v-d125286f]{position:absolute;top:calc(100% + 20px)}.gradient-component__marker-text-left[data-v-d125286f]{left:0}.gradient-component__marker-text-center[data-v-d125286f]{left:50%;transform:translate(-50%)}.gradient-component__marker-text-right[data-v-d125286f]{right:0}.up-triangle[data-v-d125286f]{border-bottom:10px solid var(--light-medium-gray);border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}