.tan-size-checklist{scroll-margin-top:120px;overflow:hidden}.tan-size-checklist__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-checklist__header .tan-lead{justify-self:end;margin-top:0}.tan-size-checklist__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.76fr);gap:18px;align-items:start;margin-top:clamp(48px,7vw,80px)}.tan-size-checklist__mistakes,.tan-size-checklist__checks{min-width:0;padding:clamp(25px,4vw,46px);border:1px solid rgba(11,7,20,.1);border-radius:8px;background:#fff}.tan-size-checklist__mistakes>p,.tan-size-checklist__checks>p{margin:0;color:var(--tan-violet);font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.tan-size-checklist__mistakes>h3,.tan-size-checklist__checks>h3{max-width:15ch;margin:10px 0 0;font-size:clamp(30px,3.6vw,49px);line-height:.98;letter-spacing:-.045em}.tan-size-checklist__mistake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:34px}.tan-size-checklist__mistake-grid article{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px;border:1px solid rgba(11,7,20,.09);border-radius:8px;background:#f6f4f9}.tan-size-checklist__mistake-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:var(--tan-pink);background:#ec489914;font-size:17px}.tan-size-checklist__mistake-grid h4{margin:1px 0 0;font-size:13px}.tan-size-checklist__mistake-grid p{margin:7px 0 0;color:#0b07148a;font-size:10px;line-height:1.45}.tan-size-checklist__mistake-grid small{display:block;margin-top:10px;color:var(--tan-violet);font-size:8px;font-weight:700;line-height:1.4;text-transform:uppercase}.tan-size-checklist__check-grid{display:grid;gap:8px;margin-top:34px}.tan-size-checklist__check-grid label{min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;padding:15px;border:1px solid rgba(11,7,20,.09);border-radius:8px;background:#f7f5fa;cursor:pointer}.tan-size-checklist__check-grid input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--tan-violet)}.tan-size-checklist__check-grid strong,.tan-size-checklist__check-grid small{display:block}.tan-size-checklist__check-grid strong{font-size:12px}.tan-size-checklist__check-grid small{margin-top:4px;color:#0b07147a;font-size:9px;line-height:1.4}.tan-size-checklist__checks .tan-button{width:100%;margin-top:24px}.tan-size-checklist__note{margin-top:17px;color:#0b071473;font-size:9px;line-height:1.5;text-align:center}.tan-size-checklist__note p{margin:0}@media(max-width:989px){.tan-size-checklist__layout{grid-template-columns:1fr}}@media(max-width:749px){.tan-size-checklist__header{grid-template-columns:1fr;gap:22px}.tan-size-checklist__header .tan-lead{justify-self:start}.tan-size-checklist__mistakes,.tan-size-checklist__checks{padding:27px 18px;border-radius:8px}.tan-size-checklist__mistake-grid{grid-template-columns:1fr}}.tan-size-finder{scroll-margin-top:120px;overflow:hidden}.tan-size-finder__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-finder__header .tan-lead{justify-self:end;margin-top:0}.tan-size-finder__workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:18px;align-items:start;margin-top:clamp(48px,7vw,82px)}.tan-size-finder__questions{display:grid;gap:14px}.tan-size-finder__group{min-width:0;margin:0;padding:clamp(18px,2.5vw,28px);border:1px solid rgba(11,7,20,.1);border-radius:8px;background:#f3f0f8}.tan-size-finder__group legend{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:0;color:var(--tan-ink);font-size:15px;font-weight:700}.tan-size-finder__group legend span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--tan-violet),var(--tan-pink));font-size:9px;letter-spacing:.08em}.tan-size-finder__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tan-size-finder__choices--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.tan-size-finder__choice{width:100%;min-width:0;min-height:105px;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:12px;padding:13px;border:1px solid rgba(11,7,20,.1);border-radius:4px;color:var(--tan-ink);background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.tan-size-finder__choices--compact .tan-size-finder__choice{min-height:116px;grid-template-columns:1fr;align-content:start}.tan-size-finder__choice>span:first-child{width:43px;height:43px;display:grid;place-items:center;border-radius:4px;color:var(--tan-violet);background:#8b5cf617;font-size:16px}.tan-size-finder__choice strong,.tan-size-finder__choice small{display:block;min-width:0}.tan-size-finder__choice strong{font-size:13px;line-height:1.25}.tan-size-finder__choice small{margin-top:5px;color:#0b07148c;font-size:10px;line-height:1.4}.tan-size-finder__choice:hover{transform:translateY(-2px);border-color:#8b5cf659}.tan-size-finder__choice.is-active{border-color:var(--tan-violet);box-shadow:0 0 0 3px #8b5cf61a}.tan-size-finder__choice:focus-visible{outline:3px solid rgba(70,230,216,.55);outline-offset:2px}.tan-size-finder__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:clamp(18px,2.5vw,28px);border:1px solid rgba(11,7,20,.1);border-radius:8px;background:#fff}.tan-size-finder__details label{min-width:0;display:grid;gap:8px;color:var(--tan-ink);font-size:12px;font-weight:700}.tan-size-finder__details input,.tan-size-finder__details select{width:100%;min-width:0;height:48px;padding:0 13px;border:1px solid rgba(11,7,20,.16);border-radius:4px;color:var(--tan-ink);background:#f8f7fb;font:600 14px/1 inherit}.tan-size-finder__details input:focus,.tan-size-finder__details select:focus{outline:3px solid rgba(139,92,246,.18);border-color:var(--tan-violet)}.tan-size-finder__details label>small{color:#0b07147a;font-size:9px;font-weight:500;line-height:1.45}.tan-size-finder__input{position:relative;display:block}.tan-size-finder__input input{padding-right:45px}.tan-size-finder__input b{position:absolute;top:50%;right:13px;color:#0b07146b;font-size:10px;transform:translateY(-50%)}.tan-size-finder__result{position:sticky;top:116px;min-width:0;overflow:hidden;padding:clamp(28px,4vw,46px);border-radius:8px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(236,72,153,.23),transparent 30%),radial-gradient(circle at 18% 82%,rgba(70,230,216,.09),transparent 28%),var(--tan-ink);box-shadow:0 28px 80px #0b07142e}.tan-size-finder__result-kicker{margin:0;color:var(--tan-cyan);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.tan-size-finder__range{margin-top:22px}.tan-size-finder__range span,.tan-size-finder__levels span{display:block;color:#ffffff7a;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tan-size-finder__range strong{display:block;margin-top:7px;font-size:clamp(47px,5.5vw,76px);line-height:.9;letter-spacing:-.06em;overflow-wrap:anywhere}.tan-size-finder__levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.tan-size-finder__levels>div{min-width:0;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}.tan-size-finder__levels strong{display:block;margin-top:7px;font-size:21px}.tan-size-finder__levels small{display:block;margin-top:5px;color:#ffffff6e;font-size:9px;line-height:1.4}.tan-size-finder__meter{height:5px;margin-top:24px;overflow:hidden;border-radius:999px;background:#ffffff1a}.tan-size-finder__meter i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tan-cyan),var(--tan-violet),var(--tan-pink));box-shadow:0 0 16px #ec48998c;transition:width .28s ease}.tan-size-finder__result>p[data-size-explanation]{margin:24px 0 0;color:#ffffffb3;font-size:13px;line-height:1.6}.tan-size-finder__result ul{margin:18px 0 0;padding:0;list-style:none;color:#ffffffb8;font-size:11px;line-height:1.5}.tan-size-finder__result li{position:relative;padding-left:18px}.tan-size-finder__result li:before{content:"\b7";position:absolute;left:3px;color:var(--tan-cyan);font-size:17px;line-height:.9}.tan-size-finder__result li+li{margin-top:7px}.tan-size-finder__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tan-size-finder__actions button{cursor:pointer}.tan-size-finder__boundary{display:block;margin-top:18px;color:#fff6;font-size:9px;line-height:1.5}@media(max-width:1099px){.tan-size-finder__workspace{grid-template-columns:1fr}.tan-size-finder__result{position:relative;top:auto}}@media(max-width:749px){.tan-size-finder__header{grid-template-columns:1fr;gap:22px}.tan-size-finder__header .tan-lead{justify-self:start}.tan-size-finder__workspace{margin-top:38px}.tan-size-finder__group{padding:17px 13px}.tan-size-finder__choices,.tan-size-finder__choices--compact{display:flex;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x mandatory;scrollbar-width:none}.tan-size-finder__choices::-webkit-scrollbar{display:none}.tan-size-finder__choice,.tan-size-finder__choices--compact .tan-size-finder__choice{flex:0 0 84%;min-width:252px;max-width:310px;grid-template-columns:43px minmax(0,1fr);align-content:center;scroll-snap-align:start}.tan-size-finder__details{grid-template-columns:1fr;padding:18px 14px}.tan-size-finder__result{padding:29px 22px;border-radius:8px}.tan-size-finder__levels{grid-template-columns:1fr}.tan-size-finder__actions,.tan-size-finder__actions .tan-button{width:100%}}@media(prefers-reduced-motion:reduce){.tan-size-finder__choice,.tan-size-finder__meter i{transition:none}}.tan-size-hero{position:relative;overflow:hidden;padding:clamp(108px,14vw,188px) 0 0;color:var(--tan-paper);background:radial-gradient(circle at 78% 16%,rgba(236,72,153,.25),transparent 30%),radial-gradient(circle at 18% 82%,rgba(70,230,216,.11),transparent 29%),var(--tan-ink)}.tan-size-hero__layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:clamp(44px,7vw,104px);align-items:center}.tan-size-hero__copy h1{max-width:930px;margin:0;font-size:clamp(52px,7.1vw,106px);line-height:.9;letter-spacing:-.06em;text-wrap:balance}.tan-size-hero__lead{max-width:700px;margin-top:28px;color:#ffffffb8;font-size:clamp(17px,1.5vw,21px);line-height:1.58}.tan-size-hero__lead p,.tan-size-hero__note p{margin:0}.tan-size-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.tan-size-hero__note{max-width:690px;display:flex;gap:12px;margin-top:26px;color:#ffffff91;font-size:12px;line-height:1.55}.tan-size-hero__note>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--tan-cyan);font-weight:700}.tan-size-hero__visual{position:relative;min-height:clamp(540px,57vw,740px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px 8px 0 0;background:linear-gradient(145deg,#211831,#100a19);box-shadow:0 36px 110px #0000004d}.tan-size-hero__wall{position:absolute;inset:clamp(28px,4vw,54px) clamp(24px,4vw,48px) 172px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(135deg,#ffffff17,#ffffff06),repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.025) 60px)}.tan-size-hero__wall:after{content:"";position:absolute;right:7%;bottom:0;left:7%;height:11%;border-top:1px solid rgba(255,255,255,.1);background:#05030a3d}.tan-size-hero__wall-label{position:absolute;top:17px;left:18px;color:#ffffff61;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.tan-size-hero__sign{position:relative;z-index:1;width:64%;padding:22px 16px;text-align:center}.tan-size-hero__sign:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.08);border-radius:8px}.tan-size-hero__sign span{position:relative;color:#fff;font-size:clamp(27px,4vw,48px);font-weight:700;letter-spacing:.05em;text-shadow:0 0 6px #fff,0 0 18px var(--tan-pink),0 0 42px var(--tan-pink)}.tan-size-hero__scale{position:absolute;right:9%;bottom:114px;left:9%;height:43px;border-top:1px solid rgba(255,255,255,.24)}.tan-size-hero__scale:before,.tan-size-hero__scale:after{content:"";position:absolute;top:-5px;width:1px;height:10px;background:#ffffff80}.tan-size-hero__scale:before{left:0}.tan-size-hero__scale:after{right:0}.tan-size-hero__scale>div{position:absolute;top:-5px;left:var(--size-position);width:1px;height:10px;background:var(--tan-cyan)}.tan-size-hero__scale strong,.tan-size-hero__scale small{position:absolute;top:14px;left:50%;width:max-content;transform:translate(-50%)}.tan-size-hero__scale strong{font-size:11px}.tan-size-hero__scale small{top:30px;color:#ffffff6b;font-size:8px;text-transform:uppercase}.tan-size-hero__readout{position:absolute;right:24px;bottom:22px;left:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0b0714bd;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.tan-size-hero__readout span,.tan-size-hero__readout small{color:#ffffff85;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tan-size-hero__readout strong{font-size:22px}.tan-size-hero__readout small{text-align:right}.tan-size-hero__nav{display:flex;gap:28px;overflow-x:auto;padding-block:18px;scrollbar-width:none}.tan-size-hero__nav::-webkit-scrollbar{display:none}.tan-size-hero__nav a{flex:0 0 auto;color:#ffffffa8;font-size:12px;font-weight:650;text-decoration:none}.tan-size-hero__nav a:hover,.tan-size-hero__nav a:focus-visible{color:#fff}body:has(.tan-size-hero) .tan-faq__item summary{min-width:0}body:has(.tan-size-hero) .tan-faq__item summary>span:first-child{min-width:0;overflow-wrap:anywhere}body:has(.tan-size-hero) .tan-faq__item summary>span:last-child{width:28px;height:32px;flex:0 0 28px;display:grid;place-items:center;font-size:0;line-height:1;text-align:center;transform:none}body:has(.tan-size-hero) .tan-faq__item summary>span:last-child:after{content:"";font-size:28px;display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20style%3D%22vertical-align%3A-0.125em%3Bflex%3Anone%22%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20style%3D%22vertical-align%3A-0.125em%3Bflex%3Anone%22%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%20%3Cpath%20d%3D%22M12%205v14%22%20%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}body:has(.tan-size-hero) .tan-faq__item[open] summary>span:last-child:after{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20style%3D%22vertical-align%3A-0.125em%3Bflex%3Anone%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20style%3D%22vertical-align%3A-0.125em%3Bflex%3Anone%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}body:has(.tan-size-hero) .tan-faq__item>div{min-width:0;overflow-wrap:anywhere}@media(max-width:989px){.tan-size-hero__layout{grid-template-columns:1fr}.tan-size-hero__visual{min-height:620px}}@media(max-width:749px){.tan-size-hero{padding-top:94px}.tan-size-hero__layout{gap:38px}.tan-size-hero__copy h1{font-size:clamp(47px,15vw,72px)}.tan-size-hero__actions,.tan-size-hero__actions .tan-button{width:100%}.tan-size-hero__visual{min-height:540px;border-radius:8px 8px 0 0}.tan-size-hero__wall{top:22px;right:16px;bottom:166px;left:16px}.tan-size-hero__sign{width:72%}.tan-size-hero__scale{right:9%;left:9%}.tan-size-hero__scale small{display:none}.tan-size-hero__readout{right:15px;bottom:17px;left:15px;grid-template-columns:1fr auto}.tan-size-hero__readout span{grid-column:1/-1}.tan-size-hero__readout small{font-size:8px}.tan-size-hero__nav{width:100%;padding-inline:20px}}@media(prefers-reduced-motion:reduce){.tan-size-hero__nav{scroll-behavior:auto}}.tan-size-hero__sign span{font-family:var(--tan-preview-font-family,inherit);font-weight:400}.tan-size-legibility{scroll-margin-top:120px;overflow:hidden}.tan-size-legibility__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-legibility__header .tan-lead{justify-self:end;margin-top:0}.tan-size-legibility__distance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(48px,7vw,80px)}.tan-size-legibility__distance article{min-width:0;padding:clamp(22px,2.7vw,34px);border:1px solid rgba(255,255,255,.11);border-radius:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--legibility-accent) 12%,rgba(255,255,255,.05)),#ffffff06)}.tan-size-legibility__distance article>div:first-child{display:flex;align-items:center;gap:12px}.tan-size-legibility__distance article>div:first-child span{flex:0 0 auto;color:#fff;font-size:clamp(22px,2.7vw,36px);font-weight:750;letter-spacing:-.04em}.tan-size-legibility__distance article>div:first-child i{height:1px;flex:1;background:linear-gradient(90deg,var(--legibility-accent),transparent)}.tan-size-legibility__distance article>p{margin:34px 0 0;color:var(--legibility-accent);font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.tan-size-legibility__distance h3{margin:9px 0 0;font-size:clamp(22px,2.2vw,31px);line-height:1.02;letter-spacing:-.035em}.tan-size-legibility__distance article>div:nth-of-type(2){margin-top:15px;color:#ffffff9e;font-size:12px;line-height:1.55}.tan-size-legibility__distance article>div:nth-of-type(2) p{margin:0}.tan-size-legibility__distance article>small{display:block;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09);color:#ffffff6b;font-size:9px;line-height:1.45}.tan-size-legibility__factors{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,100px);align-items:start;margin-top:clamp(70px,10vw,130px)}.tan-size-legibility__factor-intro>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:var(--tan-cyan);font-size:10px;font-weight:700}.tan-size-legibility__factor-intro>p{margin:25px 0 0;color:var(--tan-cyan);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.tan-size-legibility__factor-intro h3{max-width:12ch;margin:10px 0 0;font-size:clamp(34px,4vw,58px);line-height:.97;letter-spacing:-.045em}.tan-size-legibility__factor-intro>div{max-width:56ch;margin-top:20px;color:#fff9;font-size:13px;line-height:1.6}.tan-size-legibility__factor-intro>div p{margin:0}.tan-size-legibility__factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tan-size-legibility__factor-grid article{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.tan-size-legibility__factor-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:var(--tan-cyan);background:#46e6d814;font-size:17px}.tan-size-legibility__factor-grid h4{margin:2px 0 0;font-size:14px}.tan-size-legibility__factor-grid p{margin:7px 0 0;color:#ffffff80;font-size:10px;line-height:1.5}.tan-size-legibility__note{max-width:940px;margin:50px auto 0;padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:11px;line-height:1.55;text-align:center}.tan-size-legibility__note p{margin:0}@media(max-width:989px){.tan-size-legibility__distance{grid-template-columns:repeat(2,minmax(0,1fr))}.tan-size-legibility__factors{grid-template-columns:1fr}}@media(max-width:749px){.tan-size-legibility__header{grid-template-columns:1fr;gap:22px}.tan-size-legibility__header .tan-lead{justify-self:start}.tan-size-legibility__distance{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.tan-size-legibility__distance::-webkit-scrollbar{display:none}.tan-size-legibility__distance article{flex:0 0 84%;min-width:266px;max-width:330px;scroll-snap-align:start}.tan-size-legibility__factor-grid{grid-template-columns:1fr}}.tan-size-measure{scroll-margin-top:120px;overflow:hidden}.tan-size-measure__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-measure__header .tan-lead{justify-self:end;margin-top:0}.tan-size-measure__layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:clamp(42px,7vw,100px);align-items:start;margin-top:clamp(52px,8vw,100px)}.tan-size-measure__visual{position:sticky;top:120px;min-height:620px;overflow:hidden;border-radius:8px;color:#fff;background:var(--tan-ink)}.tan-size-measure__visual--image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tan-size-measure__visual--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(11,7,20,.72),transparent 55%)}.tan-size-measure__diagram{position:absolute;inset:clamp(44px,7vw,78px);border:1px solid rgba(255,255,255,.16);background:linear-gradient(140deg,#ffffff12,#ffffff05)}.tan-size-measure__safe{position:absolute;top:18%;right:16%;bottom:23%;left:16%;display:grid;place-items:center;border:1px dashed var(--tan-cyan);border-radius:8px;background:#46e6d809}.tan-size-measure__safe span{position:absolute;top:14px;color:#ffffff75;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tan-size-measure__safe strong{font-size:clamp(28px,4vw,52px);letter-spacing:-.05em}.tan-size-measure__width{position:absolute;right:16%;bottom:11%;left:16%;height:1px;background:var(--tan-pink)}.tan-size-measure__height{position:absolute;top:18%;right:8%;bottom:23%;width:1px;background:var(--tan-violet)}.tan-size-measure__width i,.tan-size-measure__height i{position:absolute;background:inherit}.tan-size-measure__width i{top:-5px;width:1px;height:11px}.tan-size-measure__width i:last-child{right:0}.tan-size-measure__height i{left:-5px;width:11px;height:1px}.tan-size-measure__height i:last-child{bottom:0}.tan-size-measure__width b,.tan-size-measure__height b{position:absolute;color:#fff;font-size:10px}.tan-size-measure__width b{top:10px;left:50%;transform:translate(-50%)}.tan-size-measure__height b{top:50%;left:13px;width:max-content;transform:translateY(-50%) rotate(90deg)}.tan-size-measure__obstacle{position:absolute;right:23%;bottom:23%;width:26%;height:15%;display:grid;place-items:center;color:#ffffff80;background:#ec48991f;font-size:8px;text-transform:uppercase}.tan-size-measure__socket{position:absolute;right:19%;bottom:12%;width:18px;height:25px;border:1px solid rgba(255,255,255,.35);border-radius:3px}.tan-size-measure__caption{position:absolute;z-index:2;right:18px;bottom:18px;left:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#ffffffad;background:#0b0714b8;font-size:10px;line-height:1.5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tan-size-measure__caption p{margin:0}.tan-size-measure__steps{margin:0;padding:0;list-style:none}.tan-size-measure__steps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;padding:0 0 38px}.tan-size-measure__steps li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(11,7,20,.12);border-radius:50%;color:var(--tan-violet);font-size:9px;font-weight:700}.tan-size-measure__steps li>div>p{margin:0;color:var(--tan-violet);font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.tan-size-measure__steps h3{margin:8px 0 0;font-size:clamp(22px,2.2vw,31px);line-height:1.05;letter-spacing:-.03em}.tan-size-measure__steps li>div>div{margin-top:12px;color:#0b07149e;font-size:13px;line-height:1.6}.tan-size-measure__steps li>div>div p{margin:0}.tan-size-measure__steps small{display:block;margin-top:13px;color:#0b071478;font-size:10px;line-height:1.45}.tan-size-measure__steps small b{margin-right:6px;color:#0b0714b8}.tan-size-measure__note{max-width:920px;display:flex;gap:13px;margin:48px auto 0;padding:18px 20px;border:1px solid rgba(11,7,20,.1);border-radius:8px;color:#0b07149e;background:#fff;font-size:12px;line-height:1.55}.tan-size-measure__note>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--tan-violet);font-weight:700}.tan-size-measure__note p{margin:0}@media(max-width:989px){.tan-size-measure__layout{grid-template-columns:1fr}.tan-size-measure__visual{position:relative;top:auto;min-height:520px}}@media(max-width:749px){.tan-size-measure__header{grid-template-columns:1fr;gap:22px}.tan-size-measure__header .tan-lead{justify-self:start}.tan-size-measure__layout{gap:42px;margin-top:42px}.tan-size-measure__visual{min-height:440px;border-radius:8px}.tan-size-measure__diagram{top:34px;right:24px;bottom:58px;left:24px}.tan-size-measure__steps li{grid-template-columns:42px minmax(0,1fr);gap:14px}.tan-size-measure__steps li>span{width:38px;height:38px}}.tan-size-ratio{scroll-margin-top:120px;overflow:hidden}.tan-size-ratio__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-ratio__header .tan-lead{justify-self:end;margin-top:0}.tan-size-ratio__terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(48px,7vw,80px)}.tan-size-ratio__terms article{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:clamp(21px,2.5vw,31px);border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.tan-size-ratio__terms article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--tan-cyan);background:#46e6d814;font-size:8px;font-weight:700}.tan-size-ratio__terms article p{margin:3px 0 0;color:var(--tan-cyan);font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.tan-size-ratio__terms h3{margin:8px 0 0;font-size:clamp(20px,2vw,28px);line-height:1.02;letter-spacing:-.03em}.tan-size-ratio__terms article>div>div{margin-top:14px;color:#ffffff94;font-size:11px;line-height:1.55}.tan-size-ratio__terms article>div>div p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none}.tan-size-ratio__terms small{display:block;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);color:#ffffff63;font-size:9px;line-height:1.45}.tan-size-ratio__pressure{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,100px);align-items:start;margin-top:clamp(70px,10vw,130px)}.tan-size-ratio__pressure-intro>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:var(--tan-pink);font-size:10px;font-weight:700}.tan-size-ratio__pressure-intro>p{margin:25px 0 0;color:var(--tan-pink);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.tan-size-ratio__pressure-intro h3{max-width:12ch;margin:10px 0 0;font-size:clamp(34px,4vw,58px);line-height:.97;letter-spacing:-.045em}.tan-size-ratio__pressure-intro>div{max-width:56ch;margin-top:20px;color:#fff9;font-size:13px;line-height:1.6}.tan-size-ratio__pressure-intro>div p{margin:0}.tan-size-ratio__pressure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tan-size-ratio__pressure-grid article{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.tan-size-ratio__pressure-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:var(--tan-pink);background:#ec489914;font-size:17px}.tan-size-ratio__pressure-grid h4{margin:2px 0 0;font-size:14px}.tan-size-ratio__pressure-grid p{margin:7px 0 0;color:#ffffff80;font-size:10px;line-height:1.5}.tan-size-ratio__pressure-grid small{display:block;margin-top:9px;color:var(--tan-cyan);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tan-size-ratio__note{max-width:940px;margin:50px auto 0;padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:11px;line-height:1.55;text-align:center}.tan-size-ratio__note p{margin:0}@media(max-width:989px){.tan-size-ratio__terms{grid-template-columns:repeat(2,minmax(0,1fr))}.tan-size-ratio__pressure{grid-template-columns:1fr}}@media(max-width:749px){.tan-size-ratio__header{grid-template-columns:1fr;gap:22px}.tan-size-ratio__header .tan-lead{justify-self:start}.tan-size-ratio__terms,.tan-size-ratio__pressure-grid{grid-template-columns:1fr}}.tan-size-scenarios{scroll-margin-top:120px;overflow:hidden}.tan-size-scenarios__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-scenarios__header .tan-lead{justify-self:end;margin-top:0}.tan-size-scenarios__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:clamp(48px,7vw,80px)}.tan-size-scenarios__rail article{min-width:0;padding:clamp(20px,2.4vw,30px);border:1px solid rgba(11,7,20,.1);border-radius:8px;background:#fff}.tan-size-scenarios__measure{position:relative;height:68px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(11,7,20,.12)}.tan-size-scenarios__measure:before,.tan-size-scenarios__measure:after{content:"";position:absolute;bottom:-5px;width:1px;height:10px;background:#0b071459}.tan-size-scenarios__measure:before{left:0}.tan-size-scenarios__measure:after{right:0}.tan-size-scenarios__measure i{position:absolute;bottom:-2px;left:0;width:var(--scenario-scale);height:4px;border-radius:4px;background:var(--scenario-accent);box-shadow:0 0 16px color-mix(in srgb,var(--scenario-accent) 45%,transparent)}.tan-size-scenarios__measure strong{font-size:clamp(21px,2.3vw,32px);letter-spacing:-.04em}.tan-size-scenarios__rail article>p{margin:24px 0 0;color:var(--scenario-accent);font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.tan-size-scenarios__rail h3{margin:9px 0 0;font-size:clamp(20px,2vw,27px);line-height:1.02;letter-spacing:-.03em}.tan-size-scenarios__copy{margin-top:15px;color:#0b07149e;font-size:12px;line-height:1.55}.tan-size-scenarios__copy p{margin:0}.tan-size-scenarios__rail dl{display:grid;gap:10px;margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(11,7,20,.08)}.tan-size-scenarios__rail dl>div{min-width:0}.tan-size-scenarios__rail dt{color:#0b071461;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tan-size-scenarios__rail dd{margin:4px 0 0;color:#0b0714b8;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.tan-size-scenarios__note{max-width:920px;display:flex;gap:13px;margin:34px auto 0;padding:18px 20px;border:1px solid rgba(11,7,20,.1);border-radius:8px;color:#0b07149e;background:#fff;font-size:12px;line-height:1.55}.tan-size-scenarios__note>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--tan-violet);font-weight:700}.tan-size-scenarios__note p{margin:0}@media(max-width:1199px){.tan-size-scenarios__rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.tan-size-scenarios__header{grid-template-columns:1fr;gap:22px}.tan-size-scenarios__header .tan-lead{justify-self:start}.tan-size-scenarios__rail{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.tan-size-scenarios__rail::-webkit-scrollbar{display:none}.tan-size-scenarios__rail article{flex:0 0 84%;min-width:266px;max-width:330px;scroll-snap-align:start}}.tan-size-simulator{scroll-margin-top:120px;overflow:hidden}.tan-size-simulator__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);gap:48px;align-items:end}.tan-size-simulator__header .tan-lead{justify-self:end;margin-top:0}.tan-size-simulator__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;align-items:stretch;margin-top:clamp(48px,7vw,82px)}.tan-size-simulator__stage{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#130d1d}.tan-size-simulator__room{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(155deg,#d5d0d9,#9d96a4)}.tan-size-simulator__ceiling{position:absolute;top:0;right:0;bottom:82%;left:0;background:linear-gradient(160deg,#efedf1,#c6c1cb);clip-path:polygon(0 0,100% 0,100% 46%,0 100%)}.tan-size-simulator__wall{position:absolute;top:14%;right:7%;bottom:24%;left:7%;display:grid;place-items:center;overflow:hidden;border-radius:2px;background:linear-gradient(115deg,#ffffffb8,#dedae2eb),repeating-linear-gradient(90deg,transparent 0 69px,rgba(11,7,20,.025) 70px);box-shadow:inset 0 0 70px #0b071414}.tan-size-simulator__wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(92deg,rgba(255,255,255,.22),transparent 26%,transparent 74%,rgba(11,7,20,.05));pointer-events:none}.tan-size-simulator__sign{--sim-sign-width:33%;--sim-sign-ratio:2.8;position:relative;width:var(--sim-sign-width);min-width:74px;max-width:90%;aspect-ratio:var(--sim-sign-ratio);display:grid;place-items:center;padding:4%;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:#ffffff0b;box-shadow:0 0 42px color-mix(in srgb,var(--sim-accent) 27%,transparent);transition:width .28s ease,aspect-ratio .28s ease}.tan-size-simulator__sign span{max-width:100%;overflow:hidden;color:#fff;font-size:clamp(9px,2.4vw,31px);font-weight:750;line-height:1;letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 4px #fff,0 0 13px var(--sim-accent),0 0 31px var(--sim-accent)}.tan-size-simulator__power{position:absolute;right:6%;bottom:6%;width:13px;height:19px;border:1px solid rgba(11,7,20,.25);border-radius:2px}.tan-size-simulator__furniture{position:absolute;right:14%;bottom:8%;left:14%;height:23%;display:grid;grid-template-columns:1fr 2.7fr 1fr;align-items:end;gap:4%}.tan-size-simulator__furniture i{display:block;height:55%;border-radius:3px;background:#241b2c;box-shadow:0 12px 24px #0b07142e}.tan-size-simulator__furniture i:nth-child(2){height:42%;border-radius:8px 8px 3px 3px;background:#5f5864}.tan-size-simulator__furniture i:nth-child(3){height:76%;background:#332839}.tan-size-simulator__floor{position:absolute;right:0;bottom:0;left:0;height:12%;background:linear-gradient(170deg,#6b6069,#342b35);clip-path:polygon(0 27%,100% 0,100% 100%,0 100%)}.tan-size-simulator__readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.1)}.tan-size-simulator__readouts>div{min-width:0;padding:18px;border-right:1px solid rgba(255,255,255,.1)}.tan-size-simulator__readouts>div:last-child{border-right:0}.tan-size-simulator__readouts span,.tan-size-simulator__readouts strong{display:block}.tan-size-simulator__readouts span{color:#fff6;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tan-size-simulator__readouts strong{margin-top:6px;color:#fff;font-size:13px;overflow-wrap:anywhere}.tan-size-simulator__controls{min-width:0;display:grid;align-content:start;gap:16px;padding:clamp(23px,3vw,36px);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b}.tan-size-simulator__controls label{min-width:0;display:grid;gap:8px;color:#fff;font-size:11px;font-weight:700}.tan-size-simulator__controls input,.tan-size-simulator__controls select{width:100%;min-width:0;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:4px;color:#fff;background:#171021;font:600 14px/1 inherit}.tan-size-simulator__controls input[type=range]{height:24px;padding:0;accent-color:var(--sim-accent);background:transparent}.tan-size-simulator__controls input:focus,.tan-size-simulator__controls select:focus{outline:3px solid color-mix(in srgb,var(--sim-accent) 28%,transparent);border-color:var(--sim-accent)}.tan-size-simulator__controls label>small{color:#ffffff6b;font-size:9px;font-weight:500;line-height:1.45}.tan-size-simulator__scene-group>p{margin:0 0 10px;color:#ffffff7a;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tan-size-simulator__scene-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tan-size-simulator__scene-group button{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:4px;color:#fff;background:#ffffff0a;text-align:left;cursor:pointer}.tan-size-simulator__scene-group button>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;color:var(--sim-accent);background:#ffffff0e}.tan-size-simulator__scene-group strong,.tan-size-simulator__scene-group small{display:block;overflow-wrap:anywhere}.tan-size-simulator__scene-group strong{font-size:10px}.tan-size-simulator__scene-group small{margin-top:3px;color:#fff6;font-size:8px;line-height:1.3}.tan-size-simulator__scene-group button.is-active{border-color:var(--sim-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sim-accent) 15%,transparent)}.tan-size-simulator__scene-group button:focus-visible{outline:3px solid rgba(70,230,216,.48);outline-offset:2px}.tan-size-simulator__range>span{display:flex;justify-content:space-between;gap:20px}.tan-size-simulator__range output{color:var(--tan-cyan)}.tan-size-simulator__number{position:relative;display:block}.tan-size-simulator__number input{padding-right:45px}.tan-size-simulator__number b{position:absolute;top:50%;right:13px;color:#ffffff6b;font-size:10px;transform:translateY(-50%)}.tan-size-simulator__note{display:flex;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#ffffffa8;font-size:10px;line-height:1.5}.tan-size-simulator__note>span{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sim-accent);font-weight:700}.tan-size-simulator__note p{margin:0}.tan-size-simulator__boundary{color:#ffffff61;font-size:9px;line-height:1.5}.tan-size-simulator__boundary p{margin:0}@media(max-width:1099px){.tan-size-simulator__layout{grid-template-columns:1fr}.tan-size-simulator__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tan-size-simulator__scene-group,.tan-size-simulator__note,.tan-size-simulator__boundary{grid-column:1/-1}}@media(max-width:749px){.tan-size-simulator__header{grid-template-columns:1fr;gap:22px}.tan-size-simulator__header .tan-lead{justify-self:start}.tan-size-simulator__layout{margin-top:38px}.tan-size-simulator__room{min-height:430px}.tan-size-simulator__wall{top:13%;right:5%;bottom:25%;left:5%}.tan-size-simulator__furniture{right:8%;left:8%}.tan-size-simulator__readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.tan-size-simulator__readouts>div:nth-child(2){border-right:0}.tan-size-simulator__readouts>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.tan-size-simulator__controls{grid-template-columns:1fr;padding:22px 16px;border-radius:8px}.tan-size-simulator__scene-group,.tan-size-simulator__note,.tan-size-simulator__boundary{grid-column:auto}.tan-size-simulator__sign span{font-size:clamp(8px,4vw,19px)}}@media(prefers-reduced-motion:reduce){.tan-size-simulator__sign{transition:none}}.tan-size-simulator__sign span{font-family:var(--tan-preview-font-family,inherit);font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/99/assets/tan-size-pages.css.map */