@media(min-width:1024px){.toc[data-v-feeb2fc9]{float:right;margin-bottom:2rem;margin-left:2rem}}.wrapper[data-v-42025374]{background-color:var(--light-gray);border-radius:1rem;padding:3rem}.swatches[data-v-42025374]{display:grid;gap:3rem}.color-section__dropdown[data-v-42025374]{display:inline-block;position:relative;width:100%}.color-section__dropdown_button[data-v-42025374]{background:#fff;border:2px solid var(--sbm-peacock-blue);border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;text-align:left;width:100%}.color-section__dropdown_arrow[data-v-42025374]{float:right}.color-section__dropdown .dropdown_menu[data-v-42025374]{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-42025374]{cursor:pointer;padding:5px 15px}.color-section__dropdown-dropdown_item[data-v-42025374]:not(:last-child){border-bottom:1px dashed #ccc}.color-section__dropdown-dropdown_item[data-v-42025374]:hover{background:#f0f0f0}.color-section__color[data-v-42025374]{border:1px solid var(--sbm-light-gray-40);overflow:hidden}.color-section__swatch[data-v-42025374]{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-42025374]{line-height:1.3}.color-section__tints[data-v-42025374]{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-42025374]{border:1px solid var(--sbm-light-gray);border-radius:50%;cursor:pointer;height:24px;width:24px}.color-section__tint-button span[data-v-42025374]{display:none}@media(min-width:768px){.swatches[data-v-42025374]{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px){.swatches[data-v-42025374]{grid-template-columns:repeat(4,1fr)}}.gradient-component__gradient[data-v-8d8d23b5]{border:1px solid var(--light-medium-gray);border-radius:.5rem;padding:2rem 0;position:relative}.gradient-component__marker-center[data-v-8d8d23b5],.gradient-component__marker-left[data-v-8d8d23b5],.gradient-component__marker-right[data-v-8d8d23b5]{position:absolute;top:calc(100% + 5px)}.gradient-component__marker-left[data-v-8d8d23b5]{left:0}.gradient-component__marker-center[data-v-8d8d23b5]{left:50%;transform:translate(-50%)}.gradient-component__marker-right[data-v-8d8d23b5]{right:0}.gradient-component__marker-text-center[data-v-8d8d23b5],.gradient-component__marker-text-left[data-v-8d8d23b5],.gradient-component__marker-text-right[data-v-8d8d23b5]{position:absolute;top:calc(100% + 20px)}.gradient-component__marker-text-left[data-v-8d8d23b5]{left:0}.gradient-component__marker-text-center[data-v-8d8d23b5]{left:50%;transform:translate(-50%)}.gradient-component__marker-text-right[data-v-8d8d23b5]{right:0}.up-triangle[data-v-8d8d23b5]{border-bottom:10px solid var(--light-medium-gray);border-left:10px solid transparent;border-right:10px solid transparent;height:0;width:0}