.experiments-archive{background:color-mix(in srgb,var(--color-background-neutral) 54%,transparent);border:2px solid color-mix(in srgb,var(--color-text) 42%,transparent);border-radius:6px;box-shadow:5px 5px color-mix(in srgb,var(--color-text) 15%,transparent);margin:34px 0;position:relative}.experiments-archive__header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 86%,transparent),color-mix(in srgb,var(--color-text) 74%,transparent));color:var(--color-background-neutral);display:flex;justify-content:space-between;gap:16px;padding:14px 18px}.experiments-archive__header>span{border:1px solid color-mix(in srgb,var(--color-background-neutral) 28%,transparent);border-radius:4px;font-size:.85rem;padding:4px 7px;white-space:nowrap}.experiments-archive__header h2{color:inherit;font-family:Carter One;font-size:1.35rem;margin:0}.experiments-archive__body{background:color-mix(in srgb,var(--color-background-neutral) 86%,var(--background))}.experiments-archive__section-label{background:color-mix(in srgb,var(--color-text-link) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);color:color-mix(in srgb,var(--color-text) 54%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.18em;margin:0;padding:8px 18px 7px;text-transform:uppercase}.experiments-archive__section-label:not(:first-child){border-top:1px solid color-mix(in srgb,var(--color-text) 18%,transparent)}.experiments-archive__row{align-items:center;color:var(--color-text);display:grid;gap:16px;grid-template-columns:64px minmax(112px,.76fr) minmax(180px,1fr) minmax(86px,max-content);min-height:38px;padding:0 18px;position:relative;text-decoration:none}.experiments-archive__row:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--color-text) 16%,transparent)}.experiments-archive__row:hover,.experiments-archive__row:focus-visible{background:color-mix(in srgb,var(--color-text) 6%,transparent);outline:none}.experiments-archive__row:hover em,.experiments-archive__row:focus-visible em{color:var(--color-text-link);text-decoration-color:currentColor}.experiments-archive__row strong,.experiments-archive__row .experiments-archive__number{position:relative;z-index:1}.experiments-archive__row strong{font-weight:700}.experiments-archive__row .experiments-archive__number{color:color-mix(in srgb,var(--color-text) 62%,transparent);font-size:.84rem;font-weight:700;letter-spacing:.06em}.experiments-archive__row .experiments-archive__recommend-star{align-items:center;background:#fff4b7;border:1px solid color-mix(in srgb,var(--color-text) 28%,transparent);box-shadow:1px 1px color-mix(in srgb,var(--color-text) 16%,transparent);color:#202722;display:inline-flex;font-size:.64rem;height:14px;justify-content:center;left:0;line-height:1;position:absolute;top:0;transform:rotate(-7deg);width:14px;z-index:2}.experiments-archive__row .experiments-archive__description{color:color-mix(in srgb,var(--color-text) 76%,transparent);position:relative;z-index:1}.experiments-archive__row .experiments-archive__description .experiments-archive__meta{color:color-mix(in srgb,var(--color-text) 52%,transparent);display:block;font-size:.72rem;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.experiments-archive__row em{color:var(--color-text-link);font-style:normal;position:relative;z-index:1;text-align:right;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-text-link) 42%,transparent);text-underline-offset:3px;white-space:nowrap}.experiments-archive__row--random-active{background:linear-gradient(90deg,color-mix(in srgb,var(--randomizer-color) 30%,transparent),transparent 62%),color-mix(in srgb,var(--color-background-neutral) 82%,transparent)}.experiments-archive__row--random-active:before{background:var(--randomizer-color);content:"";inset:0 auto 0 0;position:absolute;width:4px;z-index:1}.experiments-archive__row--random-selected{animation:experiment-random-selected .76s steps(1,end) both}.experiments-archive__row--static{cursor:default}.experiments-archive__row--static em{color:color-mix(in srgb,var(--color-text) 50%,transparent);text-decoration:none}.experiments-archive__row--static:hover em,.experiments-archive__row--static:focus-visible em{color:color-mix(in srgb,var(--color-text) 50%,transparent)}.experiments-archive__row--event{background:linear-gradient(90deg,color-mix(in srgb,rgb(245,169,15) 16%,transparent),transparent 26%),color-mix(in srgb,var(--color-background-neutral) 78%,transparent)}.experiments-archive__fingerprints{inset:0 84px 0 64px;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.experiments-archive__fingerprints i{background:radial-gradient(ellipse at 48% 42%,color-mix(in srgb,var(--trace-color) 18%,transparent) 0 8%,color-mix(in srgb,var(--trace-color) 14%,transparent) 24%,color-mix(in srgb,var(--trace-color) 9%,transparent) 46%,color-mix(in srgb,var(--trace-color) 4%,transparent) 70%,transparent 100%);filter:blur(8px);height:50px;left:var(--trace-x);opacity:var(--trace-opacity);position:absolute;top:var(--trace-y);transform:translate(-50%,-50%) rotate(var(--trace-rotate));width:70px}.experiments-archive__preview{background:color-mix(in srgb,var(--color-background-neutral) 72%,white);border:1px solid color-mix(in srgb,var(--color-text) 34%,transparent);border-radius:5px;box-shadow:4px 4px color-mix(in srgb,var(--color-text) 16%,transparent);display:block;padding:7px;position:absolute;right:18px;top:calc(100% - 4px);width:min(260px,40vw);z-index:5}.experiments-archive__preview:before{color:color-mix(in srgb,var(--color-text) 50%,transparent);content:"preview";display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.experiments-archive__preview img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.experiments-archive__row:hover{z-index:4}.experiments-archive__footer{align-items:center;background:color-mix(in srgb,var(--color-background-neutral) 72%,var(--background));border-top:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);display:flex;justify-content:space-between;gap:14px;padding:12px 18px}.experiments-archive__footer button{background:color-mix(in srgb,var(--color-background-neutral) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 28%,transparent);box-shadow:2px 2px color-mix(in srgb,var(--color-text) 14%,transparent);color:var(--color-text-link);font-family:Play;padding:7px 12px}.experiments-archive__footer button:hover,.experiments-archive__footer button:focus-visible{background:color-mix(in srgb,var(--color-text) 8%,var(--color-background-neutral));outline:none}.experiments-archive__footer button:disabled{color:color-mix(in srgb,var(--color-text) 46%,transparent);cursor:wait;opacity:.72}.experiments-archive__footer span{color:color-mix(in srgb,var(--color-text) 58%,transparent);font-size:.86rem}.experiments-archive__random-users{display:flex;gap:4px;margin-left:auto}.experiments-archive__random-users i{background:var(--user-color);border:1px solid color-mix(in srgb,var(--color-text) 24%,transparent);border-radius:999px;box-shadow:0 0 8px color-mix(in srgb,var(--user-color) 62%,transparent);display:block;height:9px;width:9px}@keyframes experiment-random-selected{0%,28%,56%,84%,to{background:linear-gradient(90deg,color-mix(in srgb,var(--randomizer-color) 36%,transparent),transparent 66%),color-mix(in srgb,var(--color-background-neutral) 84%,transparent)}14%,42%,70%{background:linear-gradient(90deg,color-mix(in srgb,var(--randomizer-color) 70%,transparent),color-mix(in srgb,var(--randomizer-color) 16%,transparent) 78%),color-mix(in srgb,var(--color-background-neutral) 86%,transparent)}}@media screen and (max-width:760px){.experiments-archive{border-left-width:1px;border-right-width:1px;margin:28px 0}.experiments-archive__header{align-items:flex-start;flex-direction:column;gap:8px}.experiments-archive__row{gap:5px 10px;grid-template-columns:62px minmax(0,1fr) max-content;min-height:auto;padding:12px 14px}.experiments-archive__row .experiments-archive__number{grid-column:1;grid-row:1/3}.experiments-archive__row strong,.experiments-archive__row .experiments-archive__description{grid-column:2}.experiments-archive__row em{grid-column:3;grid-row:1}.experiments-archive__row em{align-self:start}.experiments-archive__preview{display:none}.experiments-archive__row:hover .experiments-archive__preview,.experiments-archive__row:focus-visible .experiments-archive__preview{display:none}.experiments-archive__footer{align-items:stretch;flex-direction:column}.experiments-archive__footer span{display:none}}
