.sunscreener__layout{display:grid;grid-template-columns:minmax(0,1fr);row-gap:5rem}.sunscreener__glossary{min-inline-size:0;padding-inline:var(--section-container-gutter)}.sunscreener__panel{--sunscreener-panel-inset: 2.25rem;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;min-inline-size:0;padding-block:.875rem 1rem;padding-inline:var(--section-container-gutter)}.sunscreener__panel:before{content:"";grid-area:1 / 1;inline-size:100%;aspect-ratio:var(--sunscreener-media-aspect-ratio, auto);max-block-size:calc(100svh - var(--header-group-height) - var(--sunscreener-panel-inset));pointer-events:none}.sunscreener__media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.sunscreener__media .theme-media,.sunscreener__media .theme-media>:is(a,div,deferred-media),.sunscreener__media :is(img,video,iframe,svg){display:block;inline-size:100%;block-size:100%;margin:0}.sunscreener__media :is(img,video,iframe,svg){object-fit:cover;object-position:center}.sunscreener__app{position:relative;z-index:1;grid-area:1 / 1;display:block;inline-size:100%;max-inline-size:23.375rem}@media screen and (min-width:64em){.sunscreener__layout{grid-template-columns:50% minmax(0,1fr);align-items:center;column-gap:clamp(2.5rem,5vw,4.5rem);row-gap:0}.sunscreener--media-right .sunscreener__layout{grid-template-columns:minmax(0,1fr) 50%}.sunscreener--media-left .sunscreener__glossary{padding-inline:0 var(--section-container-gutter)}.sunscreener--media-right .sunscreener__glossary{padding-inline:var(--section-container-gutter) 0}.sunscreener__panel{--sunscreener-panel-inset: 4rem;padding:2rem}.sunscreener__app{max-inline-size:34.25rem;padding-block-end:1.25rem}}@media screen and (max-width:63.999em){.sunscreener--media-right .sunscreener__panel{order:-1}}.sunscreener__card{display:flex;flex-direction:column;gap:1.1875rem;min-inline-size:0;padding:1.1875rem;color:var(--color-foreground);background:var(--color-input-background);border:var(--border-width) solid var(--color-input-border)}.sunscreener__heading{display:grid;gap:.25rem;min-inline-size:0}.sunscreener__body{display:flex;flex-direction:column;gap:.75rem;min-inline-size:0}.sunscreener__rule{block-size:0;border-block-start:var(--border-width) solid var(--color-divider)}.sunscreener__messages{min-inline-size:0}.sunscreener__footers{display:contents}.sunscreener__submit{inline-size:100%;min-block-size:3.0625rem}.sunscreener__field{position:relative;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;box-sizing:border-box;block-size:var(--sunscreener-field-size, 10.625rem);min-block-size:6.875rem;min-inline-size:0;background:var(--color-input-background);border:var(--border-width) solid var(--color-input-border)}.sunscreener__field>*{grid-area:1 / 1;box-sizing:border-box;inline-size:100%;block-size:100%;min-inline-size:0;padding:.875rem 1.25rem}.sunscreener__label{cursor:text}.sunscreener__input{block-size:var(--sunscreener-input-size, auto);max-block-size:100%;padding-block:0;text-align:center;resize:none;background:transparent;border:0;overflow-wrap:anywhere}.sunscreener__input:placeholder-shown{overflow:hidden}.sunscreener__input:disabled{cursor:default;opacity:1}.sunscreener__field:has(.sunscreener__input:disabled) .sunscreener__label{cursor:default}.sunscreener__field .sunscreener__input:is(:focus,:focus-visible){outline:none}.sunscreener__input::placeholder{color:transparent}@media(forced-colors:active){.sunscreener__input::placeholder{forced-color-adjust:none;color:transparent}}.sunscreener__placeholder{--color: var(--color-foreground-muted);display:grid;place-content:center;color:var(--color-foreground-muted);text-align:center;text-wrap:balance;pointer-events:none;opacity:0}.sunscreener__placeholder>*{max-inline-size:20rem}.sunscreener__input:placeholder-shown:not(:focus)~.sunscreener__placeholder{opacity:1}.sunscreener__field:has(.sunscreener__input:focus){border-color:var(--color-input-border-focus)}.sunscreener__progress{display:none;place-items:center;align-content:center;justify-items:center;gap:1.25rem}.sunscreener__ring{display:grid;place-items:center}.sunscreener__ring>*{grid-area:1 / 1}.sunscreener__ring-graphic{display:block;inline-size:3.625rem;block-size:3.625rem}.sunscreener__ring-arc{fill:none;stroke:var(--color-foreground);stroke-width:1;stroke-dasharray:160.221;stroke-dashoffset:calc(160.221 * (1 - var(--sunscreener-progress, 0) / 100));transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset var(--motion-duration-fast) linear}.sunscreener__ring-value{text-align:center}.sunscreener__progress-label{color:var(--color-foreground)}.sunscreener__results{display:none;align-content:center;gap:.875rem;min-inline-size:0;block-size:100%;padding-block-end:.5rem}.sunscreener__group{display:grid;gap:.375rem;justify-items:center;min-inline-size:0}.sunscreener__group-heading{margin:0;text-align:center;text-decoration:underline;text-decoration-thickness:.075em;text-underline-offset:.15em}.sunscreener__group-items{margin:0;text-align:center;overflow-wrap:anywhere}.sunscreener__group-items .g-information-trigger{white-space:normal}.sunscreener__pill-tail{white-space:nowrap}.sunscreener__group--inactive{gap:0;justify-items:stretch}.sunscreener__inactive-trigger{display:flex;align-items:center;justify-content:center;gap:.25rem;inline-size:100%;margin:0;padding:0;color:inherit;background:transparent;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}.sunscreener__inactive-trigger>span:first-child{text-decoration:underline;text-decoration-thickness:.075em;text-underline-offset:.15em}.sunscreener__inactive-trigger:focus-visible{outline:var(--focus-ring-width) solid currentcolor;outline-offset:var(--focus-ring-offset)}.sunscreener__indicator{inline-size:1.5rem;block-size:1.5rem}.sunscreener__indicator svg{inline-size:1.5rem;block-size:1.5rem}.sunscreener__inactive-list{margin:0;padding-block-start:.375rem;color:var(--color-foreground);text-align:center;overflow-wrap:anywhere}.sunscreener__app[data-state=loading] .sunscreener__input{color:var(--color-foreground-muted);opacity:.4}.sunscreener__app[data-state=loading] .sunscreener__progress{display:grid}.sunscreener__app[data-state=loading] .sunscreener__placeholder,.sunscreener__app[data-state=results] .sunscreener__placeholder{opacity:0}.sunscreener__app[data-state=results] .sunscreener__input,.sunscreener__app[data-state=results] .sunscreener__label .visually-hidden{display:none}.sunscreener__app[data-state=results] .sunscreener__results{display:grid}.sunscreener__app[data-state=results] .sunscreener__field{block-size:auto;min-block-size:var(--sunscreener-field-size, 10.625rem)}@media screen and (min-width:64em){.sunscreener__body{gap:1.1875rem}.sunscreener__field{--sunscreener-field-size: 15.6875rem}.sunscreener__app[data-state=error] .sunscreener__field{--sunscreener-field-size: 6.875rem}}@media(prefers-reduced-motion:reduce){.sunscreener__ring-arc{transition:none}}@media(scripting:none){.sunscreener__field,.sunscreener__submit{display:none}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/section-sunscreener.css.map */