.tys-scoreboard{--tys-progress: 0;--tys-heading-font: "Playfair Display", Georgia, serif;--tys-heading-style: normal;--tys-heading-weight: 400;--tys-body-font: Arial, sans-serif;--tys-score-scale: 1;--tys-image-scale: 1;--tys-motion-shift: 54px;position:relative;isolation:isolate;overflow:clip;color:var(--tys-text);font-family:var(--tys-body-font);padding-block:var(--tys-padding-top) var(--tys-padding-bottom)}.tys-scoreboard *,.tys-scoreboard *:before,.tys-scoreboard *:after{box-sizing:border-box}.tys-scoreboard__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.tys-scoreboard__background-sticky{position:sticky;top:0;width:100%;height:100svh;background-color:var(--tys-background);background-repeat:no-repeat;background-size:cover;overflow:hidden}.tys-scoreboard__background-sticky:before,.tys-scoreboard__background-sticky:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none}.tys-scoreboard__background-sticky:before{background:radial-gradient(circle at 13% 18%,rgba(205,220,211,.3),transparent 31%),radial-gradient(circle at 83% 38%,rgba(214,222,226,.28),transparent 28%),linear-gradient(125deg,rgba(255,255,255,.3),transparent 46%)}.tys-scoreboard__background-sticky:after{inset:auto -10% -36% 22%;height:68%;border-radius:50%;background:radial-gradient(ellipse,rgba(119,146,131,.12),transparent 67%);filter:blur(42px)}.tys-scoreboard__inner{width:min(calc(100% - 48px),var(--tys-max-width));margin-inline:auto}.tys-scoreboard__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:clamp(36px,8vw,140px);align-items:end;padding-bottom:clamp(62px,9vw,142px)}.tys-eyebrow,.tys-entry__vendor,.tys-entry__category,.tys-explainer__label,.tys-entry__score-note{margin:0;color:var(--tys-muted);font-size:11px;font-weight:650;letter-spacing:.22em;line-height:1.35;text-transform:uppercase}.tys-scoreboard__header .tys-eyebrow{grid-column:1 / -1;margin-bottom:clamp(-10px,-.8vw,-2px)}.tys-scoreboard__heading,.tys-footer__heading,.tys-explainer__heading,.tys-entry__title,.tys-entry__title a,.tys-score__number{font-family:var(--tys-heading-font)!important;font-style:var(--tys-heading-style)!important;font-weight:var(--tys-heading-weight)!important}.tys-scoreboard__heading{margin:0;max-width:11ch;color:var(--tys-heading);font-size:clamp(58px,8.1vw,138px);letter-spacing:-.055em;line-height:.88;text-wrap:balance}.tys-scoreboard__intro{max-width:460px;color:var(--tys-text);font-size:clamp(17px,1.25vw,22px);line-height:1.55}.tys-scoreboard__intro p,.tys-explainer__copy p,.tys-explainer__disclaimer p,.tys-entry__description p,.tys-footer__copy p{margin:0}.tys-explainer{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(280px,1.25fr) minmax(260px,.9fr);gap:clamp(30px,5vw,86px);align-items:start;padding-block:clamp(34px,4.5vw,66px);border-top:1px solid color-mix(in srgb,var(--tys-line) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tys-line) 55%,transparent)}.tys-explainer__label{display:flex;gap:11px;align-items:center;color:var(--tys-accent)}.tys-explainer__label span{width:6px;height:6px;border:1px solid var(--tys-accent);border-radius:50%;background:color-mix(in srgb,var(--tys-accent) 24%,transparent)}.tys-explainer__heading{margin:0 0 14px;color:var(--tys-heading);font-size:clamp(32px,3vw,52px);letter-spacing:-.035em;line-height:1}.tys-explainer__copy{color:var(--tys-text);font-size:16px;line-height:1.65}.tys-explainer__disclaimer{color:var(--tys-muted);font-size:12px;line-height:1.65}.tys-ranking{position:relative;padding-top:clamp(72px,9vw,145px)}.tys-ranking__precision-line{position:absolute;top:0;bottom:0;left:clamp(26px,3.5vw,58px);width:1px;pointer-events:none}.tys-ranking__line-track,.tys-ranking__line-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:1px;transform-origin:top}.tys-ranking__line-track{background:color-mix(in srgb,var(--tys-line) 48%,transparent)}.tys-ranking__line-progress{background:linear-gradient(to bottom,var(--tys-accent),var(--tys-score-color));transform:scaleY(var(--tys-progress))}.tys-entry{--tys-score-diameter: clamp(158px, 15vw, 236px);position:relative;display:grid;grid-template-columns:minmax(135px,.78fr) minmax(280px,1.35fr) minmax(280px,1.05fr);gap:clamp(34px,5.5vw,94px);align-items:center;min-height:clamp(530px,72vh,780px);padding:clamp(58px,7vw,112px) clamp(12px,3.2vw,54px) clamp(58px,7vw,112px) clamp(90px,8.5vw,145px);border-bottom:1px solid color-mix(in srgb,var(--tys-line) 50%,transparent)}.tys-entry:nth-of-type(2n){grid-template-columns:minmax(280px,1.05fr) minmax(280px,1.35fr) minmax(135px,.78fr)}.tys-entry:nth-of-type(2n) .tys-entry__score-wrap{grid-column:3;grid-row:1}.tys-entry:nth-of-type(2n) .tys-entry__media-wrap{grid-column:2;grid-row:1}.tys-entry:nth-of-type(2n) .tys-entry__content{grid-column:1;grid-row:1}.tys-entry:before{content:"";position:absolute;top:50%;left:clamp(18px,2.8vw,47px);width:clamp(17px,1.8vw,28px);height:1px;background:var(--tys-line)}.tys-entry:after{content:"";position:absolute;top:calc(50% - 3px);left:clamp(23px,3.3vw,55px);width:7px;height:7px;border:1px solid var(--tys-line);border-radius:50%;background:var(--tys-background);transition:border-color .45s ease,background-color .45s ease,transform .45s ease}.tys-entry.is-current:after{border-color:var(--tys-score-color);background:var(--tys-score-color);transform:scale(1.28)}.tys-entry--lead{--tys-score-diameter: clamp(250px, 24vw, 400px);grid-template-columns:minmax(260px,.94fr) minmax(380px,1.35fr) minmax(270px,.92fr);min-height:clamp(690px,92vh,980px);padding-top:clamp(78px,10vw,154px);padding-bottom:clamp(78px,10vw,154px)}.tys-entry__rank{position:absolute;top:clamp(24px,4vw,62px);right:clamp(4px,2.5vw,42px);z-index:-1;color:color-mix(in srgb,var(--tys-heading) 8%,transparent);font-size:clamp(92px,15vw,252px);font-weight:300;letter-spacing:-.08em;line-height:.8}.tys-entry--lead .tys-entry__rank{top:clamp(10px,1.8vw,28px);font-size:clamp(150px,22vw,360px)}.tys-entry__score-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px}.tys-score{position:relative;display:grid;place-items:center;width:var(--tys-score-diameter);aspect-ratio:1;color:var(--tys-score-color);transform:scale(var(--tys-score-scale))}.tys-score__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.tys-score__track,.tys-score__value{fill:none;stroke-width:.8}.tys-score__track{stroke:color-mix(in srgb,var(--tys-line) 52%,transparent)}.tys-score__value{stroke:var(--tys-tier-color, var(--tys-score-color));stroke-width:1.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--tys-score-render))}.tys-score__marker{fill:var(--tys-tier-color, var(--tys-score-color));transform-origin:60px 60px;transform:rotate(var(--tys-score-angle))}.tys-score__content{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1}.tys-score__number{color:var(--tys-heading);font-size:clamp(64px,7.7vw,124px);letter-spacing:-.065em;line-height:.78;font-variant-numeric:tabular-nums lining-nums}.tys-entry--lead .tys-score__number{font-size:clamp(104px,13.5vw,220px)}.tys-score__suffix{margin-top:18px;color:var(--tys-muted);font-size:10px;font-weight:650;letter-spacing:.24em;text-transform:uppercase}.tys-entry__tier{display:inline-flex;gap:9px;align-items:center;margin:0;color:var(--tys-text);font-size:10px;font-weight:650;letter-spacing:.19em;text-transform:uppercase}.tys-entry__tier span{width:18px;height:1px;background:var(--tys-tier-color)}.tys-entry__media-wrap{position:relative;z-index:1;min-width:0}.tys-entry__media{position:relative;display:grid;place-items:center;min-height:clamp(330px,50vh,560px);color:inherit;text-decoration:none}.tys-entry--lead .tys-entry__media{min-height:clamp(450px,66vh,700px)}.tys-entry__surface{position:absolute;left:7%;right:7%;bottom:9%;height:11%;border-radius:50%;background:radial-gradient(ellipse,rgba(62,81,70,.16),transparent 68%);filter:blur(13px);transform:scaleX(.78)}.tys-entry__image-shell{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:clamp(315px,47vh,535px);transform:translate3d(0,var(--tys-parallax, 0px),0) scale(var(--tys-image-scale));transform-origin:center center}.tys-entry--lead .tys-entry__image-shell{height:clamp(430px,64vh,680px)}.tys-entry__image,.tys-entry__placeholder{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(36,47,41,.12))}.tys-entry__placeholder{max-width:80%;color:color-mix(in srgb,var(--tys-line) 40%,transparent)}.tys-entry__content{position:relative;z-index:2;max-width:430px}.tys-entry__metadata{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-bottom:18px}.tys-entry__category{position:relative;padding-left:20px}.tys-entry__category:before{content:"";position:absolute;top:50%;left:0;width:8px;height:1px;background:var(--tys-line)}.tys-entry__title{margin:0;color:var(--tys-heading);font-size:clamp(34px,3.5vw,62px);letter-spacing:-.04em;line-height:.98}.tys-entry--lead .tys-entry__title{font-size:clamp(44px,4.7vw,78px)}.tys-entry__title a{color:inherit;text-decoration:none}.tys-entry__description{margin-top:23px;color:var(--tys-text);font-size:15px;line-height:1.65}.tys-entry__score-note{margin-top:18px;color:var(--tys-accent)}.tys-entry__link,.tys-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:42px;color:var(--tys-heading);border-bottom:1px solid color-mix(in srgb,var(--tys-heading) 62%,transparent);font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.25;text-decoration:none;text-transform:uppercase}.tys-entry__link{margin-top:26px}.tys-entry__link span{font-size:15px;font-weight:400}.tys-footer{max-width:920px;margin:clamp(100px,14vw,220px) auto 0;padding-top:clamp(72px,9vw,132px);text-align:center;border-top:1px solid color-mix(in srgb,var(--tys-line) 55%,transparent)}.tys-footer__heading{margin:20px auto 0;color:var(--tys-heading);font-size:clamp(48px,6.4vw,104px);letter-spacing:-.055em;line-height:.94;text-wrap:balance}.tys-footer__copy{max-width:560px;margin:24px auto 0;color:var(--tys-text);font-size:16px;line-height:1.65}.tys-footer .tys-button{margin-top:34px}.tys-scoreboard__empty{margin-top:70px;padding:38px;border:1px dashed var(--tys-line);color:var(--tys-muted);text-align:center}@media(hover:hover){.tys-entry__title a,.tys-entry__link,.tys-button{transition:color .22s ease,border-color .22s ease}.tys-entry__title a:hover,.tys-entry__link:hover,.tys-button:hover{color:var(--tys-accent);border-color:var(--tys-accent)}}.tys-scoreboard.is-motion-ready .tys-reveal{opacity:0;transform:translate3d(0,var(--tys-motion-shift),0)}.tys-scoreboard.is-motion-ready .tys-reveal.is-visible{opacity:1;transform:translateZ(0);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1)}.tys-scoreboard.is-motion-ready .tys-entry__image-shell{opacity:0;transform:translate3d(0,var(--tys-motion-shift-product),0) scale(var(--tys-image-enter-scale))}.tys-scoreboard.is-motion-ready .tys-entry.is-visible .tys-entry__image-shell{opacity:1;transform:translate3d(0,var(--tys-parallax, 0px),0) scale(var(--tys-image-scale));transition:opacity .9s cubic-bezier(.22,1,.36,1) 90ms,transform 1.2s cubic-bezier(.22,1,.36,1) 90ms}.tys-scoreboard.is-motion-ready .tys-entry__content,.tys-scoreboard.is-motion-ready .tys-entry__score-wrap{opacity:0;transform:translate3d(0,var(--tys-motion-shift-content),0)}.tys-scoreboard.is-motion-ready .tys-entry.is-visible .tys-entry__score-wrap,.tys-scoreboard.is-motion-ready .tys-entry.is-visible .tys-entry__content{opacity:1;transform:translateZ(0);transition:opacity .76s cubic-bezier(.22,1,.36,1) .17s,transform .94s cubic-bezier(.22,1,.36,1) .17s}.tys-scoreboard.is-motion-ready .tys-entry.is-visible .tys-entry__content{transition-delay:.25s}@media screen and (max-width:1099px){.tys-scoreboard__header{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:50px}.tys-explainer{grid-template-columns:.65fr 1.25fr}.tys-explainer__disclaimer{grid-column:2}.tys-entry,.tys-entry--lead,.tys-entry:nth-of-type(2n){grid-template-columns:minmax(155px,.7fr) minmax(280px,1.15fr) minmax(240px,.95fr);gap:30px;padding-left:78px}.tys-entry:nth-of-type(2n) .tys-entry__score-wrap{grid-column:1}.tys-entry:nth-of-type(2n) .tys-entry__media-wrap{grid-column:2}.tys-entry:nth-of-type(2n) .tys-entry__content{grid-column:3}}@media screen and (max-width:749px){.tys-scoreboard{padding-block:clamp(54px,9vw,96px);overflow:hidden}.tys-scoreboard__inner{width:min(calc(100% - 32px),var(--tys-max-width))}.tys-scoreboard__header{display:block;padding-bottom:58px}.tys-scoreboard__header .tys-eyebrow{margin-bottom:18px}.tys-scoreboard__heading{max-width:9ch;font-size:clamp(50px,16vw,76px);line-height:.91}.tys-scoreboard__intro{margin-top:28px;font-size:16px}.tys-explainer{grid-template-columns:1fr;gap:26px;padding-block:34px}.tys-explainer__disclaimer{grid-column:auto;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--tys-line) 42%,transparent)}.tys-ranking{padding-top:38px}.tys-ranking__precision-line{left:8px}.tys-entry,.tys-entry--lead,.tys-entry:nth-of-type(2n){--tys-score-diameter: clamp(185px, 57vw, 250px);display:grid;grid-template-columns:1fr;gap:12px;min-height:0;padding:72px 0 78px 28px}.tys-entry:before{top:84px;left:0;width:18px}.tys-entry:after{top:81px;left:5px}.tys-entry__rank,.tys-entry--lead .tys-entry__rank{top:38px;right:0;font-size:clamp(88px,28vw,130px)}.tys-entry__score-wrap,.tys-entry:nth-of-type(2n) .tys-entry__score-wrap{grid-column:1;grid-row:1;justify-self:start;margin-left:2px}.tys-score__number,.tys-entry--lead .tys-score__number{font-size:clamp(82px,25vw,118px)}.tys-entry__media-wrap,.tys-entry:nth-of-type(2n) .tys-entry__media-wrap{grid-column:1;grid-row:2}.tys-entry__media,.tys-entry--lead .tys-entry__media{min-height:360px}.tys-entry__image-shell,.tys-entry--lead .tys-entry__image-shell{height:min(102vw,470px)}.tys-entry__content,.tys-entry:nth-of-type(2n) .tys-entry__content{grid-column:1;grid-row:3;max-width:100%;padding-top:22px}.tys-entry__title,.tys-entry--lead .tys-entry__title{max-width:12ch;font-size:clamp(36px,11vw,50px)}.tys-entry__description{max-width:38ch}.tys-footer{margin-top:80px;padding-top:68px}.tys-footer__heading{font-size:clamp(46px,14vw,68px)}}@media(prefers-reduced-motion:reduce){.tys-scoreboard *,.tys-scoreboard *:before,.tys-scoreboard *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tys-scoreboard .tys-reveal,.tys-scoreboard .tys-entry__image-shell,.tys-scoreboard .tys-entry__content,.tys-scoreboard .tys-entry__score-wrap{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/totoka-yuka-scoreboard.css.map */