.PageContentLayout-module-scss-module__9UBeQG__page-content-layout{padding:var(--size-40) 0 var(--size-64)}
.PageTitle-module-scss-module__xpYP4G__page-title{align-items:center;gap:var(--size-8);flex-direction:column;width:100%;display:flex}.PageTitle-module-scss-module__xpYP4G__title{color:var(--color-heading);font-size:clamp(2.25rem,5.5vw,var(--font-size-heading-lg));font-weight:var(--font-weight-heading-lg);text-align:center;text-wrap:balance;margin:0;display:inline-block}.PageTitle-module-scss-module__xpYP4G__title:after{content:"";width:var(--size-64);height:var(--border-width-3);margin:var(--size-8) auto 0;border-radius:var(--border-radius-pill);background:var(--identity-gradient);display:block}
.page-module-scss-module__YgSMkW__main{padding:var(--size-32) var(--viewport-spacing-h);flex-direction:column;display:flex}.page-module-scss-module__YgSMkW__main-fullscreen{padding:var(--size-32) 0}
.ColorArea-module-scss-module__nS7FXG__color-area{width:100%;height:100%;min-height:var(--color-area-min-height,9rem);border-radius:var(--border-radius-xs);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);position:relative}.ColorArea-module-scss-module__nS7FXG__color-area:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-type) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-shadow)}.ColorArea-module-scss-module__nS7FXG__indicator{border:2px solid var(--color-white);border-radius:var(--border-radius-round);aspect-ratio:1;pointer-events:none;width:14px;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 5px #0000004d}
.CopyButton-module-scss-module__pIRBYG__copy-button svg{pointer-events:none}.CopyButton-module-scss-module__pIRBYG__tile{width:100%;padding:0 var(--size-12) 0 0;text-align:left;justify-content:space-between}.CopyButton-module-scss-module__pIRBYG__tile .nbl-button-content{padding:var(--size-2) var(--size-4) var(--size-2) var(--size-16);flex-grow:1}.CopyButton-module-scss-module__pIRBYG__icons{width:100%;height:100%;display:block;position:relative}.CopyButton-module-scss-module__pIRBYG__icons svg{width:100%;height:100%;position:absolute;inset:0}.CopyButton-module-scss-module__pIRBYG__status{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;display:inline-block;position:absolute;overflow:hidden}
.Input-module-scss-module__QVNsXa__form-item-wrapper label{color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-plus-0-5);margin-bottom:var(--size-8);display:block}.Input-module-scss-module__QVNsXa__form-item{width:100%;padding:var(--size-8);border:1px solid var(--input-control-stroke-color);border-radius:var(--border-radius-xs);background:var(--input-control-fill);color:var(--input-control-color);font-size:1rem;line-height:var(--line-height-137-5);font-variant-numeric:tabular-nums}
.Select-module-scss-module__-A8t3a__select-container{--select-color:var(--input-control-color);--select-color-chevron:var(--input-control-color-detail);--select-fill-hover:var(--input-control-fill-hover);--select-stroke-color:var(--input-control-stroke-color);--select-height:var(--size-40);--select-min-width:var(--container-size-4xs);--select-radius:var(--border-radius-pill);--select-font-size:var(--control-font-size-default);color:var(--select-color);font-size:var(--select-font-size);gap:var(--size-8);flex-direction:column;display:flex}.Select-module-scss-module__-A8t3a__select-container>label{color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-plus-0-5)}.Select-module-scss-module__-A8t3a__select-wrapper{align-items:center;width:100%;display:flex;position:relative}.Select-module-scss-module__-A8t3a__select-wrapper .Select-module-scss-module__-A8t3a__select-chevron{top:50%;right:var(--size-8);width:1.125rem;height:1.125rem;color:var(--select-color-chevron);pointer-events:none;position:absolute;transform:translateY(-50%)}.Select-module-scss-module__-A8t3a__select-wrapper select{width:100%;min-width:var(--select-min-width);height:var(--select-height);padding:0 var(--size-32) 0 var(--size-16);transition:all var(--transition-appear-faster);border:1px solid var(--select-stroke-color);border-radius:var(--select-radius);color:var(--select-color);cursor:pointer;appearance:none;background:0 0}.Select-module-scss-module__-A8t3a__select-wrapper select:hover{background-color:var(--select-fill-hover)}.Select-module-scss-module__-A8t3a__select-container.Select-module-scss-module__-A8t3a__inline{align-items:center;gap:var(--size-16);flex-direction:row}.Select-module-scss-module__-A8t3a__select-container.Select-module-scss-module__-A8t3a__inline .Select-module-scss-module__-A8t3a__select-wrapper,.Select-module-scss-module__-A8t3a__select-container.Select-module-scss-module__-A8t3a__inline select{width:auto}
.VisuallyHidden-module-scss-module__oQgdTG__visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;display:inline-block;position:absolute;overflow:hidden}
.InputSlider-module-scss-module__SkdmLq__input-slider{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.InputSlider-module-scss-module__SkdmLq__input-slider label{font-size:var(--font-size-caption);text-transform:uppercase}.InputSlider-module-scss-module__SkdmLq__slider{border-radius:var(--border-radius-pill);width:100%;height:1rem;box-shadow:0 0 0 1px var(--stroke-color-soft);appearance:none;background-color:#0000;outline:none}.InputSlider-module-scss-module__SkdmLq__slider::-webkit-slider-thumb{width:1.5rem;height:1.5rem;transition:box-shadow var(--transition-duration-300) ease;border-radius:var(--border-radius-round);background-color:var(--color-white);box-shadow:0 0 3px 0 var(--color-transparent-dark-20),0 0 0 1px var(--color-transparent-dark-10);cursor:pointer;appearance:none}.InputSlider-module-scss-module__SkdmLq__slider::-webkit-slider-thumb:hover{box-shadow:0 0 3px 0 var(--color-transparent-dark-20),0 0 0 1px var(--color-transparent-dark-30)}.InputSlider-module-scss-module__SkdmLq__slider::-moz-range-thumb{width:1.5rem;height:1.5rem;transition:box-shadow var(--transition-duration-300) ease;border-radius:var(--border-radius-round);background-color:var(--color-white);box-shadow:0 0 3px 0 var(--color-transparent-dark-20),0 0 0 1px var(--color-transparent-dark-10);cursor:pointer}.InputSlider-module-scss-module__SkdmLq__slider::-moz-range-thumb:hover{box-shadow:0 0 3px 0 var(--color-transparent-dark-20),0 0 0 1px var(--color-transparent-dark-30)}.InputSlider-module-scss-module__SkdmLq__slider:focus-visible{box-shadow:0 0 3px 0 var(--color-transparent-dark-20),0 0 0 1px var(--color-neutral-500)}.InputSlider-module-scss-module__SkdmLq__slider:focus-visible::-webkit-slider-thumb{outline:var(--focus-ring-width) var(--focus-ring-type) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-shadow)}
.ColorAdjuster-module-scss-module__lD_yHq__color-adjuster{gap:var(--size-16);flex-direction:column;display:flex}.ColorAdjuster-module-scss-module__lD_yHq__mode{gap:var(--size-4);flex-wrap:wrap;display:flex}.ColorAdjuster-module-scss-module__lD_yHq__mode-button{padding:var(--size-4) var(--size-8);transition:all var(--transition-control-hover);border-radius:var(--border-radius-pill);color:var(--color-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.ColorAdjuster-module-scss-module__lD_yHq__mode-button:hover,.ColorAdjuster-module-scss-module__lD_yHq__mode-button:focus-visible{background-color:var(--surface-control-fill-hover)}.ColorAdjuster-module-scss-module__lD_yHq__mode-button-active{background-color:var(--fill-accent);color:var(--color-accent-revert)}.ColorAdjuster-module-scss-module__lD_yHq__mode-button-active:hover,.ColorAdjuster-module-scss-module__lD_yHq__mode-button-active:focus-visible{background-color:var(--fill-accent-hover)}.ColorAdjuster-module-scss-module__lD_yHq__picker{--color-area-min-height:10rem;gap:var(--size-16);flex-direction:column;display:flex}.ColorAdjuster-module-scss-module__lD_yHq__picker-hue{gap:var(--size-4);flex-direction:column;display:flex}.ColorAdjuster-module-scss-module__lD_yHq__channels{gap:var(--size-8);flex-direction:column;display:flex}.ColorAdjuster-module-scss-module__lD_yHq__channel{gap:var(--size-2);flex-direction:column;display:flex}.ColorAdjuster-module-scss-module__lD_yHq__label{font-size:var(--font-size-caption);text-transform:uppercase}.ColorAdjuster-module-scss-module__lD_yHq__inputs{align-items:center;gap:var(--size-16);display:flex}.ColorAdjuster-module-scss-module__lD_yHq__number{width:5.25rem}.ColorAdjuster-module-scss-module__lD_yHq__warnings{color:var(--color-body-secondary);font-size:var(--font-size-14);margin:0;padding:0;list-style:none}
.ColorField-module-scss-module__FKD_2q__color-field{gap:var(--size-4);flex-direction:column;display:flex}.ColorField-module-scss-module__FKD_2q__input-label{margin-bottom:var(--size-8);color:var(--color-body-muted);font-size:var(--font-size-16);font-weight:var(--font-weight-light)}.ColorField-module-scss-module__FKD_2q__row{align-items:flex-end;gap:var(--size-8);display:flex}.ColorField-module-scss-module__FKD_2q__swatch{width:var(--size-40);height:var(--size-40);border:1px solid var(--stroke-color-strong);border-radius:var(--border-radius-xs);cursor:pointer;flex-shrink:0;padding:0}.ColorField-module-scss-module__FKD_2q__input{flex-grow:1}.ColorField-module-scss-module__FKD_2q__error-row{justify-content:space-between;align-items:center;gap:var(--size-8);display:flex}.ColorField-module-scss-module__FKD_2q__error{color:var(--color-error);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);margin:0}.ColorField-module-scss-module__FKD_2q__reset-button{--button-height:var(--size-32);--button-font-size:var(--font-size-14);flex-shrink:0}.ColorField-module-scss-module__FKD_2q__warnings{color:var(--color-body-secondary);font-size:var(--font-size-14);margin:0;padding:0;list-style:none}
.ContrastAlternativeTile-module-scss-module__ficSYq__tile{border:1px solid var(--stroke-color-soft);border-radius:var(--surface-radius);background:var(--surface-fill);flex-direction:column;display:flex;overflow:hidden}.ContrastAlternativeTile-module-scss-module__ficSYq__preview{padding:var(--size-24)}.ContrastAlternativeTile-module-scss-module__ficSYq__preview-large{font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-semibold);margin:0}.ContrastAlternativeTile-module-scss-module__ficSYq__preview-body{font-size:var(--font-size-body);margin:0}.ContrastAlternativeTile-module-scss-module__ficSYq__info{align-items:center;gap:var(--size-16);padding:var(--size-16) var(--size-24);border-top:1px solid var(--stroke-color-soft);flex-wrap:wrap;display:flex}.ContrastAlternativeTile-module-scss-module__ficSYq__value{color:var(--color-body);font-weight:var(--font-weight-medium);word-break:break-word}.ContrastAlternativeTile-module-scss-module__ficSYq__meta{align-items:center;gap:var(--size-4);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);display:inline-flex}.ContrastAlternativeTile-module-scss-module__ficSYq__meta-icon{width:1rem;height:1rem;color:var(--color-success)}.ContrastAlternativeTile-module-scss-module__ficSYq__actions{align-items:center;gap:var(--size-8);margin-left:auto;display:flex}
.Modal-module-scss-module__Xp49pG__dialog{--modal-radius:var(--border-radius-sm);--modal-border-width:var(--border-width-1);--modal-border-color:var(--stroke-color-soft);--modal-max-size:var(--container-size-xs);--modal-padding:var(--size-32);--modal-close-inset:var(--size-8);--modal-close-size:var(--button-size-medium-min-height);border:var(--modal-border-width) solid var(--modal-border-color);border-radius:var(--modal-radius);background:var(--fill-overlay);box-shadow:0 12px 32px -8px var(--color-transparent-dark-30);color:var(--color-body);margin:0;padding:0;position:fixed;overflow:hidden}.Modal-module-scss-module__Xp49pG__dialog[open]{flex-direction:column;display:flex}.Modal-module-scss-module__Xp49pG__centered{width:calc(100% - var(--size-32));max-width:var(--modal-max-size);max-height:min(85dvh,100dvh - var(--size-32));margin:auto;inset:0}.Modal-module-scss-module__Xp49pG__centered::backdrop{background:var(--fill-backdrop)}.Modal-module-scss-module__Xp49pG__bottom-sheet{width:100%;max-width:var(--modal-max-size);max-height:min(85dvh,100dvh - var(--size-32));border-radius:var(--modal-radius) var(--modal-radius) 0 0;border-bottom-width:0;margin:0 auto;inset:auto 0 0}.Modal-module-scss-module__Xp49pG__bottom-sheet::backdrop{background:var(--fill-backdrop)}.Modal-module-scss-module__Xp49pG__anchored{--modal-padding:var(--size-16);max-width:none}.Modal-module-scss-module__Xp49pG__anchored::backdrop{background:0 0}@media (max-width:599px){.Modal-module-scss-module__Xp49pG__dialog{--modal-padding:var(--size-20)}.Modal-module-scss-module__Xp49pG__anchored{--modal-padding:var(--size-12)}.Modal-module-scss-module__Xp49pG__centered{border-width:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.Modal-module-scss-module__Xp49pG__bottom-sheet{max-width:none}}.Modal-module-scss-module__Xp49pG__small{--modal-max-size:var(--container-size-xs)}.Modal-module-scss-module__Xp49pG__medium{--modal-max-size:var(--container-size-sm)}.Modal-module-scss-module__Xp49pG__large{--modal-max-size:var(--container-size-smd)}.Modal-module-scss-module__Xp49pG__fullscreen{border-width:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.Modal-module-scss-module__Xp49pG__layer{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.Modal-module-scss-module__Xp49pG__panel{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.Modal-module-scss-module__Xp49pG__close-slot{z-index:1;top:var(--modal-close-inset);right:var(--modal-close-inset);position:absolute}.Modal-module-scss-module__Xp49pG__header{flex:none}.Modal-module-scss-module__Xp49pG__header.Modal-module-scss-module__Xp49pG__has-padding{min-height:calc(var(--modal-close-inset)*2 + var(--modal-close-size));padding:var(--size-8) calc(var(--modal-close-inset) + var(--modal-close-size)) var(--size-8) var(--modal-padding);align-items:center;display:flex}.Modal-module-scss-module__Xp49pG__header.Modal-module-scss-module__Xp49pG__has-border{transition:border-color var(--transition-appear-faster);border-bottom:var(--border-width-1) solid #0000}.Modal-module-scss-module__Xp49pG__header.Modal-module-scss-module__Xp49pG__has-border.Modal-module-scss-module__Xp49pG__is-scrolled{border-bottom-color:var(--stroke-color-soft)}.Modal-module-scss-module__Xp49pG__content{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.Modal-module-scss-module__Xp49pG__content.Modal-module-scss-module__Xp49pG__has-padding{padding:var(--modal-padding)}.Modal-module-scss-module__Xp49pG__content.Modal-module-scss-module__Xp49pG__has-padding.Modal-module-scss-module__Xp49pG__below-header{padding-top:var(--size-8)}.Modal-module-scss-module__Xp49pG__title{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);margin:0}
.Tooltip-module-scss-module__E_SQKa__wrapper{display:inline-flex;position:relative}.Tooltip-module-scss-module__E_SQKa__tooltip{--tooltip-gap:var(--size-8);--caret-size:.4375rem;--caret-inset:var(--size-8);visibility:hidden;z-index:var(--z-index-modal);width:max-content;max-width:16rem;padding:var(--size-4) var(--size-8);transition:opacity var(--transition-control-hover),visibility var(--transition-control-hover);border:1px solid var(--stroke-color-soft);border-radius:var(--border-radius-2xs);opacity:0;background:var(--surface-control-fill-active);color:var(--color-accent-revert);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);letter-spacing:normal;line-height:var(--line-height-137-5);text-align:left;text-transform:none;pointer-events:none;position:absolute}.Tooltip-module-scss-module__E_SQKa__tooltip[data-open=true]{visibility:visible;opacity:1;pointer-events:auto}.Tooltip-module-scss-module__E_SQKa__tooltip:not([data-open=true]){border-width:0;width:0;height:0;padding:0;overflow:hidden}.Tooltip-module-scss-module__E_SQKa__top,.Tooltip-module-scss-module__E_SQKa__top-start,.Tooltip-module-scss-module__E_SQKa__top-end{bottom:calc(100% + var(--tooltip-gap))}.Tooltip-module-scss-module__E_SQKa__bottom,.Tooltip-module-scss-module__E_SQKa__bottom-start,.Tooltip-module-scss-module__E_SQKa__bottom-end{top:calc(100% + var(--tooltip-gap))}.Tooltip-module-scss-module__E_SQKa__top,.Tooltip-module-scss-module__E_SQKa__bottom{left:50%;transform:translate(-50%)}.Tooltip-module-scss-module__E_SQKa__top-start,.Tooltip-module-scss-module__E_SQKa__bottom-start{left:0}.Tooltip-module-scss-module__E_SQKa__top-end,.Tooltip-module-scss-module__E_SQKa__bottom-end{right:0}.Tooltip-module-scss-module__E_SQKa__left,.Tooltip-module-scss-module__E_SQKa__left-start,.Tooltip-module-scss-module__E_SQKa__left-end{right:calc(100% + var(--tooltip-gap))}.Tooltip-module-scss-module__E_SQKa__right,.Tooltip-module-scss-module__E_SQKa__right-start,.Tooltip-module-scss-module__E_SQKa__right-end{left:calc(100% + var(--tooltip-gap))}.Tooltip-module-scss-module__E_SQKa__left,.Tooltip-module-scss-module__E_SQKa__right{top:50%;transform:translateY(-50%)}.Tooltip-module-scss-module__E_SQKa__left-start,.Tooltip-module-scss-module__E_SQKa__right-start{top:0}.Tooltip-module-scss-module__E_SQKa__left-end,.Tooltip-module-scss-module__E_SQKa__right-end{bottom:0}.Tooltip-module-scss-module__E_SQKa__tooltip:before{content:"";width:var(--caret-size);height:var(--caret-size);background:var(--surface-control-fill-active);position:absolute;transform:rotate(45deg)}.Tooltip-module-scss-module__E_SQKa__top:before,.Tooltip-module-scss-module__E_SQKa__top-start:before,.Tooltip-module-scss-module__E_SQKa__top-end:before{margin-top:calc(var(--caret-size)/-2);border-right:1px solid var(--stroke-color-soft);border-bottom:1px solid var(--stroke-color-soft);top:100%}.Tooltip-module-scss-module__E_SQKa__bottom:before,.Tooltip-module-scss-module__E_SQKa__bottom-start:before,.Tooltip-module-scss-module__E_SQKa__bottom-end:before{margin-bottom:calc(var(--caret-size)/-2);border-top:1px solid var(--stroke-color-soft);border-left:1px solid var(--stroke-color-soft);bottom:100%}.Tooltip-module-scss-module__E_SQKa__left:before,.Tooltip-module-scss-module__E_SQKa__left-start:before,.Tooltip-module-scss-module__E_SQKa__left-end:before{margin-left:calc(var(--caret-size)/-2);border-top:1px solid var(--stroke-color-soft);border-right:1px solid var(--stroke-color-soft);left:100%}.Tooltip-module-scss-module__E_SQKa__right:before,.Tooltip-module-scss-module__E_SQKa__right-start:before,.Tooltip-module-scss-module__E_SQKa__right-end:before{margin-right:calc(var(--caret-size)/-2);border-bottom:1px solid var(--stroke-color-soft);border-left:1px solid var(--stroke-color-soft);right:100%}.Tooltip-module-scss-module__E_SQKa__top:before,.Tooltip-module-scss-module__E_SQKa__bottom:before{margin-left:calc(var(--caret-size)/-2);left:50%}.Tooltip-module-scss-module__E_SQKa__left:before,.Tooltip-module-scss-module__E_SQKa__right:before{margin-top:calc(var(--caret-size)/-2);top:50%}.Tooltip-module-scss-module__E_SQKa__top-start:before,.Tooltip-module-scss-module__E_SQKa__bottom-start:before{left:var(--caret-inset)}.Tooltip-module-scss-module__E_SQKa__top-end:before,.Tooltip-module-scss-module__E_SQKa__bottom-end:before{right:var(--caret-inset)}.Tooltip-module-scss-module__E_SQKa__left-start:before,.Tooltip-module-scss-module__E_SQKa__right-start:before{top:var(--caret-inset)}.Tooltip-module-scss-module__E_SQKa__left-end:before,.Tooltip-module-scss-module__E_SQKa__right-end:before{bottom:var(--caret-inset)}
.Tabs-module-scss-module__TYTILG__tabs{gap:var(--size-16);flex-direction:column;display:flex}.Tabs-module-scss-module__TYTILG__tablist{gap:var(--size-4);border-bottom:1px solid var(--stroke-color-soft);display:flex}.Tabs-module-scss-module__TYTILG__tab{padding:var(--size-8) var(--size-16);border:none;border-bottom:var(--border-width-3) solid #0000;color:var(--color-body-secondary);font:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0}.Tabs-module-scss-module__TYTILG__tab:hover{color:var(--color-body)}.Tabs-module-scss-module__TYTILG__tab-active{border-bottom-color:var(--teal-600);color:var(--color-body)}.Tabs-module-scss-module__TYTILG__tabpanel{gap:var(--size-16);flex-direction:column;display:flex}.Tabs-module-scss-module__TYTILG__tabpanel[hidden]{display:none}
.ContrastResult-module-scss-module__KfCfxq__contrast-result{gap:var(--size-24);flex-direction:column;display:flex}.ContrastResult-module-scss-module__KfCfxq__ratio-card{gap:var(--size-8);padding:var(--size-24);border:1px solid var(--stroke-color-soft);border-radius:var(--surface-radius);background:var(--surface-fill);flex-direction:column;display:flex}.ContrastResult-module-scss-module__KfCfxq__heading{align-items:center;gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-plus-1);text-transform:uppercase;margin:0;display:inline-flex}.ContrastResult-module-scss-module__KfCfxq__heading:before{content:"";border-radius:var(--border-radius-round);background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);flex-shrink:0}.ContrastResult-module-scss-module__KfCfxq__ratio{color:var(--color-heading);font-variant-numeric:tabular-nums;line-height:var(--line-height-110);margin:0}.ContrastResult-module-scss-module__KfCfxq__ratio-value{font-size:var(--font-size-64);font-weight:var(--font-weight-medium)}.ContrastResult-module-scss-module__KfCfxq__ratio-unit{color:var(--color-body-secondary);font-size:var(--font-size-24)}.ContrastResult-module-scss-module__KfCfxq__table{width:100%;margin-top:var(--size-8);border-collapse:collapse}.ContrastResult-module-scss-module__KfCfxq__table tbody th,.ContrastResult-module-scss-module__KfCfxq__table tbody td{padding:var(--size-12) 0;border-bottom:1px solid var(--stroke-color-soft);text-align:center}.ContrastResult-module-scss-module__KfCfxq__table tbody th{font-weight:var(--font-weight-regular);text-align:left}.ContrastResult-module-scss-module__KfCfxq__table thead th{padding:var(--size-8) 0;border-bottom:1px solid var(--stroke-color-strong);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);text-align:center}.ContrastResult-module-scss-module__KfCfxq__table thead th:first-of-type{text-align:left}.ContrastResult-module-scss-module__KfCfxq__level{width:6.5rem}.ContrastResult-module-scss-module__KfCfxq__info{margin-left:var(--size-4);vertical-align:text-bottom}.ContrastResult-module-scss-module__KfCfxq__info-button{padding:var(--size-2);transition:all var(--transition-control-hover);border-radius:var(--border-radius-round);color:var(--color-body-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ContrastResult-module-scss-module__KfCfxq__info-button:hover,.ContrastResult-module-scss-module__KfCfxq__info-button:focus-visible{background-color:var(--surface-control-fill-hover);color:var(--color-body)}.ContrastResult-module-scss-module__KfCfxq__info-button svg{width:.875rem;height:.875rem}.ContrastResult-module-scss-module__KfCfxq__badge{align-items:center;gap:var(--size-4);padding:var(--size-2) var(--size-8);border-radius:var(--border-radius-2xs);color:var(--color-status-revert);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);display:inline-flex}.ContrastResult-module-scss-module__KfCfxq__badge[data-pass=true]{background-color:var(--fill-success)}.ContrastResult-module-scss-module__KfCfxq__badge[data-pass=false]{background-color:var(--fill-error)}.ContrastResult-module-scss-module__KfCfxq__badge-icon{display:inline-flex}.ContrastResult-module-scss-module__KfCfxq__badge-icon svg{width:.875rem;height:.875rem}
.ThemeToggler-module-scss-module__CJTu0a__theme-toggler{--input-control-fill-hover:var(--menu-item-fill);margin-left:var(--size-8)}
.ContrastPairDetails-module-scss-module__eWR7xq__details{gap:var(--size-24);flex-direction:column;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__heading{align-items:center;gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-plus-1);text-transform:uppercase;margin:0;display:inline-flex}.ContrastPairDetails-module-scss-module__eWR7xq__heading:before{content:"";border-radius:var(--border-radius-round);background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);flex-shrink:0}.ContrastPairDetails-module-scss-module__eWR7xq__preview{gap:var(--size-8);padding:var(--size-24);border:1px solid var(--stroke-color-soft);border-radius:var(--border-radius-xsm);flex-direction:column;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__preview-large{font-size:1.5rem;font-weight:var(--font-weight-medium)}.ContrastPairDetails-module-scss-module__eWR7xq__preview-normal{font-size:var(--font-size-body-sm)}.ContrastPairDetails-module-scss-module__eWR7xq__colors{gap:var(--size-8);flex-direction:column;margin:0;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__color-row{justify-content:center;align-items:flex-start;gap:var(--size-8);flex-flow:column wrap;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__color-row dt{color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-plus-0-5);width:6.5rem}.ContrastPairDetails-module-scss-module__eWR7xq__color-row dd{gap:var(--size-8);flex-wrap:wrap;flex:1;align-items:center;margin:0;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__swatch{border:1px solid var(--stroke-color-soft);border-radius:var(--border-radius-2xs);flex-shrink:0;width:1.25rem;height:1.25rem}.ContrastPairDetails-module-scss-module__eWR7xq__color-label{color:var(--color-body);font-weight:var(--font-weight-medium)}.ContrastPairDetails-module-scss-module__eWR7xq__color-value{color:var(--color-body-secondary);font-size:var(--font-size-caption)}.ContrastPairDetails-module-scss-module__eWR7xq__classification{gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);flex-direction:column;align-items:flex-start;margin:0;line-height:1.6;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__classification strong{color:var(--color-body)}.ContrastPairDetails-module-scss-module__eWR7xq__warnings{padding-left:var(--size-24);color:var(--color-body-secondary);font-size:var(--font-size-caption);margin:0}.ContrastPairDetails-module-scss-module__eWR7xq__actions{gap:var(--size-8);flex-wrap:wrap;align-items:center;display:flex}.ContrastPairDetails-module-scss-module__eWR7xq__hint{color:var(--color-body-secondary);font-size:var(--font-size-caption);margin:0}
.HtmlColorTile-module-scss-module__sRrDmG__html-color-tile{--tile-fill:var(--surface-fill);--tile-stroke-color:var(--surface-stroke-color);--tile-stroke-color-hover:var(--surface-stroke-color-hover);--tile-padding:var(--surface-padding);--tile-radius:var(--surface-radius)}.HtmlColorTile-module-scss-module__sRrDmG__colors-list-item{width:100%;padding:var(--surface-internal-stroke-width);transition:all var(--transition-surface-elevation);border-radius:var(--tile-radius);background-color:var(--tile-fill);box-shadow:var(--tile-stroke-color);text-align:left}.HtmlColorTile-module-scss-module__sRrDmG__colors-list-item:hover,.HtmlColorTile-module-scss-module__sRrDmG__colors-list-item:focus-visible{background-color:var(--surface-fill-hover);box-shadow:var(--tile-stroke-color-hover)}.HtmlColorTile-module-scss-module__sRrDmG__colors-list-item:hover .HtmlColorTile-module-scss-module__sRrDmG__chevron-stroke,.HtmlColorTile-module-scss-module__sRrDmG__colors-list-item:focus-visible .HtmlColorTile-module-scss-module__sRrDmG__chevron-stroke{opacity:1}.HtmlColorTile-module-scss-module__sRrDmG__color-wrapper{border-radius:calc(var(--tile-radius) - var(--surface-internal-stroke-width)/2) calc(var(--tile-radius) - var(--surface-internal-stroke-width)/2) 0 0;align-items:center;width:100%;height:80px;display:flex}.HtmlColorTile-module-scss-module__sRrDmG__icons{width:18px;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.HtmlColorTile-module-scss-module__sRrDmG__color-name{height:48px;padding:0 var(--tile-padding);color:var(--color-body);font-weight:var(--font-weight-regular);align-items:center;display:flex}.HtmlColorTile-module-scss-module__sRrDmG__buttons-wrapper{right:calc(var(--tile-padding)/2);bottom:calc((48px - 40px)/2 + var(--surface-internal-stroke-width)/2);justify-content:flex-end;display:flex;position:absolute}.HtmlColorTile-module-scss-module__sRrDmG__button{width:40px;height:40px;transition:all var(--transition-control-hover);color:var(--color-body);cursor:pointer;background:0 0;border:none;border-radius:.725rem;justify-content:center;align-items:center;display:flex;position:relative}.HtmlColorTile-module-scss-module__sRrDmG__button:hover,.HtmlColorTile-module-scss-module__sRrDmG__button:focus-visible{background-color:var(--surface-control-fill-hover)}.HtmlColorTile-module-scss-module__sRrDmG__button svg{pointer-events:none}.HtmlColorTile-module-scss-module__sRrDmG__color-copy{top:50%;left:var(--tile-padding);width:40px;height:40px;position:absolute}
.menu-module-scss-module__ji4yQG__menu{--color-menu:var(--color-body);--color-menu-fill-backdrop:var(--menu-item-fill);display:flex}.menu-module-scss-module__ji4yQG__menu li{margin:0 var(--size-4);position:relative}@media (max-width:959px){.menu-module-scss-module__ji4yQG__menu{z-index:var(--z-index-overlay);padding:var(--size-4) var(--viewport-spacing-h) var(--size-16);background:var(--fill-overlay);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.menu-module-scss-module__ji4yQG__menu.menu-module-scss-module__ji4yQG__is-open{display:flex}.menu-module-scss-module__ji4yQG__menu li{margin:var(--size-2) 0}.menu-module-scss-module__ji4yQG__menu .menu-module-scss-module__ji4yQG__link{padding:var(--size-4) var(--size-8)}.menu-module-scss-module__ji4yQG__menu .menu-module-scss-module__ji4yQG__is-active:after{left:var(--size-8);transform:none}}.menu-module-scss-module__ji4yQG__link{z-index:1;border-radius:var(--border-radius-xs);color:var(--color-body);border:1px solid #0000;border-bottom:0;padding:.4rem .6rem;text-decoration:none;display:block;position:relative}.menu-module-scss-module__ji4yQG__is-active{border:1px solid var(--menu-item-stroke-enabled);background-color:var(--color-menu-fill-backdrop)}.menu-module-scss-module__ji4yQG__is-active:after{content:"";width:1.4rem;height:var(--border-width-3);border-radius:var(--border-radius-xs);background:var(--menu-item-indicator-fill);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.menu-module-scss-module__ji4yQG__menu-item-backdrop,.menu-module-scss-module__ji4yQG__is-active{inset:0}.menu-module-scss-module__ji4yQG__menu-item-backdrop{border-radius:var(--border-radius-xs);background:var(--color-menu-fill-backdrop);position:absolute}
.ContrastChecker-module-scss-module__y_c8iG__contrast-checker{gap:var(--size-40);width:100%;max-width:var(--container-size-mdl);flex-direction:column;margin:0 auto;display:flex}.ContrastChecker-module-scss-module__y_c8iG__checker{gap:var(--size-24);flex-direction:column;display:flex}.ContrastChecker-module-scss-module__y_c8iG__checker-header{justify-content:flex-end;display:flex}.ContrastChecker-module-scss-module__y_c8iG__checker-body{align-items:start;gap:var(--size-32);grid-template-columns:1fr;display:grid}.ContrastChecker-module-scss-module__y_c8iG__controls{gap:var(--size-32);flex-direction:column;display:flex}.ContrastChecker-module-scss-module__y_c8iG__heading{align-items:center;gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-plus-1);text-transform:uppercase;margin:0;margin-bottom:var(--size-8);display:inline-flex}.ContrastChecker-module-scss-module__y_c8iG__heading:before{content:"";border-radius:var(--border-radius-round);background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);flex-shrink:0}.ContrastChecker-module-scss-module__y_c8iG__fields{gap:var(--size-8);padding:var(--size-24);border:1px solid var(--stroke-color-soft);border-radius:var(--surface-radius);background:var(--surface-fill);flex-direction:column;display:flex}.ContrastChecker-module-scss-module__y_c8iG__swap-button{--button-size-small-font-weight:var(--font-weight-light);align-self:center}@media (min-width:900px){.ContrastChecker-module-scss-module__y_c8iG__checker-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}
.GridLegend-module-scss-module__76MJrq__legend{gap:var(--size-16);margin-top:var(--size-24);flex-direction:column;display:flex}.GridLegend-module-scss-module__76MJrq__legend-title{font-size:var(--font-size-body-sm);align-items:center;gap:var(--size-8);color:var(--color-body-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-plus-1);text-transform:uppercase;margin:0;display:inline-flex}.GridLegend-module-scss-module__76MJrq__legend-title:before{content:"";border-radius:var(--border-radius-round);background:var(--color-accent);width:.375rem;height:.375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 22%, transparent);flex-shrink:0}.GridLegend-module-scss-module__76MJrq__legend .GridLegend-module-scss-module__76MJrq__grades{gap:var(--size-16);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.GridLegend-module-scss-module__76MJrq__legend-item{gap:var(--size-8);padding:var(--size-2) var(--size-2) var(--size-2) var(--size-8);border:1px solid var(--stroke-color-soft);border-radius:var(--border-radius-2xs);color:var(--color-body-secondary);font-size:var(--font-size-caption);align-items:center;display:inline-flex}.GridLegend-module-scss-module__76MJrq__info{display:inline-flex}.GridLegend-module-scss-module__76MJrq__info-button{padding:var(--size-2);transition:all var(--transition-control-hover);border-radius:var(--border-radius-round);color:var(--color-body-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.GridLegend-module-scss-module__76MJrq__info-button:hover,.GridLegend-module-scss-module__76MJrq__info-button:focus-visible{background-color:var(--surface-control-fill-hover);color:var(--color-body)}.GridLegend-module-scss-module__76MJrq__info-button svg{width:.875rem;height:.875rem}.GridLegend-module-scss-module__76MJrq__legend h2{margin-top:var(--size-40)}.GridLegend-module-scss-module__76MJrq__list{padding:var(--size-8) 0 0 var(--size-16);list-style-type:disc}.GridLegend-module-scss-module__76MJrq__legend p,.GridLegend-module-scss-module__76MJrq__legend .GridLegend-module-scss-module__76MJrq__list{font-size:var(--font-size-body-sm)}
.ColorPicker-module-scss-module__ymeEGG__color-picker-container-bg{background-color:#0000}@media (min-width:600px){.ColorPicker-module-scss-module__ymeEGG__color-picker-container-bg{background-color:var(--color-white)}}.ColorPicker-module-scss-module__ymeEGG__color-picker-container{--color-picker-indicator-size:16px;--color-picker-size:var(--container-size-3xs);--color-range-height:1.5rem;--color-picked-height:80px;padding:3rem 0}@media (max-width:599px){.ColorPicker-module-scss-module__ymeEGG__color-picker-container{background-color:#0000!important}}@media (min-width:600px){.ColorPicker-module-scss-module__ymeEGG__color-picker-container{padding:3rem 0}}.ColorPicker-module-scss-module__ymeEGG__color-picker-wrapper{padding:0 var(--viewport-spacing-h);margin:0 auto}@media (min-width:600px){.ColorPicker-module-scss-module__ymeEGG__color-picker-wrapper{width:100%;max-width:var(--container-size-smd);padding:var(--size-40);border-radius:var(--surface-radius);background-color:var(--fill-overlay);justify-content:space-between;gap:var(--size-16);margin:0 auto;display:flex}}.ColorPicker-module-scss-module__ymeEGG__color-picker{width:var(--color-picker-size);height:var(--color-picker-size);border:1px solid var(--color-neutral-500);border-radius:var(--border-radius-xs);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);flex-shrink:0;justify-content:center;margin:0 auto;display:flex;position:relative}.ColorPicker-module-scss-module__ymeEGG__color-picker:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-type) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-shadow)}@media (min-width:600px){.ColorPicker-module-scss-module__ymeEGG__color-picker{margin:0}}.ColorPicker-module-scss-module__ymeEGG__color-picker-indicator{width:var(--color-picker-indicator-size);border:2px solid var(--color-white);border-radius:var(--border-radius-round);aspect-ratio:1;pointer-events:none;background-color:#fff;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 5px #0000004d}.ColorPicker-module-scss-module__ymeEGG__active-color-wrapper{width:100%;max-width:var(--container-size-xs);margin:var(--size-32) auto var(--size-16);justify-content:center;align-items:flex-start;gap:var(--size-16);flex-direction:column;display:flex}@media (min-width:960px){.ColorPicker-module-scss-module__ymeEGG__active-color-wrapper{margin:var(--size-32) auto var(--size-40);flex-grow:1;margin:0}}.ColorPicker-module-scss-module__ymeEGG__picked-color-wrapper{border:1px solid var(--color-neutral-500);border-radius:var(--border-radius-xs);align-self:center;width:100%;display:block;overflow:hidden}@media (min-width:600px){.ColorPicker-module-scss-module__ymeEGG__picked-color-wrapper{display:none}}.ColorPicker-module-scss-module__ymeEGG__picked-color{width:100%;height:var(--color-picked-height)}.ColorPicker-module-scss-module__ymeEGG__transparent-background{background-color:#0000;background-image:repeating-linear-gradient(45deg,#ddd 25%,#0000 25% 75%,#ddd 75%,#ddd),repeating-linear-gradient(45deg,#ddd 25%,#fff 25% 75%,#ddd 75%,#ddd);background-position:0 0,6px 6px;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative}.ColorPicker-module-scss-module__ymeEGG__color-values{gap:var(--size-4);flex-direction:column;width:100%;display:flex}.ColorPicker-module-scss-module__ymeEGG__color-input-row{align-items:flex-end;gap:var(--size-8);display:flex}.ColorPicker-module-scss-module__ymeEGG__color-input{flex-grow:1;min-width:0}.ColorPicker-module-scss-module__ymeEGG__hint,.ColorPicker-module-scss-module__ymeEGG__warnings{color:var(--color-body-secondary);font-size:var(--font-size-14);margin:0;padding:0}.ColorPicker-module-scss-module__ymeEGG__warnings{list-style:none}.ColorPicker-module-scss-module__ymeEGG__error-row{justify-content:space-between;align-items:center;gap:var(--size-8);display:flex}.ColorPicker-module-scss-module__ymeEGG__error{color:var(--color-error);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);margin:0}.ColorPicker-module-scss-module__ymeEGG__reset-button{--button-height:var(--size-32);--button-font-size:var(--font-size-14);flex-shrink:0}.ColorPicker-module-scss-module__ymeEGG__dt{font-size:var(--font-size-caption);font-weight:var(--font-weight-thin);text-transform:uppercase;line-height:1.5}.ColorPicker-module-scss-module__ymeEGG__dl{margin:var(--size-8) 0 0}.ColorPicker-module-scss-module__ymeEGG__dl,.ColorPicker-module-scss-module__ymeEGG__dl button{width:100%}.ColorPicker-module-scss-module__ymeEGG__dl button{margin:var(--size-4) 0}.ColorPicker-module-scss-module__ymeEGG__dl dd{font-weight:var(--font-weight-light);font-variant-numeric:tabular-nums;line-height:1.5}
.Pill-module-scss-module__GlLY2q__pill{--pill-color:var(--input-control-color);--pill-color-enabled:var(--pill-color);--pill-fill:var(--fill-default);--pill-fill-hover:var(--fill-default-hover);--pill-fill-enabled:var(--color-accent-opacity-soft);--pill-fill-enabled-hover:var(--fill-soft);--pill-stroke-color:var(--stroke-color-soft);--pill-stroke-color-hover:var(--stroke-color-strong);--pill-stroke-color-active:var(--input-control-stroke-color);--pill-stroke-color-enabled:var(--color-accent);--pill-spacing-v:var(--size-8);--pill-spacing-h:.875rem;--pill-gap:10px;--pill-viewer-size:12px;--pill-viewer-stroke:var(--surface-stroke-color);--pill-font-size:var(--control-font-size-sm);--pill-radius:var(--border-radius-lg);--pill-font-weight:var(--font-weight-regular);padding:var(--pill-spacing-v) var(--pill-spacing-h);transition:all var(--transition-control-hover);border:1px solid var(--pill-stroke-color);border-radius:var(--pill-radius);background-color:var(--pill-fill);color:var(--pill-color);font-size:var(--pill-font-size);font-weight:var(--pill-font-weight);cursor:pointer;justify-content:center;align-items:center;gap:var(--pill-gap);display:flex}.Pill-module-scss-module__GlLY2q__pill:hover,.Pill-module-scss-module__GlLY2q__pill:focus-visible{border-color:var(--pill-stroke-color-hover);background-color:var(--pill-fill-hover)}.Pill-module-scss-module__GlLY2q__pill:has(.Pill-module-scss-module__GlLY2q__pill-input:focus-visible){outline:var(--focus-ring-width) var(--focus-ring-type) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-shadow)}.Pill-module-scss-module__GlLY2q__pill.Pill-module-scss-module__GlLY2q__is-checked{border-color:var(--pill-stroke-color-enabled);background-color:var(--pill-fill-enabled);color:var(--pill-color-enabled)}.Pill-module-scss-module__GlLY2q__pill .Pill-module-scss-module__GlLY2q__pill-input{background:var(--color-transparent);box-shadow:none;appearance:none;outline:none;margin:0;position:absolute}.Pill-module-scss-module__GlLY2q__pill-color{width:var(--pill-viewer-size);height:var(--pill-viewer-size);border-radius:var(--pill-radius);box-shadow:0 0 0 1px var(--pill-stroke-color);display:block}
.Navigation-module-scss-module__7bdSdq__nav{align-items:center;display:flex}@media (min-width:960px){.Navigation-module-scss-module__7bdSdq__nav .Navigation-module-scss-module__7bdSdq__menu-button{display:none}}
.ColorFilters-module-scss-module__R-lILq__color-filters{max-width:var(--container-size-smd);justify-content:center;gap:var(--size-8);flex-wrap:wrap;margin:0 auto;display:flex}
.ColorSlider-module-scss-module__1aSr9G__color-slider label{font-size:var(--font-size-caption);text-transform:uppercase}.ColorSlider-module-scss-module__1aSr9G__slider-inputs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.ColorSlider-module-scss-module__1aSr9G__slider-inputs:first-child{flex-grow:1}
.Header-module-scss-module__JaTuSa__header{width:100%;position:relative}.Header-module-scss-module__JaTuSa__bar{padding:var(--size-16) var(--viewport-spacing-h);justify-content:space-between;align-items:center;display:flex}.Header-module-scss-module__JaTuSa__menu-wrapper{align-items:center;gap:var(--size-2);display:flex}.Header-module-scss-module__JaTuSa__link{padding:var(--size-4) 0;flex-shrink:0}.Header-module-scss-module__JaTuSa__logo{height:28px}
.Planet-module-scss-module__aMeuZa__planet{width:100%;max-width:30rem;height:auto;margin:var(--size-64) auto;display:block}.Planet-module-scss-module__aMeuZa__secondary{stroke:var(--planet-color-stroke)}.Planet-module-scss-module__aMeuZa__secondary-fill{fill:var(--planet-color-stroke)}.Planet-module-scss-module__aMeuZa__accent{fill:var(--planet-color-accent)}
.ColorDetail-module-scss-module__Ox_xnW__modal-wrapper{--modal-border-color:var(--surface-fill)}.ColorDetail-module-scss-module__Ox_xnW__color-header-bg{width:100%;height:100px;padding:var(--size-24) var(--size-16);justify-content:flex-start;align-items:flex-end;display:flex}.ColorDetail-module-scss-module__Ox_xnW__color-header-bg h1{font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-bold)}.ColorDetail-module-scss-module__Ox_xnW__content{padding:var(--size-24) var(--size-16)}.ColorDetail-module-scss-module__Ox_xnW__button{width:100%;margin-top:var(--size-4)}.ColorDetail-module-scss-module__Ox_xnW__button.ColorDetail-module-scss-module__Ox_xnW__is-first{margin-top:0}.ColorDetail-module-scss-module__Ox_xnW__dt{font-size:var(--font-size-caption);font-weight:var(--font-weight-thin);text-transform:uppercase;line-height:1.5}.ColorDetail-module-scss-module__Ox_xnW__dd{color:var(--color-heading);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-light);margin:0;line-height:1.5}
.ColorRanges-module-scss-module__lN3Tjq__color-ranges{max-width:var(--container-size-mdl);padding:0 var(--viewport-spacing-h);margin:0 auto}@media (min-width:960px){.ColorRanges-module-scss-module__lN3Tjq__color-sliders{margin-top:var(--size-64);flex-wrap:wrap;justify-content:space-between;display:flex}}.ColorRanges-module-scss-module__lN3Tjq__color-group{max-width:var(--container-size-xs);margin:0 auto}@media (min-width:960px){.ColorRanges-module-scss-module__lN3Tjq__color-group{flex-direction:column;flex-shrink:0;flex-basis:30%;margin:0;display:flex}}.ColorRanges-module-scss-module__lN3Tjq__color-group>*{margin:1rem 0}.ColorRanges-module-scss-module__lN3Tjq__color-opacity{background-position:0 0,6px 6px,0 0;background-size:auto,12px 12px,12px 12px;position:relative}
.CookieConsentBanner-module-scss-module__3z5MrG__info-content{z-index:var(--z-index-cookie-banner,10);width:100%;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom));border-radius:var(--cookie-banner-radius,0);background-color:var(--cookie-banner-fill,var(--fill-overlay));box-shadow:0 0 0 1px var(--cookie-banner-color,var(--stroke-color-soft));color:var(--cookie-banner-color,var(--header-color));margin:0;font-size:.875rem;position:fixed;bottom:0;right:0}.CookieConsentBanner-module-scss-module__3z5MrG__info-content a{color:var(--header-color)}@media (min-width:960px){.CookieConsentBanner-module-scss-module__3z5MrG__info-content{align-items:center;max-width:100%;display:flex}}.CookieConsentBanner-module-scss-module__3z5MrG__info-content-buttons{flex-shrink:0;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}@media (min-width:960px){.CookieConsentBanner-module-scss-module__3z5MrG__info-content-buttons{margin:0 0 0 1rem}}
.mentions-module-scss-module__HFnhpW__mentions{max-width:var(--container-size-smd);margin:0 auto}.mentions-module-scss-module__HFnhpW__mentions ul{padding-left:var(--size-32)}.mentions-module-scss-module__HFnhpW__mentions h2{margin:var(--size-40) 0 var(--size-24);font-size:var(--font-size-24)}.mentions-module-scss-module__HFnhpW__mentions h3{margin:var(--size-24) 0;font-size:var(--font-size-20)}.mentions-module-scss-module__HFnhpW__mentions p{margin-top:var(--size-16)}.mentions-module-scss-module__HFnhpW__mentions a{color:currentColor}.mentions-module-scss-module__HFnhpW__link{gap:var(--size-8);display:flex}
.Wip-module-scss-module__2ncQQW__wip{width:100%;max-width:var(--container-size-mdl);height:100%;padding:var(--viewport-spacing-h);padding-bottom:var(--size-40);text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin:0 auto;display:flex}.Wip-module-scss-module__2ncQQW__planet{margin:var(--size-32) auto}.Wip-module-scss-module__2ncQQW__title{margin:var(--size-40) auto 0}.Wip-module-scss-module__2ncQQW__title h1{font-size:var(--font-size-32);font-weight:var(--font-weight-light)}
.ColorsList-module-scss-module__1Nb0zq__select-wrapper{padding:var(--size-24) 0;align-items:center;gap:var(--size-8);display:flex}@media (min-width:600px){.ColorsList-module-scss-module__1Nb0zq__select-wrapper{justify-content:flex-end}}.ColorsList-module-scss-module__1Nb0zq__sort-order-button{align-self:flex-end}.ColorsList-module-scss-module__1Nb0zq__colors-list-ul{grid-gap:1rem;margin:0 auto var(--viewport-spacing-v);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}@media (min-width:960px){.ColorsList-module-scss-module__1Nb0zq__colors-list-ul{grid-gap:var(--size-24)}}.ColorsList-module-scss-module__1Nb0zq__colors-list-ul li{position:relative}