.collection-feedback{align-items:center;gap:20px;display:flex}.sound-toggle{color:#626a74;white-space:nowrap;border:1px solid #dce0e6;border-radius:24px;padding:8px 12px;font-size:13px;transition:color .2s,border-color .2s}.sound-toggle[aria-pressed=true]{color:var(--blue);border-color:#bdcaf1}.inner-page .experiment-card{transform-origin:50%;border-radius:4px;transition:transform .42s cubic-bezier(.2,.75,.2,1);position:relative}.inner-page .experiment-card .experiment-open{transition:transform .42s cubic-bezier(.2,.75,.2,1),background .3s,color .3s}@media (hover:hover) and (pointer:fine){.inner-page .experiment-card:hover{z-index:2;transform:translateY(-6px)scale(1.018)}.inner-page .experiment-card:hover .experiment-open{background:var(--blue);color:#fff;transform:translate(3px,-3px)}}.inner-page .experiment-card:focus-visible{z-index:2;outline:2px solid var(--blue);outline-offset:10px;transform:translateY(-6px)scale(1.018)}.inner-page .experiment-card:active{transition-duration:.12s;transform:translateY(-2px)scale(1.006)}@media (prefers-reduced-motion:reduce){.inner-page .experiment-card,.inner-page .experiment-card .experiment-open{transition:none}:is(.inner-page .experiment-card:hover,.inner-page .experiment-card:focus-visible,.inner-page .experiment-card:active){transform:none}}@media (max-width:600px){.collection-feedback{justify-content:space-between;width:100%;margin-bottom:18px}}.inner-page .experiment-card{isolation:isolate}.inner-page .experiment-cover{clip-path:none;box-shadow:none;border:0;border-radius:4px;outline:none;transition:none;-webkit-mask:none;mask:none}.inner-page .experiment-cover:before,.inner-page .experiment-cover:after,.inner-page .experiment-card:before,.inner-page .experiment-card:after{content:none}@media (hover:hover) and (pointer:fine){.inner-page .experiment-card:hover .experiment-cover{box-shadow:10px 14px 20px -10px #1823373b}}.inner-page .experiment-card:focus-visible .experiment-cover{box-shadow:10px 14px 20px -10px #1823373b}.inner-page .experiment-code .experiment-cover-prototype{isolation:isolate;background:#e7edf6}.inner-page .experiment-cover-prototype>img{border-radius:inherit;mix-blend-mode:multiply;filter:contrast(1.08)brightness(1.045);background:0 0;border:0;outline:0;display:block}.inner-page .experiment-code:has(.experiment-cover-prototype) .experiment-number{color:var(--blue)}.inner-page .experiment-card[href="/experiments/video-extractor"] .experiment-cover>img{object-fit:contain;filter:none;mix-blend-mode:normal;background:0 0;border-radius:0;max-width:100%;height:100%;width:auto!important}.inner-page .experiment-type{align-items:center;gap:12px;line-height:1.6;display:flex}.experiment-type-name{color:var(--blue);letter-spacing:.08em;font-weight:600}.experiment-type-detail{color:#68717b;letter-spacing:.03em;border-left:1px solid #cbd1da;padding-left:12px}.inner-page .experiment-caption h2{color:#161d25;letter-spacing:-.025em;font-weight:500}.inner-page .experiment-caption p{color:#626b76;font-size:14px;line-height:1.85}.inner-page .experiment-number{color:#1645cf;letter-spacing:.08em;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;font-weight:600}.inner-page .experiment-video .experiment-number,.inner-page .experiment-image .experiment-number{color:#fff;text-shadow:0 1px 4px #000000b3}.inner-page .experiment-cover{height:352px}@media (max-width:900px){.inner-page .experiment-cover{height:264px}}.inner-page .experiment-type{gap:9px;font-size:12px}.experiment-type-name{font-weight:400}.experiment-type-detail{color:var(--blue);border:0;padding:0;font-weight:400}.experiment-type-detail:before{content:"/";margin-right:9px}.inner-page .experiment-caption{padding-top:28px}.experiment-title-row{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.inner-page .experiment-title-row h2{letter-spacing:-.035em;margin:24px 0 20px;font-weight:400;line-height:1.35}.experiment-title-row>svg{color:var(--blue);flex-shrink:0;transition:transform .25s}.experiment-card:hover .experiment-title-row>svg{transform:translate(2px,-2px)}.inner-page .experiment-caption p{color:#77797d;max-width:58ch;font-size:14px;line-height:1.95}@media (prefers-reduced-motion:reduce){.experiment-title-row>svg{transition:none}.experiment-card:hover .experiment-title-row>svg{transform:none}}.experiment-action{width:22px;height:22px;color:var(--blue);isolation:isolate;flex:0 0 22px;justify-content:center;align-items:center;transition:color .18s,transform .18s;display:inline-flex;position:relative}.experiment-action:before{content:"";background:var(--blue);opacity:0;z-index:-1;border-radius:50%;transition:opacity .18s,transform .18s;position:absolute;inset:-10px;transform:scale(.8)}@media (hover:hover) and (pointer:fine){.experiment-card:hover .experiment-action{color:#fff;transform:translate(2px,-2px)}.experiment-card:hover .experiment-action:before{opacity:1;transform:scale(1)}}.experiment-card:focus-visible .experiment-action{color:#fff}.experiment-card:focus-visible .experiment-action:before{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.experiment-action,.experiment-action:before{transition:none}.experiment-card:hover .experiment-action{transform:none}}
