.hydration-check__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "gallery" "buy" "retail";gap:var(--space-5)}.hydration-check__head{grid-area:head;min-width:0}.hydration-check__head .section-heading{margin:0}@media(min-width:640px)and (max-width:989px){.hydration-check__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head" "gallery gallery" "buy retail";align-items:start}.hydration-check__layout--solo{grid-template-areas:"head head" "gallery gallery" "buy buy"}}@media(min-width:990px){.hydration-check__layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"gallery head" "gallery buy" "gallery retail";column-gap:clamp(36px,4vw,64px);row-gap:var(--space-5);align-items:start}.hydration-check__layout--solo{grid-template-areas:"gallery head" "gallery buy" "gallery buy"}.hydration-check__head .section-heading__title{font-size:clamp(3rem,1.6rem + 3vw,4.5rem)}.hydration-check__retail{justify-self:end;width:min(100%,320px)}}@media(min-width:1200px){.hydration-check__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.62fr) minmax(0,.5fr);grid-template-rows:auto 1fr;grid-template-areas:"gallery head head" "gallery buy retail";column-gap:clamp(28px,3vw,44px)}.hydration-check__layout--solo{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"gallery head" "gallery buy"}.hydration-check__retail{justify-self:stretch;align-self:start;width:auto;margin-top:-8px}.hydration-check__grid{--row-h: 18px}}.hydration-check__gallery{grid-area:gallery;position:relative;display:grid;gap:var(--space-4);align-content:start;min-width:0}.hydration-check__radio{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.hydration-check__stage-wrap{position:relative;justify-self:start;width:100%;padding-bottom:14px}.hydration-check__stage{position:relative;aspect-ratio:var(--ratio, 1.174);width:100%;margin-top:6px}@media(min-width:990px){.hydration-check__stage-wrap{width:min(100%,calc(var(--ratio, 1.174) * 480px))}}.hydration-check__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hydration-check__img{display:block;width:100%;height:100%;object-fit:contain;background:var(--white)}.hydration-check__gallery--multi .hydration-check__slide{display:none}.hydration-check__radio:nth-of-type(1):checked~.hydration-check__stage-wrap .hydration-check__slide:nth-child(1),.hydration-check__radio:nth-of-type(2):checked~.hydration-check__stage-wrap .hydration-check__slide:nth-child(2),.hydration-check__radio:nth-of-type(3):checked~.hydration-check__stage-wrap .hydration-check__slide:nth-child(3),.hydration-check__radio:nth-of-type(4):checked~.hydration-check__stage-wrap .hydration-check__slide:nth-child(4),.hydration-check__radio:nth-of-type(5):checked~.hydration-check__stage-wrap .hydration-check__slide:nth-child(5),.hydration-check__radio:nth-of-type(6):checked~.hydration-check__stage-wrap .hydration-check__slide:nth-child(6){display:block}.hydration-check__hype{position:absolute;z-index:3;top:18px;right:-10px}.hydration-check__price{position:absolute;z-index:3;left:-10px;bottom:0;pointer-events:none}.hydration-check__gun{--gun-fs: 2rem}.hydration-check__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5)}.hydration-check__thumbs{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hydration-check__caption{flex:1 1 14rem;max-width:34ch;margin:0;font-family:var(--font-mono);font-size:var(--fs-small);line-height:1.4;color:var(--fg-soft)}.hydration-check__thumb{display:block;width:64px;height:64px;overflow:hidden;background:var(--white);border:2px solid var(--ink);cursor:pointer}.hydration-check__thumb img{display:block;width:100%;height:100%;object-fit:cover}.hydration-check__thumb:hover{translate:-2px -2px;box-shadow:3px 3px 0 var(--ink)}.hydration-check__radio:nth-of-type(1):checked~.hydration-check__foot .hydration-check__thumb:nth-child(1),.hydration-check__radio:nth-of-type(2):checked~.hydration-check__foot .hydration-check__thumb:nth-child(2),.hydration-check__radio:nth-of-type(3):checked~.hydration-check__foot .hydration-check__thumb:nth-child(3),.hydration-check__radio:nth-of-type(4):checked~.hydration-check__foot .hydration-check__thumb:nth-child(4),.hydration-check__radio:nth-of-type(5):checked~.hydration-check__foot .hydration-check__thumb:nth-child(5),.hydration-check__radio:nth-of-type(6):checked~.hydration-check__foot .hydration-check__thumb:nth-child(6){box-shadow:0 0 0 4px var(--yellow),0 0 0 6px var(--ink)}.hydration-check__radio:nth-of-type(1):focus-visible~.hydration-check__foot .hydration-check__thumb:nth-child(1),.hydration-check__radio:nth-of-type(2):focus-visible~.hydration-check__foot .hydration-check__thumb:nth-child(2),.hydration-check__radio:nth-of-type(3):focus-visible~.hydration-check__foot .hydration-check__thumb:nth-child(3),.hydration-check__radio:nth-of-type(4):focus-visible~.hydration-check__foot .hydration-check__thumb:nth-child(4),.hydration-check__radio:nth-of-type(5):focus-visible~.hydration-check__foot .hydration-check__thumb:nth-child(5),.hydration-check__radio:nth-of-type(6):focus-visible~.hydration-check__foot .hydration-check__thumb:nth-child(6){outline:3px solid var(--focus);outline-offset:9px}.hydration-check__buy{grid-area:buy;display:grid;gap:var(--space-3);align-content:start;justify-items:start;min-width:0}.hydration-check__kicker{margin:0;padding:.3em .55em .25em;font:700 .75rem/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--yellow);background:var(--ink)}.hydration-check__title{margin:0 0 var(--space-2);font:800 1.375rem/1.12 var(--font-body);font-stretch:75%;color:var(--heading-sm, var(--heading));text-wrap:balance}.hydration-check__title-link{position:relative;display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.hydration-check .chip{position:relative}.hydration-check__title-link:after{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) min(0px,calc((100% - 44px)/2))}.hydration-check__title-link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em}.hydration-check__form{display:grid;gap:var(--space-4);justify-items:start;width:100%}.hydration-check__sizes{gap:var(--space-3)}.hydration-check__sizes .hydration-check__legend{margin-bottom:var(--space-2);font-family:var(--font-body);font-stretch:62%;font-weight:800;font-size:var(--fs-small);letter-spacing:.05em;text-transform:uppercase}.hydration-check .hydration-check__chip{gap:.5em;min-height:48px}.hydration-check__chip-name{font-weight:800;line-height:1.1}.hydration-check__chip-price{font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.1}.hydration-check__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);width:100%}.hydration-check__add{min-width:min(100%,220px)}.hydration-check__form .field__error{margin:0}.hydration-check__details{display:inline-flex;align-items:center;gap:.4em;min-height:44px;font-weight:800;color:var(--link);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.hydration-check__details:hover{text-decoration-thickness:3px}@media(min-width:1200px){.hydration-check__add{width:100%}}@media(max-width:639px){.hydration-check__add{width:100%}.hydration-check__gun{--gun-fs: 1.625rem}}.hydration-check__retail{grid-area:retail;justify-self:end;align-self:start;width:min(100%,360px);padding:8px;background-color:var(--yellow);background-image:repeating-linear-gradient(45deg,var(--orange) 0 2px,transparent 2px 6px);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);rotate:1.5deg}html.no-tilts .hydration-check__retail{rotate:0deg}.hydration-check__retail-paper{padding:10px 12px 12px;color:var(--ink);background:var(--white);border:2px solid var(--ink)}.hydration-check__retail-title{display:grid;margin:0 0 8px;font-family:var(--font-body);font-stretch:75%;line-height:1.05;text-align:center;color:var(--ink)}.hydration-check__retail-q{font-weight:900;font-size:1.1875rem;letter-spacing:-.005em}.hydration-check__retail-sub{font-weight:800;font-size:.8125rem}.hydration-check__grid{--row-h: 22px;display:grid;grid-template-columns:20px 28px minmax(0,1fr);grid-template-rows:minmax(var(--row-h),auto) minmax(var(--row-h),auto) minmax(var(--row-h),auto) 6px minmax(var(--row-h),auto) minmax(var(--row-h),auto) minmax(var(--row-h),auto) minmax(var(--row-h),auto) minmax(var(--row-h),auto);gap:2px;background:var(--ink);border:2px solid var(--ink)}.hydration-check__num{grid-column:1;display:grid;place-items:center;font-family:var(--font-display);font-size:.875rem;line-height:1;color:var(--ink);background:var(--white)}.hydration-check__swatch{grid-column:2}.hydration-check__redline{grid-column:1 / -1;grid-row:4;margin-block:-2px;background:var(--pink-deep);z-index:1}.hydration-check__band{grid-column:3;display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 6px 4px 8px;color:var(--ink);background:var(--white);text-decoration:none}.hydration-check__band-copy{display:grid;justify-items:start;gap:2px;flex:1 1 auto;min-width:0}.hydration-check__band-heading{font-family:var(--font-display);font-size:.875rem;line-height:1.1}.hydration-check__band-text{font-weight:700;font-size:.75rem;line-height:1.25}.hydration-check__band--alarm .hydration-check__band-heading,.hydration-check__band--alarm .hydration-check__band-text{color:var(--pink-ink)}.hydration-check__band--congrats .hydration-check__band-text{padding:.15em .35em .1em;font-weight:800;color:var(--ink);background:var(--yellow);box-shadow:0 0 0 1.5px var(--ink)}.hydration-check__band-go{flex:0 0 auto;color:var(--pink-deep)}a.hydration-check__band:hover{background:var(--pee-2)}a.hydration-check__band:hover .hydration-check__band-go{translate:2px 0}a.hydration-check__band:focus-visible{outline:3px solid var(--ink);outline-offset:-5px;z-index:2}.hydration-check__retail-caption{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.3;color:var(--ink)}.hydration-check__redline-key{flex:0 0 auto;width:24px;height:6px;background:var(--pink-deep)}.hydration-check__retail-title{list-style:none;cursor:pointer;position:relative}.hydration-check__retail-title::-webkit-details-marker{display:none}.hydration-check__retail-toggle{display:none}@media(max-width:749px){.hydration-check__caption,.hydration-check__head .section-heading__sub{display:none}.hydration-check__retail{justify-self:stretch;width:100%;rotate:0deg}.hydration-check__retail-title{min-height:44px;align-content:center;margin:0;padding-right:32px}.hydration-check__retail-paper[open] .hydration-check__retail-title{margin-bottom:8px}.hydration-check__retail-toggle{display:block;position:absolute;right:4px;top:50%;width:20px;height:20px;margin-top:-10px;background:linear-gradient(var(--ink),var(--ink)) center / 100% 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 3px 100% no-repeat}.hydration-check__retail-paper[open] .hydration-check__retail-toggle{background:linear-gradient(var(--ink),var(--ink)) center / 100% 3px no-repeat}}@media(min-width:990px){.hydration-check__stage-wrap{width:min(100%,calc(var(--ratio, 1.174) * 400px))}.hydration-check__head .section-heading{gap:8px}.hydration-check__head .section-heading__title{font-size:clamp(2.75rem,1.4rem + 2.6vw,4rem)}.hydration-check__thumb{width:56px;height:56px}.hydration-check__buy{gap:10px}.hydration-check__form{gap:12px}}@media(max-width:749px){.hydration-check__layout{gap:14px}.hydration-check__stage-wrap{width:88%}.hydration-check__thumb{width:48px;height:48px}.hydration-check__gallery{gap:10px}.hydration-check__buy{gap:8px}.hydration-check__form{gap:12px}.hydration-check__title{margin-bottom:0;font-size:1.25rem}}@media(min-width:990px){.hydration-check__layout{row-gap:14px}.hydration-check__stage-wrap{width:min(100%,calc(var(--ratio, 1.174) * 360px))}.hydration-check__gallery{gap:12px}.hydration-check__band{min-height:36px;padding-block:3px}.hydration-check__grid{--row-h: 16px}.hydration-check__retail-paper{padding:8px 10px 10px}.hydration-check__retail-title{margin-bottom:6px}.hydration-check__retail-caption{margin-top:6px}}@media(max-width:749px){.hydration-check__gallery--multi{grid-template-columns:minmax(0,1fr) 48px;column-gap:16px;align-items:start}.hydration-check__gallery--multi .hydration-check__stage-wrap{width:100%}.hydration-check__gallery--multi .hydration-check__foot{margin-top:6px}.hydration-check__gallery--multi .hydration-check__thumbs{flex-direction:column;flex-wrap:nowrap;gap:10px}.hydration-check__gallery--multi .hydration-check__hype{right:-6px}.hydration-check__sizes .hydration-check__legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.hydration-check__form{gap:10px}}.hydration-check__band{position:relative}.hydration-check__band.is-here{box-shadow:inset 0 0 0 3px var(--pink-fill)}.hydration-check__grid--pinned{margin-left:48px}.hydration-check__pin{position:absolute;top:50%;right:calc(100% + 60px);z-index:3;display:grid;justify-items:center;gap:2px;width:40px;padding:3px 2px;translate:0 -50%;font:800 .625rem/1 var(--font-body);font-stretch:62%;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:normal;color:var(--on-pink);background:var(--pink-fill);box-shadow:2px 2px 0 var(--ink);pointer-events:none}.hydration-check__pin:after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border:5px solid transparent;border-right:0;border-left:4px solid var(--pink-fill)}.hydration-check__pin-you{display:block}.hydration-check__pin-amt{display:block;font:700 .625rem/1 var(--font-mono);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.hydration-check__retail-here{display:none}@media(min-width:1200px){.hydration-check__layout{grid-template-columns:minmax(0,1fr) minmax(0,.54fr) minmax(0,.62fr)}.hydration-check__head .section-heading__title{font-size:clamp(2.75rem,1.2rem + 2.2vw,3.5rem)}.hydration-check__retail{margin-top:-14px}.hydration-check__retail-title{display:block;margin-bottom:4px}.hydration-check__retail-q{font-size:1.125rem}.hydration-check__band{min-height:32px;padding-block:2px}.hydration-check__band-copy{display:block}.hydration-check__band-text{font-size:.6875rem;line-height:1.15}.hydration-check__retail{padding:6px}.hydration-check__retail-paper{padding:6px 8px 8px}.hydration-check__retail-caption{margin-top:5px;font-size:.6875rem}.hydration-check__sizes{display:flex;flex-wrap:wrap;gap:8px}.hydration-check__sizes .hydration-check__legend{width:100%;margin-bottom:0}.hydration-check .hydration-check__chip{padding-inline:10px;font-size:.9375rem}.hydration-check__title{font-size:1.25rem}.hydration-check__stage-wrap{width:min(100%,calc(var(--ratio, 1.174) * 340px))}.hydration-check__gallery{gap:8px}.hydration-check__thumb{width:48px;height:48px}}@media(max-width:749px){.hydration-check__layout{grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-areas:"head head" "gallery kicker" "gallery title" "gallery sizes" "actions actions" "error error" "retail retail";grid-template-rows:auto auto auto 1fr auto auto auto;column-gap:14px;row-gap:8px}.hydration-check__layout--solo{grid-template-areas:"head head" "gallery kicker" "gallery title" "gallery sizes" "actions actions" "error error"}.hydration-check__head{margin-bottom:4px}.hydration-check__buy,.hydration-check__form{display:contents}.hydration-check__gallery{grid-area:gallery;align-self:start}.hydration-check__gallery--multi{grid-template-columns:minmax(0,1fr)}.hydration-check__foot,.hydration-check__hype,.hydration-check__details{display:none}.hydration-check__kicker{grid-area:kicker;justify-self:start;align-self:start}.hydration-check__title{grid-area:title;font-size:1.0625rem}.hydration-check__title-link{min-height:0}.hydration-check__sizes{grid-area:sizes;align-self:start;display:grid;gap:8px}.hydration-check .hydration-check__chip{min-height:44px;padding-inline:10px}.hydration-check__actions{grid-area:actions}.hydration-check__form .field__error{grid-area:error}.hydration-check__gun{--gun-fs: 1.25rem}.hydration-check__retail{grid-area:retail;margin-top:6px;padding:5px}.hydration-check__retail-paper{padding:0 10px}.hydration-check__retail-paper[open]{padding-bottom:10px}.hydration-check__retail-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5em;min-height:44px;padding-right:30px;text-align:left}.hydration-check__retail-q{font-size:1rem}.hydration-check__retail-sub{display:none}.hydration-check__retail-here{display:inline;font:700 .75rem/1.2 var(--font-mono)}}@media(min-width:990px)and (max-width:1199px){.hydration-check .hydration-check__retail{width:min(100%,368px)}}@media(min-width:1200px){.hydration-check .hydration-check__layout:not(.hydration-check__layout--solo){grid-template-columns:minmax(0,.95fr) minmax(0,.52fr) minmax(0,.75fr)}.hydration-check .hydration-check__retail{width:min(100%,410px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hydration-check.css.map */