:root{--totoka-ink: #17191d;--totoka-muted: #657184;--totoka-canvas: #f8f5eb;--totoka-surface: rgba(255, 255, 255, .78);--totoka-surface-solid: #fff;--totoka-water: #dceaf5;--totoka-accent: #467fc3;--totoka-tint: #eef6ff;--totoka-line: color-mix(in srgb, var(--totoka-accent) 42%, white);--totoka-container: 1280px;--totoka-gutter: clamp(18px, 4vw, 56px);--totoka-radius-sm: 16px;--totoka-radius-md: 22px;--totoka-radius-lg: 34px;--totoka-depth-x: 15px;--totoka-depth-y: 19px;--totoka-depth-color: color-mix(in srgb, var(--totoka-accent) 27%, transparent);--totoka-shadow-ambient: rgba(35, 57, 85, .17);--totoka-shadow-deep: rgba(35, 57, 85, .2);--totoka-ease: cubic-bezier(.2, .75, .25, 1)}.totoka-container{width:min(calc(100% - (var(--totoka-gutter) * 2)),var(--totoka-container));margin-inline:auto}.totoka-water-canvas{color:var(--totoka-ink);background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.94),transparent 34%),radial-gradient(circle at 82% 38%,color-mix(in srgb,var(--totoka-water) 72%,transparent),transparent 42%),linear-gradient(145deg,var(--totoka-canvas),color-mix(in srgb,var(--totoka-water) 30%,var(--totoka-canvas)))}.totoka-glass{border:1px solid var(--totoka-line);background:linear-gradient(145deg,#fffffff0,#ffffffb3),var(--totoka-surface);-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.totoka-surface-3d,[data-totoka-surface="3d"]{position:relative;isolation:isolate;border:1px solid var(--totoka-line);border-radius:var(--totoka-radius-lg);background:linear-gradient(145deg,#fffffff7,#ffffffc2),var(--totoka-surface);box-shadow:inset 0 2px #fffffff5,inset 0 -1px #ffffff47,var(--totoka-depth-x) var(--totoka-depth-y) 0 var(--totoka-depth-color),0 24px 36px var(--totoka-shadow-ambient),0 48px 70px var(--totoka-shadow-deep);transition:transform .28s var(--totoka-ease),box-shadow .28s var(--totoka-ease),border-color .28s ease}@media(hover:hover)and (pointer:fine){.totoka-surface-3d:hover,[data-totoka-surface="3d"]:hover{transform:translate(-2px,-3px);border-color:color-mix(in srgb,var(--totoka-accent) 62%,white);box-shadow:inset 0 2px #fffffffa,inset 0 -1px #ffffff4d,19px 24px color-mix(in srgb,var(--totoka-accent) 34%,transparent),0 30px 44px #23395533,0 54px 78px #23395538}}.totoka-surface-3d--compact{--totoka-depth-x: 7px;--totoka-depth-y: 9px;--totoka-radius-lg: var(--totoka-radius-md);box-shadow:inset 0 1px #fffffff5,var(--totoka-depth-x) var(--totoka-depth-y) 0 var(--totoka-depth-color),0 15px 28px #23395526}.totoka-purchase-surface{--totoka-accent: #315a92;padding:clamp(22px,3vw,34px);border-radius:var(--totoka-radius-lg);background:radial-gradient(circle at 92% 8%,rgba(220,234,245,.9),transparent 34%),linear-gradient(145deg,#fffffffa,#f6faffe0)}.totoka-media-frame{display:grid;place-items:center;overflow:hidden;min-width:0;border-radius:var(--totoka-radius-lg);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),transparent 48%),linear-gradient(145deg,var(--totoka-tint),rgba(255,255,255,.8))}.totoka-media-frame img,.totoka-media-frame video,.totoka-media-frame model-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.totoka-media-frame img{padding:var(--totoka-media-padding, clamp(12px, 2vw, 28px))}.totoka-focusable:focus-visible,.totoka-surface-3d :is(a,button,input,select,textarea):focus-visible,[data-totoka-surface="3d"] :is(a,button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--totoka-accent) 70%,white);outline-offset:4px}@media(max-width:749px){:root{--totoka-depth-x: 9px;--totoka-depth-y: 11px;--totoka-gutter: 18px;--totoka-radius-lg: 26px}.totoka-surface-3d,[data-totoka-surface="3d"]{box-shadow:inset 0 2px #fffffff5,var(--totoka-depth-x) var(--totoka-depth-y) 0 var(--totoka-depth-color),0 18px 32px #23395529}}@media(prefers-reduced-motion:reduce){.totoka-surface-3d,[data-totoka-surface="3d"]{transition:none}}@media screen and (min-width:750px){.tfs__product.is-revealed{transform:translateY(-190px) scale(1)!important}.tfs__products--3 .tfs__product:first-child.is-revealed,.tfs__products--3 .tfs__product:last-child.is-revealed{transform:translateY(-175px) scale(.9)!important}.tts__step{bottom:30%!important;height:min(43vh,430px)!important;max-height:70%!important}.tts__chapter--clean .tts__step--1.is-revealed,.tts__chapter--clean .tts__step--3.is-revealed{transform:translate(-50%,-25px) scale(.88) rotate(-5deg)!important}.tts__chapter--clean .tts__step--3.is-revealed{transform:translate(-50%,-25px) scale(.88) rotate(5deg)!important}.tts__chapter--clean .tts__step--2.is-revealed,.tts__chapter--build .tts__step--2.is-revealed,.tts__chapter--build .tts__step--3.is-revealed,.tts__chapter--protect .tts__step--3.is-revealed{transform:translate(-50%,-35px) scale(.92)!important}.tts__chapter--build .tts__step.is-revealed,.tts__chapter--protect .tts__step.is-revealed{transform:translate(-50%,-25px) scale(.88)!important}.tfs__card,.tts__step-copy{position:relative!important;z-index:6!important;margin-top:-34px!important}}.tk-cart .tk-cart__header h1,.tk-cart .tk-empty h1,.tk-cart .tk-section-title h2,.tk-cart .tk-summary h2{font-family:Playfair Display,Georgia,serif!important;font-style:normal!important;font-weight:400!important}@media screen and (min-width:750px){main .tam__principle{min-height:325px!important;padding:23px!important}main .tam__portal{min-height:300px!important;padding:22px!important}main .tam__portal>p{margin-top:60px!important}main .tam__portal h3,main .tam__principle h3{font-size:clamp(30px,2.7vw,43px)!important}main .tch-card{min-height:285px!important;padding:22px!important;border-radius:25px!important}main .tch-card h2{font-size:clamp(28px,2.5vw,41px)!important}main .tch__services{gap:18px!important;margin-bottom:100px!important}main .totoka-routine-levels-hub__card{min-height:415px!important;padding:24px!important;border-radius:28px!important}main .totoka-routine-levels-hub__levels{gap:14px!important}main .totoka-routine-fit__card{min-height:188px!important;padding:22px!important;border-radius:21px!important}main .totoka-asymmetric-hub__grid{gap:20px!important}main .totoka-asymmetric-hub__card{border-radius:25px!important}main .totoka-asymmetric-hub__card--xl{min-height:530px!important}main .totoka-asymmetric-hub__card--large,main .totoka-asymmetric-hub__card--medium{min-height:365px!important}main .totoka-asymmetric-hub__card--small{min-height:285px!important}main .totoka-asymmetric-hub__media{min-height:180px!important}main .totoka-asymmetric-hub__card-body{padding:20px!important}main .tfg__card{min-height:238px!important;padding:clamp(21px,2vw,32px)!important}main .tsg__grid{gap:17px!important}main .tsg-card{border-radius:23px!important}main .tsg-card__media{height:clamp(185px,20vw,295px)!important}main .tsg-card__body{min-height:148px!important;padding:18px!important}main .tsg-card__body h3{font-size:clamp(22px,1.9vw,31px)!important}main .tsj__articles{gap:17px!important}main .tsj-card{border-radius:23px!important}main .tsj-card__media,main .tsj-card--2 .tsj-card__media,main .tsj-card--3 .tsj-card__media,main .tsj-card--6 .tsj-card__media{height:clamp(210px,24vw,385px)!important}main .tsj-card__body{padding:clamp(17px,2vw,27px)!important}main .tsj-card h2{font-size:clamp(28px,2.7vw,45px)!important}main .tfour-card{min-height:225px!important;padding:19px!important;border-radius:23px!important}main .tfour-card h2{font-size:clamp(25px,2.2vw,36px)!important}main .tsi__principle{gap:28px!important;padding:31px 42px!important}main .tsi__principle blockquote{font-size:clamp(27px,3vw,45px)!important}main :where(.tam__principle,.tam__portal,.tch-card,.totoka-routine-levels-hub__card,.totoka-routine-fit__card,.totoka-asymmetric-hub__card,.tfg__card,.tsg-card,.tsj-card,.tfour-card){background-clip:padding-box}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/totoka-design-system.css.map */