#skin-checker,#skin-checker~dialog{--step-0:clamp(1rem, 0.9821rem + 0.0893vw, 1.0625rem);--step-1:clamp(1.125rem, 1.0821rem + 0.2143vw, 1.275rem);--step-2:clamp(1.2656rem, 1.1901rem + 0.3777vw, 1.53rem);--step-3:clamp(1.4238rem, 1.3061rem + 0.5888vw, 1.836rem);--step-4:clamp(1.6018rem, 1.43rem + 0.8591vw, 2.2032rem);--step-5:clamp(1.802rem, 1.5615rem + 1.2026vw, 2.6438rem);--step-6:clamp(2.0273rem, 1.7001rem + 1.6362vw, 3.1726rem);--fw-light:100;--fw-regular:400;--fw-bold:700;--uppercase-kerning:0.25ch;--leading-micro:0.85;--leading-flat:1;--leading-fine:1.3;--leading-standard:1.6;--leading-loose:1.9;--space-3xs:clamp(0.25rem, 0.25rem + 0vw, 0.25rem);--space-2xs:clamp(0.5rem, 0.4821rem + 0.0893vw, 0.5625rem);--space-xs:clamp(0.75rem, 0.7321rem + 0.0893vw, 0.8125rem);--space-s:clamp(1rem, 0.9821rem + 0.0893vw, 1.0625rem);--space-m:clamp(1.5rem, 1.4643rem + 0.1786vw, 1.625rem);--space-l:clamp(2rem, 1.9643rem + 0.1786vw, 2.125rem);--space-xl:clamp(3rem, 2.9464rem + 0.2679vw, 3.1875rem);--space-2xl:clamp(4rem, 3.9286rem + 0.3571vw, 4.25rem);--space-3xl:clamp(6rem, 5.8929rem + 0.5357vw, 6.375rem);--space-s-xl:clamp(0.625rem, -0.1429rem + 3.8393vw, 3.3125rem);--clr-boots-blue:#05054b;--clr-boots-accent:#0067b2;--clr-neutral-000:#fff;--clr-neutral-100:#f8f4f1;--clr-neutral-200:#f1e6df;--clr-neutral-300:#decac0;--clr-neutral-400:#baada6;--clr-warning-level1-light:#f7f3ef;--clr-warning-level1-dark:#f1e6df;--clr-warning-level2-dark:#f1c85c;--clr-warning-level2-medium:#f9e9b9;--clr-warning-level2-light:#fcf3dc;--clr-warning-level3-dark:#da807c;--clr-warning-level3-medium:#efcece;--clr-warning-level3-light:#f8e9e8;--clr-hightlight:#d8221f;--clr-disabled:#949494;--shadow-color:var(--clr-boots-blue);--shadow-elevation-low:0.3px 0.5px 0.8px oklch(from var(--shadow-color) l c h / 10%),
    0.8px 1.6px 2.5px -1.2px oklch(from var(--shadow-color) l c h / 30%);--shadow-elevation-medium:0.3px 0.5px 0.8px oklch(from var(--shadow-color) l c h / 10%),
    1.3px 2.6px 4px -0.4px oklch(from var(--shadow-color) l c h / 20%),
    3.9px 7.9px 12.1px -0.8px oklch(from var(--shadow-color) l c h / 35%);--shadow-elevation-medium-reverse:0px -0.8px 1px hsl(var(--shadow-color) / 16%),
    0px -2.8px 3.6px -0.5px hsl(var(--shadow-color) / 22%),
    -0.1px -6.1px 7.9px -0.9px hsl(var(--shadow-color) / 28%),
    -0.2px -13.5px 17.4px -1.4px hsl(var(--shadow-color) / 34%);--border-radius:5px;min-block-size:100dvh;font-family:BootsSharp,sans-serif,system-ui;font-size:var(--step-0);font-weight:var(--fw-light);line-height:var(--leading-standard);color:var(--clr-boots-blue);background-color:var(--clr-neutral-000);max-inline-size:64rem;-webkit-font-smoothing:antialiased;interpolate-size:allow-keywords}#skin-checker *,#skin-checker *::before,#skin-checker *::after,#skin-checker~dialog *,#skin-checker~dialog *::before,#skin-checker~dialog *::after{box-sizing:border-box}#skin-checker *,#skin-checker~dialog *{margin:0}#skin-checker img,#skin-checker picture,#skin-checker video,#skin-checker canvas,#skin-checker svg,#skin-checker audio,#skin-checker iframe,#skin-checker~dialog img,#skin-checker~dialog picture,#skin-checker~dialog video,#skin-checker~dialog canvas,#skin-checker~dialog svg,#skin-checker~dialog audio,#skin-checker~dialog iframe{display:block;max-inline-size:100%;block-size:auto;object-fit:cover;object-position:center}#skin-checker input,#skin-checker button,#skin-checker textarea,#skin-checker select,#skin-checker~dialog input,#skin-checker~dialog button,#skin-checker~dialog textarea,#skin-checker~dialog select{font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit;color:inherit}#skin-checker a[href],#skin-checker area,#skin-checker button,#skin-checker input,#skin-checker label[for],#skin-checker select,#skin-checker summary,#skin-checker textarea,#skin-checker~dialog a[href],#skin-checker~dialog area,#skin-checker~dialog button,#skin-checker~dialog input,#skin-checker~dialog label[for],#skin-checker~dialog select,#skin-checker~dialog summary,#skin-checker~dialog textarea{cursor:pointer;touch-action:manipulation}#skin-checker input[type=file],#skin-checker~dialog input[type=file]{cursor:auto}#skin-checker input[type=file]::-webkit-file-upload-button,#skin-checker input[type=file]::file-selector-button,#skin-checker button,#skin-checker summary,#skin-checker~dialog input[type=file]::-webkit-file-upload-button,#skin-checker~dialog input[type=file]::file-selector-button,#skin-checker~dialog button,#skin-checker~dialog summary{cursor:pointer}#skin-checker button,#skin-checker button[type],#skin-checker input[type=button],#skin-checker input[type=submit],#skin-checker input[type=reset],#skin-checker input[type=file]::-webkit-file-upload-button,#skin-checker input[type=file]::file-selector-button,#skin-checker~dialog button,#skin-checker~dialog button[type],#skin-checker~dialog input[type=button],#skin-checker~dialog input[type=submit],#skin-checker~dialog input[type=reset],#skin-checker~dialog input[type=file]::-webkit-file-upload-button,#skin-checker~dialog input[type=file]::file-selector-button{user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#skin-checker ul,#skin-checker li,#skin-checker~dialog ul,#skin-checker~dialog li{line-height:var(--leading-fine)}#skin-checker details>summary,#skin-checker~dialog details>summary{list-style:none}#skin-checker details>summary::marker,#skin-checker details>summary::-webkit-details-marker,#skin-checker~dialog details>summary::marker,#skin-checker~dialog details>summary::-webkit-details-marker{display:none}#skin-checker h1,#skin-checker .h1,#skin-checker h2,#skin-checker .h2,#skin-checker h3,#skin-checker .h3,#skin-checker~dialog h1,#skin-checker~dialog .h1,#skin-checker~dialog h2,#skin-checker~dialog .h2,#skin-checker~dialog h3,#skin-checker~dialog .h3{max-inline-size:55ch;margin-inline:auto;font-weight:var(--fw-regular);letter-spacing:initial;line-height:var(--leading-fine);text-align:center;text-transform:initial;overflow-wrap:break-word;text-wrap:balance}#skin-checker h1,#skin-checker .h1,#skin-checker~dialog h1,#skin-checker~dialog .h1{font-size:var(--step-6)}#skin-checker h2,#skin-checker .h2,#skin-checker~dialog h2,#skin-checker~dialog .h2{position:relative;min-inline-size:100%;font-size:var(--step-2);font-weight:var(--fw-bold)}#skin-checker .disclaimer-section,#skin-checker~dialog .disclaimer-section{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:3rem}#skin-checker .disclaimer-section .title,#skin-checker~dialog .disclaimer-section .title{justify-self:center;text-align:center;padding-left:2px}#skin-checker .disclaimer-section .text.back,#skin-checker~dialog .disclaimer-section .text.back{position:static;inset:auto}#skin-checker .disclaimer-section #photo-tips-trigger,#skin-checker~dialog .disclaimer-section #photo-tips-trigger{--button-inline-size:auto;white-space:nowrap;padding-inline:.75rem;overflow:hidden;text-overflow:ellipsis}#skin-checker h3,#skin-checker .h3,#skin-checker~dialog h3,#skin-checker~dialog .h3{font-size:var(--step-1);font-weight:var(--fw-regular)}#skin-checker p,#skin-checker~dialog p{font-size:var(--step-0);line-height:var(--leading-standard)}#skin-checker span,#skin-checker~dialog span{line-height:var(--leading-standard)}#skin-checker span[role=link],#skin-checker a,#skin-checker~dialog span[role=link],#skin-checker~dialog a{text-decoration:underline;text-underline-offset:.1lh;color:var(--clr-boots-accent);cursor:pointer}#skin-checker span[role=link]:is(:hover,:focus),#skin-checker a:is(:hover,:focus),#skin-checker~dialog span[role=link]:is(:hover,:focus),#skin-checker~dialog a:is(:hover,:focus){text-underline-offset:.15lh}#skin-checker :focus,#skin-checker~dialog :focus{outline:none}#skin-checker :focus-visible,#skin-checker~dialog :focus-visible{outline:2px solid var(--focus-color,var(--clr-boots-blue));outline-offset:var(--focus-offset,2px)}#skin-checker :where(p,div,span):empty,#skin-checker~dialog :where(p,div,span):empty{display:none!important}#skin-checker>section,#skin-checker~dialog>section{display:none}#skin-checker.start [data-stage=start],#skin-checker.before-you-start [data-stage=before-you-start],#skin-checker.disclaimer [data-stage=disclaimer],#skin-checker.analysis [data-stage=analysis],#skin-checker.results [data-stage=results],#skin-checker~dialog.start [data-stage=start],#skin-checker~dialog.before-you-start [data-stage=before-you-start],#skin-checker~dialog.disclaimer [data-stage=disclaimer],#skin-checker~dialog.analysis [data-stage=analysis],#skin-checker~dialog.results [data-stage=results]{position:relative;display:flex;min-block-size:100dvh;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background-color:var(--clr-neutral-000)}#skin-checker.disclaimer [data-stage=disclaimer],#skin-checker~dialog.disclaimer [data-stage=disclaimer]{align-items:start;text-align:start}#skin-checker.disclaimer [data-stage=disclaimer] .before-you-start-image img,#skin-checker~dialog.disclaimer [data-stage=disclaimer] .before-you-start-image img{margin-inline:auto;display:block}#skin-checker .centred,#skin-checker~dialog .centred{display:grid;grid-template-columns:1fr min(36rem,100%)1fr}#skin-checker .centred>*,#skin-checker~dialog .centred>*{grid-column:2}#skin-checker .flow>*+*,#skin-checker~dialog .flow>*+*{margin-block-start:var(--flow,var(--space-s,1rem))}#skin-checker .box,#skin-checker~dialog .box{inline-size:100%;padding-inline:var(--padding-inline,var(--space-s));padding-block:var(--padding-block,var(--space-s));flex-direction:column;align-items:center;text-align:center;background-color:var(--background,var(--clr-neutral-300))}#skin-checker .visually-hidden,#skin-checker~dialog .visually-hidden{position:absolute;inline-size:1px;block-size:0;margin:0;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0)}#skin-checker .bottom-center,#skin-checker~dialog .bottom-center{margin-inline:auto;margin-block:auto var(--space-m);padding-block-start:var(--space-s)}#skin-checker .cta,#skin-checker~dialog .cta{--button-padding:0.5rem 1rem;--button-gap:0.25em;--button-bg:var(--clr-boots-accent);--button-color:var(--clr-neutral-000);--button-hover-bg:var(--clr-neutral-000);--button-hover-color:var(--clr-boots-accent);--button-border-width:var(--border, 1px);--button-border-color:var(--clr-boots-accent);--button-radius:var(--border-radius);--default-duration:250ms;--default-curve:cubic-bezier(0.175, 0.885, 0.32, 1.275);display:inline-flex;inline-size:var(--button-inline-size,100%);padding:var(--button-padding);border-width:var(--button-border-width);border-style:solid;border-color:var(--button-border-color);border-radius:var(--button-radius);align-items:center;justify-content:var(--alignment,center);justify-content:center;gap:var(--button-gap);font-size:var(--button-font-size,var(--step-1));font-weight:var(--button-font-weight,var(--fw-regular));letter-spacing:.5px;line-height:var(--uppercase-fine);text-align:center;text-decoration:none;color:var(--button-color);background:var(--button-bg);box-shadow:var(--shadow-elevation-low);filter:brightness(100%);scale:100%;transition:all;transition-duration:var(--default-duration);transition-timing-function:var(--default-curve);text-box:trim-both cap alphabetic;will-change:transform}#skin-checker .cta>span,#skin-checker~dialog .cta>span{font-weight:var(--button-font-weight,var(--fw-regular))}#skin-checker .cta:is(:hover),#skin-checker~dialog .cta:is(:hover){border-color:var(--button-hover-color);color:var(--button-hover-color);background:var(--button-hover-bg);box-shadow:var(--shadow-elevation-medium);filter:brightness(105%)}#skin-checker .cta>*,#skin-checker~dialog .cta>*{color:inherit}#skin-checker .cta svg,#skin-checker~dialog .cta svg{inline-size:auto;block-size:var(--button-icon-size,1.2cap);flex:none}#skin-checker .cta[disabled],#skin-checker~dialog .cta[disabled]{border:1px solid var(--clr-disabled);background-color:var(--clr-disabled);cursor:not-allowed;pointer-events:none}#skin-checker .add-photo,#skin-checker~dialog .add-photo{--button-padding:0}#skin-checker .add-photo span,#skin-checker~dialog .add-photo span{inline-size:100%;block-size:100%;padding-inline:1rem;padding-block:.5rem;text-align:center}#skin-checker .outline,#skin-checker~dialog .outline{--button-border-color:var(--clr-boots-accent);--button-color:var(--clr-boots-accent);--button-bg:var(--clr-neutral-000)}#skin-checker .outline:is(:hover),#skin-checker~dialog .outline:is(:hover){--button-color:var(--clr-neutral-000);--button-bg:var(--clr-boots-accent)}#skin-checker .text,#skin-checker~dialog .text{--button-border-color:transparent;--button-color:var(--clr-boots-blue);--button-bg:transparent;--button-padding:0;--button-inline-size:calc(min-content + 20px);--button-hover-bg:transparent;--button-hover-color:var(--clr-boots-accent);block-size:100%;box-shadow:0 0}#skin-checker .text.back,#skin-checker~dialog .text.back{position:absolute;inset-inline-start:0;inset-block-start:0}#skin-checker .text.restart,#skin-checker~dialog .text.restart{position:absolute;inset-inline-end:0;inset-block-start:0}#skin-checker .text.dialog,#skin-checker~dialog .text.dialog{--button-color:var(--clr-boots-accent);display:flex;margin-inline:auto;text-decoration:underline;text-underline-offset:.1lh}#skin-checker .text:is(:hover,:focus),#skin-checker~dialog .text:is(:hover,:focus){border:1px solid transparent;text-underline-offset:.15lh;box-shadow:0 0}#skin-checker .free-wrapper,#skin-checker~dialog .free-wrapper{position:relative;max-block-size:min(55dvh,50rem);overflow:hidden}#skin-checker .free-wrapper .corner,#skin-checker~dialog .free-wrapper .corner{position:absolute;inset-inline-start:0;inset-block-start:0;display:grid;inline-size:min(35dvw,13rem);aspect-ratio:1;place-items:center;background-color:var(--clr-hightlight);clip-path:polygon(0 0,100% 0,0 100%)}#skin-checker .free-wrapper .corner span,#skin-checker~dialog .free-wrapper .corner span{display:block;font-size:clamp(1.5rem,.8036rem + 2.2321vw,2.8125rem);font-size:clamp(1.5rem,1.125rem + 3vw,3rem);font-weight:var(--fw-bold);letter-spacing:var(--uppercase-kerning);text-transform:uppercase;color:var(--clr-neutral-000);background-color:transparent;transform:translate(-15%,-45%)rotate(-45deg)}#skin-checker .warning-box,#skin-checker~dialog .warning-box{display:flex;padding:var(--space-xs);border-radius:var(--border-radius);align-items:var(--icon-alignment,center);gap:var(--space-xs);text-align:start;background-color:var(--box-background,var(--clr-neutral-200))}#skin-checker .warning-box>p,#skin-checker~dialog .warning-box>p{font-weight:var(--fw-regular);line-height:var(--leading-fine)}#skin-checker .icon-wrapper,#skin-checker~dialog .icon-wrapper{display:grid;min-inline-size:2.25rem;aspect-ratio:1;border-radius:9999px;place-items:center;background-color:var(--icon-background,var(--clr-neutral-000))}#skin-checker .icon-wrapper>svg,#skin-checker~dialog .icon-wrapper>svg{transform:translateY(-1px)}#skin-checker .image-preview,#skin-checker~dialog .image-preview{position:relative;min-inline-size:100%;block-size:min(70rem,30dvh);border-radius:var(--border-radius);flex-shrink:0;overflow:hidden;background-color:var(--clr-neutral-200)}#skin-checker .image-preview img,#skin-checker~dialog .image-preview img{inline-size:100%;block-size:inherit;object-fit:cover;object-position:center}#skin-checker label,#skin-checker~dialog label{--flow:var(--space-l);display:flex;align-items:center;gap:var(--space-xs);line-height:var(--leading-fine)}#skin-checker label span,#skin-checker~dialog label span{text-align:start}#skin-checker label input[type=checkbox],#skin-checker~dialog label input[type=checkbox]{min-inline-size:1.5em;aspect-ratio:1;accent-color:var(--clr-boots-accent)}#skin-checker .sticky-footer,#skin-checker~dialog .sticky-footer{--button-inline-size:min(100%, 25rem);position:sticky;inset-block-end:0;display:flex;margin-block-start:auto;flex-flow:row wrap;align-items:center;justify-content:center;gap:var(--space-s-xl);background-color:var(--footer-background,var(--clr-neutral-400));box-shadow:1px 0 10px 0 var(--clr-neutral-400)}#skin-checker .sticky-footer>.h3,#skin-checker~dialog .sticky-footer>.h3{margin-inline:0}#skin-checker li:has(.cancer),#skin-checker~dialog li:has(.cancer){--box-background:var(--clr-warning-level3-light);--icon-background:var(--clr-warning-level3-dark);--risk-background:var(--clr-warning-level3-medium)}#skin-checker li:has(.benign),#skin-checker~dialog li:has(.benign){--box-background:var(--clr-warning-level2-light);--icon-background:var(--clr-warning-level2-dark);--risk-background:var(--clr-warning-level2-medium)}#skin-checker li:has(.non-cancer),#skin-checker~dialog li:has(.non-cancer){--box-background:var(--clr-warning-level1-light);--icon-background:var(--clr-warning-level1-dark)}#skin-checker .fitzpatrick,#skin-checker~dialog .fitzpatrick{--icon-background:var(--clr-neutral-400)}#skin-checker .returned-results,#skin-checker~dialog .returned-results{display:flex;inline-size:100%;flex-direction:column;justify-content:space-between;text-align:start;color:inherit;list-style:none}#skin-checker .returned-results>li,#skin-checker~dialog .returned-results>li{--icon-alignment:start;position:relative;border-radius:var(--border-radius);background-color:var(--risk-background,var(--clr-neutral-200));box-shadow:var(--shadow-elevation-low);transition:box-shadow 250ms cubic-bezier(.175,.885,.32,1.275);counter-increment:item}#skin-checker .returned-results>li:hover,#skin-checker~dialog .returned-results>li:hover{box-shadow:var(--shadow-elevation-medium)}#skin-checker .returned-results details,#skin-checker~dialog .returned-results details{--padding-block:0;overflow:hidden}#skin-checker .returned-results details summary,#skin-checker~dialog .returned-results details summary{display:flex;align-items:center;justify-content:space-between;font-size:var(--step-1);font-weight:var(--fw-regular)}#skin-checker .returned-results details summary div,#skin-checker~dialog .returned-results details summary div{inline-size:100%;padding-inline:var(--space-s);padding-inline-start:var(--space-2xl);padding-block:var(--space-s)}#skin-checker .returned-results details summary svg,#skin-checker~dialog .returned-results details summary svg{transform:translateX(calc(var(--space-s) * -1))}#skin-checker .returned-results details summary::before,#skin-checker~dialog .returned-results details summary::before{position:absolute;inset-inline-start:var(--space-s);display:grid;block-size:2.4rem;aspect-ratio:1;border-radius:9999px;place-items:center;font-weight:var(--fw-regular);color:#05054b;background-color:var(--clr-neutral-000);content:counter(item)}#skin-checker .returned-results details>div,#skin-checker~dialog .returned-results details>div{padding-inline:var(--space-s);padding-block:var(--space-s);align-items:stretch;text-align:start}#skin-checker .returned-results details>div:last-child,#skin-checker~dialog .returned-results details>div:last-child{padding-block-end:var(--space-s)}#skin-checker .returned-results details ul,#skin-checker~dialog .returned-results details ul{text-align:center;list-style:none}#skin-checker .returned-results details .risk-message,#skin-checker~dialog .returned-results details .risk-message{margin-block-end:var(--flow,var(--space-s))}#skin-checker .returned-results details .description span,#skin-checker~dialog .returned-results details .description span{font-weight:var(--fw-light);text-align:start;text-decoration:underline;text-underline-offset:.1lh;color:var(--clr-boots-accent);cursor:pointer}#skin-checker .returned-results details .description span:is(:hover,:focus),#skin-checker~dialog .returned-results details .description span:is(:hover,:focus){text-underline-offset:.15lh}#skin-checker .returned-results details li.bootsService,#skin-checker .returned-results details li.bodService,#skin-checker~dialog .returned-results details li.bootsService,#skin-checker~dialog .returned-results details li.bodService{min-inline-size:100%;border:1px solid var(--clr-boots-accent);border-radius:var(--border-radius);color:var(--clr-boots-accent);background-color:var(--clr-neutral-000);box-shadow:var(--shadow-elevation-low);transition:box-shadow 250ms cubic-bezier(.175,.885,.32,1.275)}#skin-checker .returned-results details li.bootsService span,#skin-checker .returned-results details li.bodService span,#skin-checker~dialog .returned-results details li.bootsService span,#skin-checker~dialog .returned-results details li.bodService span{display:block;padding-inline:.8em;padding-block:.7em;font-size:var(--step-1);font-weight:var(--fw-regular);text-decoration:none}#skin-checker .returned-results details li.bootsService:hover,#skin-checker .returned-results details li.bodService:hover,#skin-checker~dialog .returned-results details li.bootsService:hover,#skin-checker~dialog .returned-results details li.bodService:hover{box-shadow:var(--shadow-elevation-medium)}#skin-checker .returned-results details li.bootsProduct,#skin-checker~dialog .returned-results details li.bootsProduct{font-size:var(--step-1);font-weight:var(--fw-regular);color:var(--clr-boots-accent);transition:color 250ms cubic-bezier(.175,.885,.32,1.275)}#skin-checker .returned-results details li.bootsProduct:hover>span,#skin-checker~dialog .returned-results details li.bootsProduct:hover>span{color:var(--clr-boots-blue)}#skin-checker .returned-results details::details-content,#skin-checker~dialog .returned-results details::details-content{block-size:0;transition:block-size 500ms cubic-bezier(.175,.885,.32,1.275),content-visibility 500ms cubic-bezier(.175,.885,.32,1.275);transition-behavior:allow-discrete}#skin-checker .returned-results details[open]::details-content,#skin-checker~dialog .returned-results details[open]::details-content{block-size:auto}#skin-checker .returned-results details .vertical-line,#skin-checker~dialog .returned-results details .vertical-line{transform:rotate(0);transform-origin:center;transition:all 500ms cubic-bezier(.175,.885,.32,1.275)}#skin-checker .returned-results details[open] .vertical-line,#skin-checker~dialog .returned-results details[open] .vertical-line{transform:rotate(90deg)}#skin-checker:has(~dialog) .scanning::before{position:absolute;inset-inline-start:0;inset-block:0;inline-size:2px;background:#fff;box-shadow:0 0 10px 5px #fff;clip-path:inset(0);animation:x 2s ease-in-out infinite alternate,y 4s ease-in-out infinite;content:""}@keyframes x{to{inset-inline-start:100%;transform:translateX(-100%)}}@keyframes y{33%{clip-path:inset(0 0 0 -100px)}50%{clip-path:inset(0 0 0 0)}83%{clip-path:inset(0 -100px 0 0)}}#skin-checker:has(~dialog[open]) .scanning::before{animation:x 2s ease-in-out 1 alternate forwards,y 4s ease-in-out 1 forwards}dialog[open]{opacity:1}dialog{box-sizing:border-box;inline-size:min(90dvw,30rem);min-block-size:fit-content!important;opacity:0;transition:opacity 300ms ease-out,overlay 300ms ease-out allow-discrete,display 300ms ease-out allow-discrete}dialog li{text-align:inline-start}dialog .message{--background:var(--clr-neutral-200);border-radius:var(--border-radius)}@starting-style{dialog[open] {
    opacity: 0;
  }
}dialog::backdrop{background-color:transparent;transition:display 300ms allow-discrete,overlay 300ms allow-discrete,background-color 300ms}dialog[open]::backdrop{background-color:rgba(0,0,0,.4)}@starting-style{dialog[open]::backdrop {
    background-color: rgba(0, 0, 0, 0);
  }
}.photo-tips-modal:not([open]){display:none!important}.photo-tips-modal{width:100%;height:90%;max-width:560px;margin:auto;padding:1rem;border:none;border-radius:8px;background:#fff;color:#000;display:flex;justify-content:center}.photo-tips-modal .dialog-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden;max-width:500px}.photo-tips-modal .dialog-wrapper .photo-tips-close{position:absolute;top:.5rem;right:.5rem;background:0 0;border:none;line-height:1;cursor:pointer;color:#05054b}.photo-tips-modal .dialog-wrapper .photo-tips-close:hover{color:#000}.photo-tips-modal h2{text-align:center;font-size:1.5rem;padding-bottom:1.5em}.photo-tips-modal .slider-container{position:relative;width:100%;max-width:100%;height:auto;overflow:hidden;border-radius:8px}.photo-tips-modal .slider{position:relative;width:100%;height:410px;overflow:hidden;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,.2)}@media(min-width:870px){.photo-tips-modal .slider{height:430px}}.photo-tips-modal .slider__slides{position:relative;width:300%;height:100%;transition:transform .3s cubic-bezier(.51,.92,.24,1);will-change:transform}.photo-tips-modal .slider__slide{float:left;width:33.3333333333%;height:100%;text-align:center;padding:1rem}.photo-tips-modal .slider__slide img{max-width:100%;max-height:550px;margin:0 auto;display:block;object-fit:contain}.photo-tips-modal .slider__slide p{margin-top:1rem;font-size:1rem;padding-top:15px}.photo-tips-modal .slider .photo-tips-image{display:flex;flex-direction:row;justify-content:center;gap:20px}.photo-tips-modal .slider .photo-tips-image .before,.photo-tips-modal .slider .photo-tips-image .after{display:flex;flex-direction:column;align-items:center;flex:0 1 200px;max-width:240px;gap:12px}.photo-tips-modal .slider .photo-tips-image .before img,.photo-tips-modal .slider .photo-tips-image .after img{width:100%;height:auto;object-fit:contain;max-height:300px}.photo-tips-modal .slider .photo-tips-image .before svg,.photo-tips-modal .slider .photo-tips-image .after svg{width:25px;height:25px}.photo-tips-modal .slider__dots{position:absolute;bottom:1.5em;left:50%;transform:translateX(-50%);display:flex;align-items:center;z-index:1;gap:.75rem;padding:0;top:90%}@media(min-width:442px){.photo-tips-modal .slider__dots{top:98%}}.photo-tips-modal .slider__dot{display:block;margin:0 .5em;width:1em;height:1em;background:#d0d0d0;border-radius:999px}.photo-tips-modal .slider__dot.active{transform:scale(1.5)}.photo-tips-modal .slider[data-pos="0"] .slider__slides{transform:translateX(0%)}.photo-tips-modal .slider[data-pos="0"]~.slider__dots .slider__dot[data-pos="0"]{background:#05054b;transform:scale(1.15)}.photo-tips-modal .slider[data-pos="1"] .slider__slides{transform:translateX(-33.3333333333%)}.photo-tips-modal .slider[data-pos="1"]~.slider__dots .slider__dot[data-pos="1"]{background:#05054b;transform:scale(1.15)}.photo-tips-modal .slider[data-pos="2"] .slider__slides{transform:translateX(-66.6666666667%)}.photo-tips-modal .slider[data-pos="2"]~.slider__dots .slider__dot[data-pos="2"]{background:#05054b;transform:scale(1.15)}.photo-tips-modal .photo-tips-controls{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto}.photo-tips-modal .photo-tips-controls .cta{flex:1;padding:.75rem;font-size:1rem}