@import url("./turbo-tables/race-loading.css");
.tables-dialog{padding:0;border:0;border-radius:24px;width:calc(100% - 24px);height:calc(100dvh - 24px);max-width:1440px;max-height:none;overflow:hidden;background:#fffaf0;color:#25203c}.tables-dialog::backdrop{background:#242e46d9;backdrop-filter:blur(8px)}.tables-shell{height:100%;display:flex;flex-direction:column}.tables-shell>header{display:flex;align-items:center;gap:16px;flex-shrink:0;min-height:52px;padding:6px 16px}.tables-shell>header>strong{font-size:20px}.tables-learner{font-size:14px;color:#6c6080;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tables-shell .close{position:static;flex-shrink:0;width:40px;height:40px;font-size:24px}.tables-shell iframe{border:0;flex:1;width:100%;min-height:0;background:#7ec8ff}.tables-loading{position:absolute;top:65px;left:12px;right:12px;z-index:10;background:#fffaf0;padding:16px;border-radius:16px;text-align:center}.tables-loading[hidden]{display:none}.tables-preview{display:grid;place-items:center;position:relative;background:linear-gradient(#9ed9ff 60%,#a9d88c 60%);overflow:hidden}.tables-preview::before{content:"";position:absolute;width:50%;height:130%;top:15%;background:#777595;transform:perspective(120px) rotateX(25deg);border-left:8px solid #fff2cd;border-right:8px solid #fff2cd}.tables-preview span{position:relative;font-size:70px;filter:drop-shadow(0 6px 0 #30254d30)}@media(max-width:700px){.tables-dialog{width:100%;height:100dvh;border-radius:0}.tables-shell>header{gap:10px;padding:4px 12px}.tables-shell>header>strong{font-size:18px}}
.tables-pause{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:2px solid white;border-radius:50%;background:linear-gradient(145deg,#fff,#eee9f6);color:#5336c1;box-shadow:0 4px 0 #c4b9d5;font-size:20px}

@media(min-height:480px){
 .tables-dialog.duo-layout{width:100%;height:100dvh;max-width:none;border-radius:0;margin:0}
 .duo-layout .tables-shell>header{position:absolute;top:0;left:0;right:0;z-index:5;background:#fffaf0e8;min-height:44px;padding-block:2px}
 .duo-layout .tables-shell>iframe{height:100%;flex:none}
}