.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 64px}
.experiment-grid .preview{height:320px}.experiment-grid .feature-info{padding:22px;align-items:flex-start}.experiment-grid .feature-info h2{font-size:18px}.experiment-grid .feature-info p{max-width:250px}.experiment-grid .open-link{font-size:12px}.experiment-grid .preview iframe{height:100%}
.experiment-control{position:absolute;left:37.5%;top:68.42%;width:25%;height:12.63%;border:1px solid #51515b;border-radius:7px;color:var(--text);background:#27272e;font-size:clamp(11px,2vw,14px);z-index:2;white-space:nowrap}
.experiment-control:hover:not(:disabled){background:#33333b}.experiment-control:disabled{opacity:1;color:var(--text)}
.experiment-control::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
[data-experiment=stubborn-toggle] .experiment-control,[data-experiment=impatient-refresh] .experiment-control{background:transparent!important;border:0;left:42.5%;width:15%;height:16%;top:64.7%}
[data-experiment=stubborn-toggle] [data-control-label],[data-experiment=impatient-refresh] [data-control-label]{position:absolute;top:110%;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}
[data-experiment=stage-fright] .experiment-control{left:62.5%;width:8%;background:transparent!important;border:0;font-size:0}
[data-experiment=delete-duty] .experiment-control{left:44%;top:60%;width:16%;height:10%;font-size:11px;background:transparent;border:0}
[data-experiment=ceiling-file] .experiment-control{top:73.684%;left:34.375%;width:31.25%}
.mini-scene text{font-family:Arial,Helvetica,sans-serif;fill:currentColor;stroke:none}
.embed .experiment-control{font-size:11px}.embed [data-experiment=stage-fright] .experiment-control{font-size:0}
@media(max-width:800px){.experiment-grid{grid-template-columns:1fr}.experiment-grid .feature-info{flex-direction:row}.experiment-grid .preview{height:310px}}

body.embed[data-experiment=stage-fright] .experiment-control{font-size:0}

.delete-file-row{position:absolute;left:27%;top:55.25%;width:46%;height:16.3%;padding:0 11%;padding-left:3%;display:flex;align-items:center;gap:12px;background:#24242b;border:1px solid #42424c;border-radius:8px;transform-origin:center;pointer-events:none}
.delete-file-row>svg{width:22px;height:27px;flex:none;color:#c3bdce}
.delete-file-row strong{display:block;font-size:clamp(10px,1.8vw,13px);font-weight:500;white-space:nowrap}
.delete-file-row span{display:block;font-size:10px;color:#a5a3af;margin-top:5px;white-space:nowrap}
body[data-experiment=delete-duty] .experiment-control{left:65%;top:57.1%;width:6.3%;height:12.6%;border:1px solid transparent;border-radius:5px;display:grid;place-items:center;padding:0;color:#bab7c4}
body[data-experiment=delete-duty] .experiment-control:hover:not(:disabled){background:#423238;border-color:#77515c;color:#ffc6d0}
[data-experiment=delete-duty] .experiment-control svg{width:17px;height:17px}
[data-experiment=delete-duty] .restore-symbol{display:none}
[data-experiment=delete-duty].note-deleted .trash-symbol{display:none}
[data-experiment=delete-duty].note-deleted .restore-symbol{display:block}
.note-deleted .delete-file-row{background:transparent;border-style:dashed}
.note-deleted .delete-file-row>svg{opacity:.4}
@media(max-width:700px){.delete-file-row{gap:7px}.delete-file-row>svg{width:16px;height:20px}.delete-file-row span{font-size:10px}.delete-file-row strong{font-size:13px}[data-experiment=delete-duty] .experiment-control svg{width:14px;height:14px}}

.demo-page .experiment-control{background:#272829;border-color:#555653;font-size:14px}
.demo-page .experiment-control:hover:not(:disabled){background:#333432}
.demo-page[data-experiment=stage-fright] .experiment-control{font-size:0}
.demo-page .delete-file-row{background:#242625;border-color:#454743}
.demo-page .delete-file-row>svg{color:var(--text)}
.demo-page .delete-file-row span{color:var(--muted)}
.demo-page[data-experiment=delete-duty] .experiment-control{background:transparent;border-color:transparent;color:var(--text)}
.demo-page[data-experiment=delete-duty] .experiment-control:hover:not(:disabled){background:#593436;border-color:#a25357;color:var(--text)}
.demo-page.note-deleted .delete-file-row{background:transparent}