.color-converter-module__7Gm82W__inputLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);margin-bottom:.5rem;font-size:10px;font-weight:700;display:block}.color-converter-module__7Gm82W__inputWrapper{background-color:var(--surface-container-highest);border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);border-radius:2px;align-items:center;padding:1rem;display:flex}.color-converter-module__7Gm82W__inputHash{color:var(--primary);margin-right:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.125rem}.color-converter-module__7Gm82W__colorInput{color:var(--on-surface);text-transform:uppercase;background:0 0;border:none;outline:none;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem}.color-converter-module__7Gm82W__modeTabs{border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);border-radius:2px;gap:0;margin-bottom:.75rem;display:flex;overflow:hidden}.color-converter-module__7Gm82W__modeTab{letter-spacing:.05em;text-transform:uppercase;color:var(--outline);border:none;border-right:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);cursor:pointer;background:0 0;flex:1;padding:.5rem .75rem;font-size:.75rem;font-weight:700;transition:background-color .15s,color .15s}.color-converter-module__7Gm82W__modeTab:last-child{border-right:none}.color-converter-module__7Gm82W__modeTab:hover{background-color:var(--surface-container-highest)}.color-converter-module__7Gm82W__modeTabActive{background-color:var(--primary);color:var(--on-primary,#fff)}.color-converter-module__7Gm82W__modeTabActive:hover{background-color:var(--primary)}.color-converter-module__7Gm82W__multiInputWrapper{background-color:var(--surface-container-highest);border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);border-radius:2px;align-items:center;gap:.5rem;padding:1rem;display:flex}.color-converter-module__7Gm82W__channelGroup{flex:1;align-items:center;gap:.375rem;min-width:0;display:flex}.color-converter-module__7Gm82W__channelLabel{color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700}.color-converter-module__7Gm82W__channelInput{width:100%;min-width:0;color:var(--on-surface);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem}.color-converter-module__7Gm82W__channelInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-converter-module__7Gm82W__channelInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.color-converter-module__7Gm82W__colorPreview{width:2.5rem;height:2.5rem;box-shadow:0 1px 3px var(--shadow-xs);border-radius:2px;flex-shrink:0;margin-left:.5rem}.color-converter-module__7Gm82W__widget{background-color:var(--surface-container-low);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:.25rem;grid-template-columns:1fr;align-items:stretch;gap:2rem;padding:2rem;display:grid}@media (min-width:768px){.color-converter-module__7Gm82W__widget{grid-template-columns:1fr 1fr}}.color-converter-module__7Gm82W__swatchCard{flex-direction:column;gap:1rem;display:flex}.color-converter-module__7Gm82W__swatch{aspect-ratio:1;cursor:pointer;width:100%;box-shadow:0 1px 2px var(--shadow-xs);border-radius:2px;align-items:flex-end;padding:1.5rem;transition:transform .5s;display:flex}.color-converter-module__7Gm82W__swatch:hover{transform:scale(1.02)}.color-converter-module__7Gm82W__swatchOverlay{border:1px solid var(--overlay-light);width:100%;padding:1rem}.dark .color-converter-module__7Gm82W__swatchOverlay{background:var(--overlay-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root .color-converter-module__7Gm82W__swatchOverlay{background:var(--overlay-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.color-converter-module__7Gm82W__swatchLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--overlay-light-text);margin-bottom:.25rem;font-size:10px;display:block}.color-converter-module__7Gm82W__swatchName{color:#fff;letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.color-converter-module__7Gm82W__viewLink{color:var(--primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;transition:color .15s;display:flex}.color-converter-module__7Gm82W__viewLink:hover{color:var(--on-surface)}.color-converter-module__7Gm82W__techGrid{flex-direction:column;justify-content:space-between;padding:.5rem 0;display:flex}.color-converter-module__7Gm82W__techValues{flex-direction:column;gap:1.5rem;display:flex}.color-converter-module__7Gm82W__techRow{justify-content:space-between;align-items:center;display:flex}.color-converter-module__7Gm82W__techLabel{text-transform:uppercase;letter-spacing:.15em;color:var(--outline);margin-bottom:.25rem;font-size:10px;font-weight:700}.color-converter-module__7Gm82W__techValue{color:var(--on-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.5rem}.color-converter-module__7Gm82W__copyButton{background-color:var(--surface-container-highest);width:2.5rem;height:2.5rem;color:var(--secondary);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);border-radius:2px;justify-content:center;align-items:center;transition:color .15s;display:flex}.color-converter-module__7Gm82W__copyButton:hover{color:var(--primary)}
.page-module___8aEwW__page{padding-top:6rem;padding-bottom:4rem}.page-module___8aEwW__hero{max-width:1440px;margin:0 auto 6rem;padding:0 2rem}.page-module___8aEwW__heroGrid{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}.page-module___8aEwW__colorsstasGrid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:1.25rem;display:grid}@media (min-width:1024px){.page-module___8aEwW__heroGrid{grid-template-columns:5fr 7fr}}.page-module___8aEwW__heroText{padding:3rem 0}.page-module___8aEwW__heroTitle{letter-spacing:-.05em;color:var(--on-surface);margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1}@media (min-width:768px){.page-module___8aEwW__heroTitle{font-size:4.5rem}}.page-module___8aEwW__heroDescription{color:var(--secondary);max-width:32rem;margin-bottom:3rem;font-size:1.25rem;line-height:1.625}.page-module___8aEwW__extensionBanner{background-color:var(--surface-container-highest);border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);border-radius:2px;align-items:center;gap:.875rem;padding:.75rem 1.25rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.page-module___8aEwW__extensionBanner:hover{background-color:var(--surface-container-high);border-color:var(--primary)}.page-module___8aEwW__extensionIcon{background-color:var(--primary);width:2.25rem;height:2.25rem;color:var(--on-primary,#fff);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-module___8aEwW__extensionText{flex-direction:column;gap:.125rem;display:flex}.page-module___8aEwW__extensionTitle{color:var(--on-surface);letter-spacing:.02em;font-size:.8125rem;font-weight:700}.page-module___8aEwW__extensionSub{color:var(--secondary);font-size:.6875rem}.page-module___8aEwW__families{max-width:1440px;margin:0 auto 6rem;padding:0 2rem;overflow:hidden}.page-module___8aEwW__familiesHeader{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-module___8aEwW__sectionLabel{letter-spacing:.2em;text-transform:uppercase;color:var(--outline);font-size:.875rem;font-weight:700}.page-module___8aEwW__familiesHeaderRight{align-items:center;gap:1rem;display:flex}.page-module___8aEwW__viewAllLink{color:var(--primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.page-module___8aEwW__viewAllLink:hover{color:var(--on-surface)}.page-module___8aEwW__carouselArrows{gap:.25rem;display:flex}.page-module___8aEwW__arrowBtn{border:1px solid var(--surface-container-highest);width:2rem;height:2rem;color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.dark .page-module___8aEwW__arrowBtn{border-color:var(--surface-container-highest)}.page-module___8aEwW__arrowBtn:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.page-module___8aEwW__carouselTrack{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1.25rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.page-module___8aEwW__carouselTrack::-webkit-scrollbar{display:none}.page-module___8aEwW__familyItem{cursor:pointer;scroll-snap-align:start;flex-direction:column;flex-shrink:0;align-items:center;gap:.625rem;min-width:4.5rem;text-decoration:none;display:flex}.page-module___8aEwW__familyCircle{width:4rem;height:4rem;box-shadow:0 1px 2px var(--shadow-xs);border:3px solid #0000;border-radius:9999px;transition:border-color .3s,transform .2s}.page-module___8aEwW__familyIconCircle{background-color:var(--surface-container-highest);width:4rem;height:4rem;color:var(--primary);box-shadow:0 1px 2px var(--shadow-xs);border:3px solid #0000;border-radius:9999px;justify-content:center;align-items:center;transition:border-color .3s,transform .2s;display:flex}.dark .page-module___8aEwW__familyIconCircle{background-color:var(--surface-container-high)}.page-module___8aEwW__familyItem:hover .page-module___8aEwW__familyCircle,.page-module___8aEwW__familyItem:hover .page-module___8aEwW__familyIconCircle{border-color:color-mix(in srgb, var(--primary) 30%, transparent);transform:scale(1.08)}.page-module___8aEwW__familyName{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);white-space:nowrap;font-size:10px;font-weight:700;transition:color .15s}.page-module___8aEwW__familyItem:hover .page-module___8aEwW__familyName{color:var(--on-surface)}.page-module___8aEwW__popular{max-width:1440px;margin:0 auto 6rem;padding:0 2rem}.page-module___8aEwW__popularHeader{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;display:flex}.page-module___8aEwW__popularTitle{letter-spacing:-.025em;color:var(--on-surface);margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.page-module___8aEwW__popularSubtitle{color:var(--secondary)}.page-module___8aEwW__viewAllButton{border:1px solid var(--outline);text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface);background:0 0;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:none}@media (min-width:768px){.page-module___8aEwW__viewAllButton{display:block}}.page-module___8aEwW__viewAllButton:hover{background-color:var(--surface-container)}.page-module___8aEwW__colorsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.page-module___8aEwW__colorsGrid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.page-module___8aEwW__colorsGrid{grid-template-columns:repeat(5,1fr)}}.page-module___8aEwW__colorCard{background-color:var(--surface-container-low);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);cursor:pointer;box-shadow:0 1px 2px var(--shadow-xs);padding:.5rem;transition:box-shadow .15s}.page-module___8aEwW__colorCard:hover{box-shadow:0 4px 6px var(--shadow-xs)}.page-module___8aEwW__colorCardSwatch{aspect-ratio:16/9;width:100%;margin-bottom:.75rem;transition:filter .15s}.page-module___8aEwW__colorCard:hover .page-module___8aEwW__colorCardSwatch{filter:brightness(1.05)}.page-module___8aEwW__colorCardInfo{padding:0 .5rem .5rem}.page-module___8aEwW__colorCardName{text-transform:uppercase;color:var(--outline);margin-bottom:.25rem;font-size:10px;font-weight:700}.page-module___8aEwW__colorCardHex{color:var(--on-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.page-module___8aEwW__coty{max-width:1440px;margin:0 auto 6rem;padding:0 2rem}.page-module___8aEwW__cotyHeader{margin-bottom:3rem}.page-module___8aEwW__cotyTitle{letter-spacing:-.025em;color:var(--on-surface);margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.page-module___8aEwW__cotySubtitle{color:var(--secondary)}.page-module___8aEwW__cotyGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.page-module___8aEwW__cotyGrid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.page-module___8aEwW__cotyGrid{grid-template-columns:repeat(7,1fr)}}.page-module___8aEwW__cotyCard{background-color:var(--surface-container-lowest);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);transition:box-shadow .2s,transform .2s;overflow:hidden}.dark .page-module___8aEwW__cotyCard{background-color:var(--surface-container-low);border-color:#0000}.page-module___8aEwW__cotyCard:hover{box-shadow:0 6px 20px var(--shadow-md);transform:translateY(-2px)}.dark .page-module___8aEwW__cotyCard:hover{box-shadow:0 6px 20px var(--shadow-md)}.page-module___8aEwW__cotySwatch{aspect-ratio:1;justify-content:flex-end;align-items:flex-end;width:100%;padding:.5rem .625rem;display:flex}.page-module___8aEwW__cotyYear{letter-spacing:-.03em;opacity:.7;font-size:1.5rem;font-weight:800;line-height:1}.page-module___8aEwW__cotyInfo{padding:.625rem .75rem .75rem}.page-module___8aEwW__cotyName{color:var(--on-background);margin-bottom:.125rem;font-size:.75rem;font-weight:700;line-height:1.3}.page-module___8aEwW__cotyPantone{color:var(--outline);letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}.page-module___8aEwW__workflow{background-color:color-mix(in srgb, var(--surface-container) 50%, transparent);border-top:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);max-width:1440px;margin:0 auto 6rem;padding:6rem 2rem}.page-module___8aEwW__workflowTitle{text-align:center;color:var(--on-surface);margin-bottom:4rem;font-size:1.875rem;font-weight:700}.page-module___8aEwW__workflowGrid{grid-template-columns:1fr;gap:4rem;display:grid}@media (min-width:768px){.page-module___8aEwW__workflowGrid{grid-template-columns:repeat(3,1fr)}}.page-module___8aEwW__step{text-align:center;flex-direction:column;align-items:center;display:flex}.page-module___8aEwW__stepIcon{background-color:var(--surface-container-highest);width:4rem;height:4rem;color:var(--primary);border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);box-shadow:0 1px 2px var(--shadow-xs);border-radius:9999px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.page-module___8aEwW__stepTitle{color:var(--on-surface);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.page-module___8aEwW__stepText{color:var(--secondary);line-height:1.625}.page-module___8aEwW__seo{text-align:center;max-width:56rem;margin:0 auto 6rem;padding:0 2rem}.page-module___8aEwW__details{list-style:none}.page-module___8aEwW__detailsSummary{cursor:pointer;flex-direction:column;align-items:center;list-style:none;display:flex}.page-module___8aEwW__detailsSummary::-webkit-details-marker{display:none}.page-module___8aEwW__detailsLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.5rem;font-size:.875rem;font-weight:700}.page-module___8aEwW__details[open] .page-module___8aEwW__detailsLabel{display:none}.page-module___8aEwW__detailsContent{text-align:left;color:var(--secondary);margin-top:2rem;line-height:1.625}.page-module___8aEwW__detailsContent p{margin-bottom:1.5rem}.page-module___8aEwW__expandIcon{transition:transform .3s}.page-module___8aEwW__details[open] .page-module___8aEwW__expandIcon{transform:rotate(180deg)}