#MainContent[data-totoka-category=hydration-v3] .tt-v3-hero{background:#e4edf3;overflow:hidden}.tt-v3-hero .tt-v2-hero__copy{position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:center;min-width:0;overflow:hidden;background:#deebf4}.tt-v3-hero .tt-v2-hero__copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 0 0,#fafaf7 0,transparent 65%),linear-gradient(135deg,#deebf4 5%,var(--ttv-accent) 100%);opacity:var(--ttv-colour-strength,.8);pointer-events:none}.tt-v3-hero__text{position:relative;z-index:1;max-width:420px}.tt-v3-hero .tt-v2-hero__media{height:clamp(530px,43vw,680px)}.tt-v3-hero .tt-v2-hero__copy h1{max-width:9ch}.tt-v3-hero .tt-v2-body{max-width:32ch}.tt-v3-hero__art{position:absolute;z-index:-1;width:clamp(290px,28vw,440px);right:-115px;bottom:-140px;pointer-events:none;transform:rotate(-18deg)}.tt-v3-hero__art img{display:block;width:100%;height:auto}#MainContent[data-totoka-category=hydration-v3] .tt-v2-button:not(.tt-v2-button--light){background:#234b67;border-color:#234b67}#MainContent[data-totoka-category=hydration-v3] .tt-v2-button:not(.tt-v2-button--light):hover{background:#0c1c2e}#MainContent[data-totoka-category=hydration-v3] section.totoka-editorial-grid{--teg-media-hover:#d9e9f4!important;--teg-accent:#234b67!important}#MainContent[data-totoka-category=hydration-v3] .tk-skin{background:linear-gradient(155deg,#244962,#1e4058);font-family:var(--ttv-body)}#MainContent[data-totoka-category=hydration-v3] .tk-skin h2{font-family:var(--ttv-heading);font-size:var(--ttv-h2)}#MainContent[data-totoka-category=hydration-v3] .tk-skin__inner{max-width:1568px}#MainContent[data-totoka-category=hydration-v3] .tk-skin__frame{border:1px solid #82b4d84d;box-shadow:0 24px 64px #06162633}#MainContent[data-totoka-category=hydration-v3] .tt-v2-education{position:relative;overflow:hidden;background:linear-gradient(155deg,#1e4058,#173448);color:#f5f7fa;--ttv-line:#82b4d866;--ttv-muted:#bdd8eb}#MainContent[data-totoka-category=hydration-v3] .tt-v2-education .tt-v2-container{position:relative}.tt-v3-education__art{position:absolute;right:-24px;top:-68px;width:128px;height:128px;object-fit:contain;transform:rotate(16deg);pointer-events:none}#MainContent[data-totoka-category=hydration-v3] .tt-v2-education h2{padding-right:110px}#MainContent[data-totoka-category=hydration-v3] .tt-v2-info__symbol{border-color:#82b4d8;background:#82b4d826;color:#e2f2ff}#MainContent[data-totoka-category=hydration-v3] .tt-v2-info[open] .tt-v2-info__symbol{background:#b8d5eb;color:#173448}#MainContent[data-totoka-category=hydration-v3] .tt-v2-invitation--graphite{background:linear-gradient(155deg,#173448,#0c1c2e)}#MainContent[data-totoka-category=hydration-v3] .tt-v2-invitation--midnight{border-top:1px solid #82b4d833}@media(max-width:749px){.tt-v3-hero .tt-v2-hero__copy{min-height:340px;padding:36px 24px 52px}.tt-v3-hero__text{max-width:100%}.tt-v3-hero .tt-v2-hero__copy h1{max-width:9ch;font-size:clamp(42px,10vw,60px)}.tt-v3-hero .tt-v2-body{max-width:27ch;padding-right:8px}.tt-v3-hero .tt-v2-hero__media{height:360px;order:0}.tt-v3-hero__art{width:245px;right:-115px;bottom:-82px}.tt-v3-education__art{right:-12px;top:-34px;width:92px;height:92px}#MainContent[data-totoka-category=hydration-v3] .tt-v2-education h2{padding-right:60px}}@media(min-width:750px)and (max-width:1050px){.tt-v3-hero .tt-v2-hero__copy{padding:40px 32px}.tt-v3-hero .tt-v2-hero__copy h1{font-size:52px}}#MainContent[data-totoka-category=hydration-v3] .tt-v3-hero{position:relative}#MainContent[data-totoka-category=hydration-v3] .tt-v3-hero:after{content:"";position:absolute;inset:auto 0 0;height:64px;background:linear-gradient(transparent,#f1f2f3);pointer-events:none}#MainContent[data-totoka-category=hydration-v3] .tk-skin{background:linear-gradient(180deg,#244962,#1e4058);padding-top:calc(var(--tk-space) + 64px)}#MainContent[data-totoka-category=hydration-v3] .tk-skin:before{content:"";position:absolute;top:0;left:0;right:0;height:112px;z-index:1;background:linear-gradient(#f1f2f3,#f1f2f300);pointer-events:none}#MainContent[data-totoka-category=hydration-v3] .tk-skin__backdrop{-webkit-mask-image:linear-gradient(transparent,#000 140px,#000 calc(100% - 100px),transparent);mask-image:linear-gradient(transparent,#000 140px,#000 calc(100% - 100px),transparent)}#MainContent[data-totoka-category=hydration-v3] .tt-shelf__backdrop{-webkit-mask-image:linear-gradient(transparent,#000 140px,#000 calc(100% - 140px),transparent);mask-image:linear-gradient(transparent,#000 140px,#000 calc(100% - 140px),transparent)}#MainContent[data-totoka-category=hydration-v3] .tt-hydration-education{background:linear-gradient(180deg,#1e4058,#173448 45%,#0c1c2e);padding-bottom:clamp(72px,8vw,120px)}#MainContent[data-totoka-category=hydration-v3] .tt-hydration-education .tt-v2-education__item{border:0;padding-right:20px}#MainContent[data-totoka-category=hydration-v3] .tt-hydration-education .tt-v2-education__grid{gap:48px}.tt-ingredient-edit{margin-top:clamp(72px,8vw,120px)}#MainContent[data-totoka-category=hydration-v3] .tt-ingredient-edit h2{padding-right:0;max-width:24ch}.tt-ingredient-edit__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}.tt-ingredient-edit__item{min-width:0;text-align:center}.tt-ingredient-edit__link{display:block;color:inherit;text-decoration:none;border-radius:6px}.tt-ingredient-edit__image{height:clamp(180px,20vw,290px);display:grid;place-items:center;background:radial-gradient(ellipse at center,#82b4d821,transparent 65%)}.tt-ingredient-edit__image img{display:block;width:100%;height:100%;object-fit:contain;max-height:290px;filter:drop-shadow(0 14px 26px #020d1733)}.tt-v2 .tt-ingredient-edit__role{margin-top:20px;margin-bottom:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bbd4e7}.tt-ingredient-edit__item h3{display:flex;justify-content:center;align-items:center;gap:16px;font-size:clamp(24px,2.3vw,34px)}.tt-ingredient-edit__item h3 span{font-family:var(--ttv-body);font-size:20px}.tt-ingredient-edit__link:hover h3{color:#c4e5fb}.tt-ingredient-edit__all{display:flex;align-items:center;justify-content:center;gap:20px;width:fit-content;min-height:48px;margin:44px auto 0;color:#edf6fc;font-size:14px;text-decoration:underline;text-underline-offset:6px}.tt-club-finale{position:relative;isolation:isolate;background:#0c1c2e;color:#f7f8fa;overflow:hidden}.tt-club-finale__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(transparent,#000 90px,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(transparent,#000 90px,#000 calc(100% - 90px),transparent)}.tt-club-finale__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}.tt-club-finale__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0c1c2ef5,#0c1c2ebf 32%,#0c1c2e00 63%)}.tt-club-finale__inner{display:flex;align-items:center;min-height:clamp(560px,43vw,720px);padding-block:90px}.tt-club-finale__copy{max-width:43%}.tt-club-finale__copy h2{font-size:clamp(38px,3.5vw,58px);max-width:15ch}.tt-club-finale__copy .tt-v2-body{max-width:37ch;color:#d0dce6}.tt-club-finale__benefits{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:24px 0 0;padding:0;font-size:13px;color:#dceaf5}.tt-club-finale__benefits li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:9px;background:#bcd8ee;vertical-align:middle}@media(max-width:899px){.tt-club-finale__art{position:relative;height:clamp(260px,55vw,440px);-webkit-mask-image:linear-gradient(transparent,#000 50px,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 50px,#000 75%,transparent)}.tt-club-finale__art:after{display:none}.tt-club-finale__inner{min-height:0;padding-block:0 72px}.tt-club-finale__copy{max-width:100%}.tt-club-finale__copy h2{max-width:18ch;font-size:clamp(36px,7vw,50px)}}@media(max-width:749px){#MainContent[data-totoka-category=hydration-v3] .tt-hydration-education .tt-v2-education__grid{gap:32px}#MainContent[data-totoka-category=hydration-v3] .tt-hydration-education .tt-v2-education__item{padding:0}.tt-ingredient-edit__grid{grid-template-columns:1fr;gap:40px}.tt-ingredient-edit__image{height:210px}.tt-ingredient-edit__image img{max-height:210px;max-width:260px}.tt-ingredient-edit__item h3{font-size:28px}.tt-club-finale__copy .tt-v2-body{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/totoka-hydration-colour-v3.css.map */