@charset "UTF-8";body{overflow-x:hidden!important}ul{list-style:none;padding:0;margin:0}button{background:none}a,button,label,summary,input,select,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent}body a:-webkit-any-link:active{color:inherit}.rte ul,.rte ol{margin-block:var(--space-06);padding-inline-start:var(--space-08)}.rte ul{list-style:disc}.rte ol{list-style:decimal}.rte li{margin-block:var(--space-02)}.rte a:not(.button,.button-primary,.button-secondary){text-decoration-line:underline;text-decoration-color:currentcolor}.rte a:not(.button,.button-primary,.button-secondary):hover{text-decoration-color:var(--text-secondary)}:root{--space-00: 0rem;--space-01: .125rem;--space-02: .25rem;--space-03: .5rem;--space-04: .625rem;--space-05: .75rem;--space-06: 1rem;--space-07: 1.25rem;--space-08: 1.5rem;--space-09: 1.75rem;--space-10: 2.25rem;--space-11: 2.5rem;--space-12: 3rem;--space-13: 3.375rem;--space-14: 4rem;--space-15: 5.5rem;--space-16: 6.5rem;--space-17: 9rem;--space-18: 10rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--breakpoint-mobile: 440px;--breakpoint-tablet: 768px;--breakpoint-laptop: 1024px;--breakpoint-desktop: 1280px;--breakpoint-desktop-lg: 1440px;--breakpoint-desktop-xl: 1920px;--font-family-base: var(--font-body--family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);--font-family-heading: var(--font-heading--family, var(--font-body--family, inherit));--font-family-subheading: var(--font-subheading--family, var(--font-body--family, inherit));--font-family-mono: "SF Mono", "Monaco", "Inconsolata", monospace;--font-size-body: var(--font-body--size, 1rem);--font-size-body-sm: var(--font-body-sm--size, .875rem);--font-size-caption: var(--font-caption--size, .75rem);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--border-width: 1px;--border-width-thick: 2px;--focus-ring-width: 2px;--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition: transform .2s ease}.text-h1{font-family:var(--font-h1--family);font-size:var(--font-h1--size);font-weight:var(--font-h1--weight);line-height:var(--font-h1--line-height);letter-spacing:var(--font-h1--letter-spacing);color:var(--color, var(--text-primary));margin-bottom:.25em}.text-h2{font-family:var(--font-h2--family);font-size:var(--font-h2--size);font-weight:var(--font-h2--weight);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);color:var(--color, var(--text-primary));margin-bottom:.25em}.text-h3{font-family:var(--font-h3--family);font-size:var(--font-h3--size);font-weight:var(--font-h3--weight);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);color:var(--color, var(--text-primary));margin-bottom:.25em}.text-h4{font-family:var(--font-h4--family);font-size:var(--font-h4--size);font-weight:var(--font-h4--weight);line-height:var(--font-h4--line-height);letter-spacing:var(--font-h4--letter-spacing);color:var(--color, var(--text-primary));margin-bottom:.25em}.text-h5{font-family:var(--font-h5--family);font-size:var(--font-h5--size);font-weight:var(--font-h5--weight);line-height:var(--font-h5--line-height);letter-spacing:var(--font-h5--letter-spacing);color:var(--color, var(--text-primary));margin-bottom:.25em}.text-h6{font-family:var(--font-h6--family);font-size:var(--font-h6--size);font-weight:var(--font-h6--weight);line-height:var(--font-h6--line-height);letter-spacing:var(--font-h6--letter-spacing);color:var(--color, var(--text-primary));margin-bottom:.25em}.text-paragraph{font-family:var(--font-family-base);font-size:var(--font-size-paragraph);font-weight:var(--font-weight-paragraph);line-height:var(--line-height-paragraph);letter-spacing:var(--letter-spacing-paragraph);text-transform:var(--font-body--transform, none)}.text-subtitle1{font-family:var(--font-family-subheading);font-size:var(--font-size-subtitle1);font-weight:var(--font-weight-subtitle1);line-height:var(--line-height-subtitle1);letter-spacing:var(--letter-spacing-subtitle1)}.text-subtitle2{font-family:var(--font-family-subheading);font-size:var(--font-size-subtitle2);font-weight:var(--font-weight-subtitle2);line-height:var(--line-height-subtitle2);letter-spacing:var(--letter-spacing-subtitle2)}.text-body{font-family:var(--font-body--family);font-size:var(--font-body--size);font-weight:var(--font-body--weight);line-height:var(--font-body--line-height);letter-spacing:var(--font-body--letter-spacing);text-transform:var(--font-body--transform, none)}.text-body-light{font-family:var(--font-body--family);font-size:var(--font-body--size);font-weight:var(--font-body--weight-light);line-height:var(--font-body--line-height);letter-spacing:var(--font-body--letter-spacing);text-transform:var(--font-body--transform, none)}.text-body-sm{font-family:var(--font-family-base);font-size:var(--font-body-sm--size);font-weight:var(--font-body-sm--weight);line-height:var(--font-body-sm--line-height);letter-spacing:var(--font-body-sm--letter-spacing);text-transform:var(--font-body--transform, none)}.text-body-sm-light{font-family:var(--font-family-base);font-size:var(--font-body-sm--size);font-weight:var(--font-body-sm--weight-light);line-height:var(--font-body-sm--line-height);letter-spacing:var(--font-body-sm--letter-spacing);text-transform:var(--font-body--transform, none)}.text-caption{font-family:var(--font-caption--family);font-size:var(--font-caption--size);font-weight:var(--font-caption--weight);line-height:var(--font-caption--line-height);letter-spacing:var(--font-caption--letter-spacing);text-transform:var(--font-body--transform, none)}.text-caption-light{font-family:var(--font-caption--family);font-size:var(--font-caption--size);font-weight:var(--font-caption--weight-light);line-height:var(--font-caption--line-height);letter-spacing:var(--font-caption--letter-spacing);text-transform:var(--font-body--transform, none)}.text-overline{font-family:var(--font-family-base);font-size:var(--font-size-overline);font-weight:var(--font-weight-overline);line-height:var(--line-height-overline);letter-spacing:var(--letter-spacing-overline)}.text-xs{font-size:.75rem;line-height:var(--line-height-tight)}.text-sm{font-size:.875rem;line-height:var(--line-height-snug)}.text-base{font-size:1rem;line-height:var(--line-height-normal)}.text-lg{font-size:1.125rem;line-height:var(--line-height-normal)}.text-xl{font-size:1.25rem;line-height:var(--line-height-relaxed)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}:root{--black: #000000;--black-rgb: 0 0 0;--white: #FFFFFF;--white-rgb: 255 255 255;--gray-01: #FEFEFE;--gray-02: #F9F9F9;--gray-03: #F3F3F3;--gray-04: #E4E4E4;--gray-04-rgb: 228 228 228;--gray-05: #C0C0C0;--gray-06: #A2A2A2;--gray-07: #797979;--gray-08: #656565;--gray-09: #373737;--gray-09-rgb: 55 55 55;--gray-10: #272727;--gray-10-rgb: 39 39 39;--blue-07: #3B82F6;--success: #059669;--success-light: #34D399;--success-dark: #047857;--error: #8A0417;--error-light: #C50620;--error-dark: #270106;--warning: #F59E0B;--warning-light: #FBBF24;--warning-dark: #D97706;--info: #3B82F6;--info-light: #60A5FA;--info-dark: #2563EB;--bg-primary: var(--white);--bg-secondary: var(--gray-02);--bg-tertiary: var(--gray-03);--bg-rest: var(--white);--bg-hover: var(--gray-02);--bg-pressed: var(--gray-03);--bg-disabled: var(--gray-02);--bg-rest-dark: var(--black);--bg-hover-dark: var(--gray-10);--bg-pressed-dark: var(--gray-09);--bg-disabled-dark: var(--gray-04);--bg-contrast: var(--white);--bg-overlay: #00000066;--text-primary: var(--gray-10);--text-primary-rgb: var(--gray-10-rgb);--text-secondary: var(--gray-08);--text-placeholder: var(--gray-07);--text-disabled: var(--gray-06);--text-contrast: var(--white);--text-contrast-rgb: var(--white-rgb);--text-heading: var(--gray-10);--text-link: var(--black);--text-link-hover: var(--gray-10);--text-success: var(--success);--text-error: var(--error);--text-warning: var(--warning);--text-info: var(--info);--success-bg: color-mix(in srgb, var(--success) 8%, transparent);--error-bg: color-mix(in srgb, var(--error) 8%, transparent);--border-rest: var(--gray-04);--border-rest-rgb: var(--gray-04-rgb);--border-hover: var(--gray-06);--border-focus: var(--blue-07);--border-disabled: var(--gray-04);--border-rest-dark: var(--black);--border-hover-dark: var(--gray-10);--border-disabled-dark: var(--gray-06);--icon-primary: var(--gray-10);--icon-secondary: var(--gray-07);--icon-disabled: var(--gray-05);--icon-contrast: var(--white);--icon-brand: var(--black);--btn-primary-bg: var(--black);--btn-primary-bg-hover: var(--gray-09);--btn-primary-bg-disabled: var(--gray-04);--btn-primary-text: var(--white);--btn-primary-text-disabled: var(--gray-06);--btn-primary-border: var(--black);--btn-primary-border-hover: var(--gray-09);--btn-primary-border-disabled: var(--gray-04);--btn-secondary-bg: var(--bg-rest);--btn-secondary-bg-hover: var(--bg-hover);--btn-secondary-bg-disabled: var(--bg-disabled-dark);--btn-secondary-text: var(--text-primary);--btn-secondary-text-disabled: var(--text-disabled);--btn-secondary-border: var(--border-rest);--btn-secondary-border-hover: var(--border-hover);--btn-secondary-border-disabled: var(--gray-04);--btn-subtle-bg: transparent;--btn-subtle-bg-hover: var(--gray-02);--btn-subtle-bg-pressed: var(--gray-03);--btn-subtle-text: var(--black);--btn-subtle-text-hover: var(--gray-09);--btn-subtle-text-disabled: var(--gray-06);--btn-contrast-bg: rgba(255, 255, 255, .2);--btn-contrast-bg-hover: rgba(255, 255, 255, .3);--btn-contrast-bg-pressed: var(--white);--btn-contrast-text: var(--white);--btn-contrast-text-pressed: var(--black);--btn-contrast-border: var(--white);--input-bg: var(--white);--input-bg-hover: var(--white);--input-bg-focus: var(--white);--input-bg-disabled: var(--gray-02);--input-text: var(--gray-10);--input-text-placeholder: var(--gray-06);--input-text-disabled: var(--gray-06);--input-border: var(--gray-04);--input-border-hover: var(--gray-06);--input-border-focus: var(--black);--input-border-error: var(--error);--input-border-disabled: var(--gray-04);--link-default: var(--black);--link-hover: var(--gray-09);--link-visited: var(--black);--link-underline: var(--gray-10);--link-underline-hover: var(--gray-08);--card-bg: var(--white);--card-bg-hover: var(--gray-01);--card-border: var(--gray-04);--card-shadow: rgba(0, 0, 0, .08);--divider-default: var(--gray-04);--divider-strong: var(--gray-06);--divider-subtle: var(--gray-03);--shadow-color: rgba(26, 26, 26, .1);--shadow-color-rgb: var(--black-rgb);--shadow-drawer: 0 8px 16px -4px var(--shadow-color);--opacity-5: .05;--opacity-8: .08;--opacity-10: .1;--opacity-15: .15;--opacity-25: .25;--opacity-30: .3;--opacity-35: .35;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-85: .85;--opacity-subdued-text: var(--opacity-60)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-rest-dark)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-contrast{color:var(--text-contrast)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--text-success)}.text-error{color:var(--text-error)}.text-warning{color:var(--text-warning)}.text-info{color:var(--text-info)}.border-rest{border-color:var(--border-rest)}.border-dark{border-color:var(--border-rest-dark)}.svg-icon,.svg-icon svg,.svg-icon svg *{fill:currentColor!important;stroke:currentColor!important}.form-label{display:flex;align-items:center;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:0;font-size:var(--font-size-body-sm)}.form-label-text{display:flex;align-items:center}.form-label-required{color:var(--text-error);margin-left:.25rem}.form-label-tooltip{cursor:help;opacity:.6}.form-label-tooltip:hover{opacity:1}.form-label-tooltip-icon{width:16px;height:16px}.form-select,.form-search-input,.form-date-input,.form-textarea,.form-input{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:var(--font-size-body-sm);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-select:focus,.form-search-input:focus,.form-date-input:focus,.form-textarea:focus,.form-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.form-select:disabled,.form-search-input:disabled,.form-date-input:disabled,.form-textarea:disabled,.form-input:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.form-select::placeholder,.form-search-input::placeholder,.form-date-input::placeholder,.form-textarea::placeholder,.form-input::placeholder{color:var(--text-placeholder)}.form-select:hover:not(:disabled),.form-search-input:hover:not(:disabled),.form-date-input:hover:not(:disabled),.form-textarea:hover:not(:disabled),.form-input:hover:not(:disabled){background:var(--input-bg-hover)}.form-input--large{padding:12px;font-size:var(--font-size-body)}.form-input--disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.form-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.5}.form-textarea--resize-none{resize:none}.form-textarea--resize-vertical{resize:vertical}.form-textarea--resize-horizontal{resize:horizontal}.form-textarea--resize-both{resize:both}.form-textarea--disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.form-radio{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0}.form-radio--disabled{cursor:not-allowed;opacity:.5}.form-radio-input{position:absolute;opacity:0;pointer-events:none}.form-radio-input:checked+.form-radio-indicator{border-color:var(--link-default);background:transparent}.form-radio-input:checked+.form-radio-indicator:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.form-radio-input:focus+.form-radio-indicator{box-shadow:0 0 0 1px var(--link-default)}.form-radio-indicator{width:20px;height:20px;border-radius:50%;background:var(--input-bg);border:2px solid var(--input-border);transition:all .2s ease;position:relative;flex-shrink:0}.form-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--link-default);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .2s ease}.form-radio-label{font-size:var(--font-size-body-sm);line-height:1.4}.form-date-input-wrapper{position:relative;width:100%}.form-date-input--with-icon{padding-right:3rem}.form-date-input--disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.form-date-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:1rem;width:1.5rem;height:100%}.form-date-input::-webkit-inner-spin-button,.form-date-input::-webkit-clear-button{display:none;-webkit-appearance:none}.form-date-input-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);opacity:.5;pointer-events:none}.form-search-input-wrapper{position:relative;width:100%}.form-search-input--with-icon{padding-right:3rem}.form-search-input--disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.form-search-input-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);opacity:.5;pointer-events:none}.form-checkbox{display:flex;align-items:center;gap:var(--space-03);cursor:pointer;padding:.5rem 0}.form-checkbox--disabled{cursor:not-allowed;opacity:.5}.form-checkbox-input{position:absolute;opacity:0;pointer-events:none}.form-checkbox-input:checked+.form-checkbox-indicator{border-color:var(--link-default);background:var(--link-default)}.form-checkbox-input:checked+.form-checkbox-indicator .form-checkbox-checkmark{opacity:1;transform:scale(1)}.form-checkbox-input:focus+.form-checkbox-indicator{box-shadow:0 0 0 3px rgb(var(--border-focus-rgb, 59 130 246)/.1)}.form-checkbox-indicator{width:20px;height:20px;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);transition:all .2s ease;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.form-checkbox-checkmark{color:var(--icon-contrast);opacity:0;transform:scale(0);transition:all .2s ease}.form-checkbox-label{font-size:.875rem;line-height:1.4}.form-select-wrapper{position:relative;width:100%}.form-select{background-image:none;appearance:none;cursor:pointer}.form-select:not(.form-select--multiple){padding-right:3rem}.form-select--multiple{min-height:120px;padding:.5rem}.form-select--multiple option{padding:.5rem;margin:.25rem 0}.form-select--disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.form-select-arrow{position:absolute;top:50%;right:1rem;transform:translateY(-50%);opacity:.5;pointer-events:none}.form-field{--form-field-gap: 0;--form-field-content-gap: 0;display:flex;gap:var(--form-field-gap);margin-bottom:1rem}.form-field--row{flex-direction:row}.form-field--column{flex-direction:column}.form-field--align-start{align-items:flex-start}.form-field--align-center{align-items:center}.form-field--align-end{align-items:flex-end}.form-field--align-stretch{align-items:stretch}.form-field--justify-start{justify-content:flex-start}.form-field--justify-center{justify-content:center}.form-field--justify-end{justify-content:flex-end}.form-field--justify-between{justify-content:space-between}.form-field__content{display:flex;width:100%;gap:var(--form-field-content-gap)}.form-field__content--row{flex-direction:row}.form-field__content--column{flex-direction:column}.find-my-shade{display:block;width:100%;isolation:isolate}.find-my-shade__root{position:relative;margin-inline:auto;min-height:calc(100vh - var(--header-group-height, var(--header-height, 60px)))}@media(min-width:768px){.find-my-shade__root{height:calc(100vh - var(--header-group-height, var(--header-height, 60px)));overflow-y:auto}}.find-my-shade__loading{display:flex;align-items:center;justify-content:center;height:inherit;min-height:inherit;color:var(--text-secondary)}.find-my-shade__welcome,.find-my-shade__contact{display:flex;flex-direction:column;min-height:inherit}@media(min-width:768px){.find-my-shade__welcome,.find-my-shade__contact{flex-direction:row;height:100%}}@media(max-width:450px){.find-my-shade__contact{flex-direction:column-reverse}}.find-my-shade__welcome-media,.find-my-shade__contact-media{position:relative;overflow:hidden;aspect-ratio:1/1}@media(min-width:768px){.find-my-shade__welcome-media,.find-my-shade__contact-media{flex:1 1 50%}}@media(min-width:768px){.find-my-shade__welcome-media{aspect-ratio:auto;height:100%}}@media(min-width:768px){.find-my-shade__contact-media{aspect-ratio:auto;height:100%}}.find-my-shade__welcome-image,.find-my-shade__contact-image{display:block;width:100%;height:100%;object-fit:cover}.find-my-shade__welcome-content,.find-my-shade__contact-content{display:flex;flex-direction:column;flex:1 1 0}@media(min-width:768px){.find-my-shade__welcome-content,.find-my-shade__contact-content{flex:1 1 50%;padding:var(--space-11);align-items:center;justify-content:center;text-align:center}}.find-my-shade__welcome-heading,.find-my-shade__contact-heading{font-family:var(--font-h2--family);font-size:var(--font-h2--size);font-weight:var(--font-h2--weight);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);color:var(--color, var(--text-primary));margin:0;letter-spacing:.48px}@media(min-width:768px){.find-my-shade__welcome-heading,.find-my-shade__contact-heading{letter-spacing:.72px}}.find-my-shade__welcome-actions,.find-my-shade__contact-actions{display:flex;flex-wrap:wrap;gap:var(--space-07);justify-content:center;position:sticky;bottom:0;background:var(--bg-primary);padding:var(--space-07) var(--space-05) var(--space-10);margin-top:auto;border-top:1px solid var(--border-rest);z-index:10;width:100%}.find-my-shade__welcome-actions .button,.find-my-shade__welcome-actions .button-secondary,.find-my-shade__contact-actions .button,.find-my-shade__contact-actions .button-secondary{flex:1 1 0;min-width:0}@media(min-width:768px){.find-my-shade__welcome-actions,.find-my-shade__contact-actions{position:static;background:none;padding:0;margin-top:0;border-top:none;z-index:auto;width:auto}.find-my-shade__welcome-actions .button,.find-my-shade__welcome-actions .button-secondary,.find-my-shade__contact-actions .button,.find-my-shade__contact-actions .button-secondary{flex:0 1 auto;min-width:auto}}.find-my-shade__contact-error{order:-1;flex:0 0 100%;width:100%;margin:0;text-align:center;color:var(--text-error)}.find-my-shade__contact-skip{flex:0 0 100%;width:100%;padding:0;background:none;border:none;color:var(--text-primary);text-align:center;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast) ease}.find-my-shade__contact-skip:hover{text-decoration-color:var(--text-secondary);color:var(--text-secondary)}.find-my-shade__contact-skip:disabled{opacity:.5;cursor:default}.find-my-shade__contact-skip:disabled:hover{color:var(--text-secondary)}.find-my-shade__welcome-content-text{padding:var(--space-11) var(--space-05);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-05)}@media(min-width:768px){.find-my-shade__welcome-content-text{height:auto;padding:var(--space-07) var(--space-11)}}.find-my-shade__welcome-subheading{margin:0;color:var(--text-secondary)}.find-my-shade__runner{min-height:inherit}.find-my-shade__runner-footer{grid-column:1/-1;padding:var(--space-07) var(--space-05) var(--space-10);margin-top:auto;position:sticky;bottom:0;background:var(--bg-primary);z-index:var(--layer-sticky);border-top:1px solid var(--border-rest)}@media(min-width:768px){.find-my-shade__runner-footer{padding:var(--space-07) 0}}.find-my-shade__runner-footer-content{display:flex;flex-direction:column;gap:var(--space-07)}@media(min-width:768px){.find-my-shade__runner-footer-content{grid-column:2}}@media(min-width:1024px){.find-my-shade__runner-footer-content{flex-direction:row;align-items:center;gap:var(--space-10)}}@media(min-width:1200px){.find-my-shade__runner-footer-content{gap:var(--space-15)}}.find-my-shade__runner-actions{display:flex;gap:var(--space-04)}.find-my-shade__runner-actions .button,.find-my-shade__runner-actions .button-secondary{flex:1 1 0;min-width:0}@media(min-width:768px){.find-my-shade__runner-actions{justify-content:flex-end;margin-left:auto}.find-my-shade__runner-actions .button,.find-my-shade__runner-actions .button-secondary{flex:0 1 auto;min-width:auto;width:190px}}.find-my-shade__question{display:flex;flex-direction:column;padding-block:var(--space-07)}@media(min-width:768px){.find-my-shade__question{text-align:center;align-items:center;justify-content:center}}.find-my-shade__question-text{margin:0 0 .25em;font-family:var(--font-h4--family);font-size:var(--font-h4--size);font-weight:var(--font-h4--weight);line-height:var(--font-h4--line-height);letter-spacing:var(--font-h4--letter-spacing);color:var(--color, var(--text-primary));text-transform:uppercase}@media(min-width:768px){.find-my-shade__question-text{padding-top:var(--space-07);margin-bottom:var(--space-07)}}.find-my-shade__answers{display:flex;gap:var(--space-05);justify-content:center;margin-top:var(--space-07)}.find-my-shade__answers--vertical{flex-direction:column;align-items:stretch;margin-inline:auto;width:100%}@media(min-width:768px){.find-my-shade__answers--vertical{align-items:center}.find-my-shade__answers--vertical .find-my-shade__answer{width:240px;padding:var(--space-02) var(--space-05)}}.find-my-shade__answers--horizontal{flex-direction:row;flex-wrap:nowrap;gap:0;width:100%;max-width:965px;margin-inline:auto}@media(max-width:767px){.find-my-shade__answers--horizontal:has(.find-my-shade__answer--with-image){display:grid;grid-template-columns:1fr 1fr}.find-my-shade__answers--horizontal:has(.find-my-shade__answer--with-image) .find-my-shade__answer--with-image{aspect-ratio:1/1}.find-my-shade__answers--horizontal:has(.find-my-shade__answer--with-image) .find-my-shade__answer--with-image .find-my-shade__answer-image{width:100%;height:100%;object-fit:cover}}@media(max-width:450px){.find-my-shade__answers--horizontal:has(.find-my-shade__answer--with-image){grid-template-columns:repeat(4,1fr)}}.find-my-shade__answers--title-description{flex-direction:column;align-items:stretch;gap:var(--space-05);width:100%;margin-inline:auto}@media(min-width:768px){.find-my-shade__answers--title-description{flex-direction:row;align-items:stretch;gap:var(--space-07)}}.find-my-shade__answers--title-description .find-my-shade__answer{text-align:left}@media(min-width:768px){.find-my-shade__answers--title-description .find-my-shade__answer{width:30%}}.find-my-shade__answers--dim-unselected .find-my-shade__answer--with-image{transition:opacity .2s ease,filter .2s ease}.find-my-shade__answers--dim-unselected .find-my-shade__answer--with-image:not(.find-my-shade__answer--selected){opacity:.35}.find-my-shade__answer{appearance:none;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-rest);border-radius:2px;padding:var(--space-03) var(--space-05);cursor:pointer;font:inherit;transition:background-color .15s ease,border-color .15s ease}@media(hover:hover){.find-my-shade__answer:hover{border-color:var(--border-rest-dark)}}.find-my-shade__answer--selected{border-color:var(--border-rest-dark)}.find-my-shade__answer--with-image{padding:0;background:transparent;border:2px solid transparent;display:flex;flex:1 1 0;line-height:0}@media(min-width:768px){.find-my-shade__answer--with-image{aspect-ratio:10/17}}@media(hover:hover){.find-my-shade__answer--with-image:hover{border-color:var(--border-rest-dark)}}.find-my-shade__answer--with-image.find-my-shade__answer--selected{background:transparent;border-color:var(--border-rest-dark)}.find-my-shade__answer:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:1px}.find-my-shade__answer--card{display:flex;flex-direction:column;gap:var(--space-03);text-align:left;padding:var(--space-05);border:1px solid var(--border-rest);background:var(--bg-primary)}@media(hover:hover){.find-my-shade__answer--card:hover{border-color:var(--border-rest-dark)}}.find-my-shade__answer--card.find-my-shade__answer--selected{border-color:var(--border-rest-dark)}.find-my-shade__answer-title{text-transform:uppercase}.find-my-shade__answer-body{line-height:28px}@media(max-width:450px){.find-my-shade__answer-title,.find-my-shade__answer-body{font-size:11px;line-height:15px}}.find-my-shade__answer-image{display:flex;width:100%;height:auto;object-fit:cover}.find-my-shade__strip-label-container{display:none}@media(min-width:768px){.find-my-shade__strip-label-container{display:block;margin-bottom:var(--space-02);text-align:left}}.find-my-shade__strip{width:100%;max-width:800px;margin-inline:auto;margin-top:var(--space-07)}.find-my-shade__strip .swiper{width:100%;padding:2px}.find-my-shade__strip .swiper-wrapper{gap:0}.find-my-shade__strip .swiper-slide{margin-right:0}.find-my-shade__strip .swiper-slide .find-my-shade__answer{width:100%;aspect-ratio:1/1;height:auto;display:flex}@media(min-width:768px){.find-my-shade__strip .swiper-slide .find-my-shade__answer{height:40px}}.find-my-shade__strip .swiper-slide .find-my-shade__answer-image{width:100%;height:100%;object-fit:cover}.find-my-shade__strip .swiper-slide button:hover{transform:none}.find-my-shade__strip{max-width:none;width:100vw;margin-left:calc(-50vw + 50%)}@media(min-width:768px){.find-my-shade__strip{max-width:100%;width:100%;margin-left:auto;margin-right:auto}}.find-my-shade__preview-area{display:flex;align-items:center;gap:0;width:100%;overflow:visible}@media(min-width:768px){.find-my-shade__preview-area{gap:var(--space-02);margin-inline:auto;overflow:hidden;justify-content:space-between;margin-top:var(--space-11)}}.find-my-shade__preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;gap:var(--space-03)}@media(max-width:450px){.find-my-shade__preview-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.find-my-shade__preview-grid{display:flex;flex:1 1 auto;min-width:0;width:auto}}@media(min-width:1024px){.find-my-shade__preview-grid{max-width:650px;gap:var(--space-01)}}.find-my-shade__preview-empty{display:flex;min-height:200px;justify-content:center;align-items:center;grid-column:span 2}.find-my-shade__preview-item{aspect-ratio:1/1;overflow:hidden}@media(min-width:768px){.find-my-shade__preview-item{flex:1 1 0;min-width:0;aspect-ratio:10/17}}.find-my-shade__nav-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s ease,background-color .15s ease;padding:0}.find-my-shade__nav-button:disabled{cursor:not-allowed;background:var(--bg-disabled)}.find-my-shade__nav-button:disabled svg{color:var(--text-disabled)}.find-my-shade__nav-button:focus-visible{outline:var(--focus-ring-width) solid var(--border-focus);outline-offset:1px}.find-my-shade__nav-button--side{flex:0 0 auto;width:40px;height:40px;background:var(--bg-rest-dark);color:var(--text-contrast);border:none}@media(min-width:1024px){.find-my-shade__nav-button--side{width:48px;height:48px}}.find-my-shade__nav-button--side:hover:not(:disabled){background:var(--bg-hover-dark, var(--bg-rest-dark))}.find-my-shade__nav-button--side{display:none}@media(min-width:768px){.find-my-shade__nav-button--side{display:inline-flex}}.find-my-shade__strip-scrollbar{display:flex;align-items:center;gap:var(--space-05);width:100%;max-width:800px;margin:var(--space-07) auto var(--space-05)}@media(min-width:768px){.find-my-shade__strip-scrollbar--mobile{display:none}}@media(max-width:450px){.find-my-shade__strip-scrollbar--mobile{margin:var(--space-07) auto var(--space-07)}}.find-my-shade__strip-scrollbar-track{position:relative;flex:1 1 auto;height:4px;background:var(--bg-disabled-dark);border-radius:2px;cursor:pointer;touch-action:none;margin-right:var(--space-03)}.find-my-shade__strip-scrollbar-thumb{position:absolute;top:50%;transform:translateY(-50%);height:4px;background:var(--bg-pressed-dark);border-radius:2px;pointer-events:none}.find-my-shade__nav-button--compact{flex:0 0 auto;width:36px;height:36px;background:transparent;color:var(--text-primary);border:none;border-radius:0}.find-my-shade__nav-button--compact:hover:not(:disabled){color:var(--text-primary)}.find-my-shade__nav-button--compact svg{width:18px;height:18px}.find-my-shade__preview-image{display:block;width:100%;height:100%;object-fit:cover}.find-my-shade__preview-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-secondary);text-align:center;padding:var(--space-02)}.find-my-shade__preview-empty{margin:0 auto;color:var(--text-secondary);text-align:center}.find-my-shade__question-description{margin:0}@media(min-width:768px){.find-my-shade__question-description{margin-bottom:var(--space-07)}}.find-my-shade__progress{display:flex;margin:0;padding:0;list-style:none;flex-wrap:nowrap;width:100%;overflow:hidden}.find-my-shade__progress-step{display:inline-flex;align-items:center;gap:6px;flex:1 1 0;padding:var(--space-05) var(--space-02) 0;border-top:2px solid var(--border-rest)}.find-my-shade__progress-step--active{color:var(--text-primary);border-top-color:var(--text-primary)}.find-my-shade__progress-step--active .find-my-shade__progress-dot{width:8px;height:8px;background:var(--text-primary);border:2px solid var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px var(--text-primary)}@media(min-width:768px){.find-my-shade__progress-step--active .find-my-shade__progress-dot{box-shadow:0 0 0 3px var(--bg-primary),0 0 0 4px var(--text-primary)}}.find-my-shade__progress-step--active .find-my-shade__progress-label{margin-left:6px}.find-my-shade__progress-step--complete{color:var(--text-primary);border-top-color:var(--text-primary)}.find-my-shade__progress-step--complete .find-my-shade__progress-dot{background:var(--text-primary);border-color:var(--text-primary);border-style:solid}.find-my-shade__progress-step--complete .check-icon{min-width:14px;min-height:14px;max-width:14px;max-height:14px}@media(min-width:768px){.find-my-shade__progress-step--complete .check-icon{min-width:16px;min-height:16px;max-width:16px;max-height:16px}}@media(max-width:767px){.find-my-shade__progress-step:last-child{justify-content:flex-end}}.find-my-shade__progress-dot{width:14px;height:14px;border-radius:50%;border:1px dashed currentColor;background:transparent;flex-shrink:0}@media(min-width:768px){.find-my-shade__progress-dot{width:16px;height:16px}}.find-my-shade__progress-label{line-height:1}@media(max-width:420px){.find-my-shade__progress-label{font-size:10px}}.find-my-shade__contact-form{display:flex;flex-direction:column}.find-my-shade__contact-form-content{padding:var(--space-11) var(--space-05);height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-07);width:100%;margin-inline:auto}.find-my-shade__contact-heading{text-align:center}.find-my-shade__contact-fields{display:flex;flex-direction:column;gap:var(--space-05)}.find-my-shade__contact-row{display:flex;gap:var(--space-05)}.find-my-shade__contact-row>.find-my-shade__contact-field{flex:1 1 0;min-width:0}.find-my-shade__contact-field{display:flex;flex-direction:column;text-align:left}.find-my-shade__contact-label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.find-my-shade__contact-input{appearance:none;width:100%;height:48px;padding:0 var(--space-05);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-rest);border-radius:0}.find-my-shade__contact-input::placeholder{color:var(--text-placeholder, var(--text-secondary));text-transform:uppercase}.find-my-shade__contact-input:focus-visible{outline:none;border-color:var(--border-focus)}.find-my-shade__contact-helper{margin:0;margin-top:var(--space-02);color:var(--text-secondary)}.find-my-shade__contact-artist-checkbox{padding:0}.find-my-shade__contact-artist-checkbox .form-checkbox-indicator{width:16px;height:16px}.find-my-shade__results{display:flex;flex-direction:column;gap:var(--space-08);padding-block:var(--space-08);min-height:inherit}.find-my-shade__results-header{display:flex;flex-direction:column;gap:var(--space-02)}.find-my-shade__results-header h1{margin:0}.find-my-shade__results-header p{margin:0;color:var(--text-secondary)}.find-my-shade__results-debug{background:var(--bg-secondary);padding:var(--space-04);border-radius:2px;overflow-x:auto}.find-my-shade__results-actions{display:flex;gap:var(--space-04)}@media(max-width:767px){body:has(.find-my-shade) .announcement-bar{display:none}}