.BrowseImagesBox_browseImagesBox__vuoEt{margin-bottom:24px;width:100%;max-width:768px;border-radius:8px;overflow:hidden}.BrowseImagesBox_header__0kYoN{padding:16px 0}.BrowseImagesBox_imagePreviewGrid__8qhY6{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(25% - 2px),1fr));grid-gap:2px;gap:2px;margin-bottom:2px}.BrowseImagesBox_imageLink__LPYGx{display:block;aspect-ratio:1/1;overflow:hidden;position:relative;transition:transform .3s ease}.BrowseImagesBox_imageLink__LPYGx:hover{filter:brightness(.9)}.BrowseImagesBox_image__qbt1V{width:100%;height:100%;object-fit:cover}.ColorConversions_container__EwszP{font-size:1.3rem;width:100%}.ColorConversions_row__pgX9X{border-bottom:1px solid #2d2d2d;padding:8px 0;display:flex;flex-direction:row;width:100%}.ColorConversions_column__Uoce2{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ColorConversions_label__4NSte{font-weight:700;padding-right:var(--token-semantic-space-md)}.ColorConversions_value__BjFhN{font-family:var(--token-semantic-font-family-mono)}.ColorPage_container__9L3NM{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.ColorPage_gradientBackground__nX6LT{position:absolute;top:0;left:0;right:0;height:100vh;z-index:-1}.ColorPage_topContainer__lwa_T{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.ColorPage_headingContainer__zasTx{flex:1 1;gap:16px;display:flex;flex-direction:column}.ColorPage_mainHeading__od9V9{margin-bottom:1rem}.ColorPage_colorTitle__XA8vF{text-wrap:balance}.ColorPage_subHeading__jHf0j{color:#666}.ColorPage_colorOptionsContainer__FsU5n{min-width:328px}.ColorPage_content__onWpH{max-width:768px}.ColorPage_content__onWpH h1{font-size:4rem;line-height:1.2;font-weight:400;margin-bottom:1rem}.ColorPage_content__onWpH h2{font-size:64px;line-height:1;font-weight:400;margin-bottom:2rem;margin-top:4rem}.ColorPage_content__onWpH h3{font-size:2rem;font-weight:400;margin-bottom:.75rem}.ColorPage_content__onWpH p{font-size:1.3rem;line-height:1.3;margin-bottom:2rem}.ColorPage_content__onWpH li{font-size:1.3rem;margin-left:2rem;margin-bottom:1rem}.ColorPage_content__onWpH a{text-decoration:underline}@media (max-width:768px){.ColorPage_topContainer__lwa_T{flex-direction:column}.ColorPage_headingContainer__zasTx{padding-right:0;margin-bottom:2rem}.ColorPage_colorOptionsContainer__FsU5n{width:100%}}.ColorVariations_container__cXsc5{margin-top:2rem;max-width:768px}.ColorVariations_variationSection__8wcCN{margin-bottom:2rem;margin-top:.5rem}.ColorVariations_variationTitle__7wyO5{margin-bottom:.5rem}.ColorVariations_colorButtonContainer__Wxxi_{display:flex;border-radius:8px;overflow:hidden}.ColorVariations_colorButton__NNRTd{border:none;cursor:pointer;flex:1 1;height:60px;display:flex;align-items:center;justify-content:center}.ColorVariations_colorHex__AOr_x{color:#ffffffaa;font-size:1rem;opacity:0}.ColorVariations_colorButton__NNRTd:hover .ColorVariations_colorHex__AOr_x{opacity:1}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}