@font-face{font-family:PaintPanelZing;src:url('/design-trial-20261001/inner-preview-assets/Zing Rust.ttf') format('truetype');font-display:swap}
@font-face{font-family:PaintPanelDin;src:url('/design-trial-20261001/inner-preview-assets/PFDinTextCondPro-Light.ttf') format('truetype');font-display:swap}
@font-face{font-family:PaintPanelDin;src:url('/design-trial-20261001/inner-preview-assets/PFDinTextCondPro-Medium.ttf') format('truetype');font-weight:700;font-display:swap}
.paint-topics.paint-panel{display:flex;flex-direction:column;align-items:center;align-self:start;grid-column:2;grid-row:1;width:min(100%,460px);max-width:460px;margin:34px auto 30px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;text-align:left;perspective:none;font-family:PaintPanelDin,Arial,sans-serif;cursor:default}
.paint-panel .paint-panel-logo{display:block;width:min(73%,280px);height:auto;max-height:105px;object-fit:contain;margin:0 auto 23px;filter:drop-shadow(0 5px 15px #060c3e66)}
.paint-panel .paint-panel-card{width:100%;box-sizing:border-box;padding:25px 25px 21px;border:1px solid #ffffff94;border-radius:19px;background:rgba(8,16,66,.79);box-shadow:0 17px 38px #080d3d4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.paint-panel .paint-panel-crossed{margin:0 0 23px;font:16px/1.25 PaintPanelDin,Arial,sans-serif;color:#fff;letter-spacing:.03em}
.paint-panel .paint-panel-crossed s{display:block;width:max-content;max-width:100%;color:#e4def1;text-decoration-color:#ef6758;text-decoration-thickness:3px;opacity:.78}
.paint-panel .paint-panel-crossed span{display:block;margin-top:5px;color:#e9f4ff}
.paint-panel .paint-panel-mark{color:#fff;text-shadow:0 3px 18px #0b0b39}
.paint-panel .paint-panel-markline{display:flex;align-items:center;gap:8px;color:#e4edff;font:15px Intro,Arial,sans-serif;letter-spacing:.07em}
.paint-panel .paint-panel-markline span:last-child{font:29px/1 Arial,sans-serif;transform:rotate(-25deg)}
.paint-panel .paint-panel-mark>strong{display:block;margin:5px 0 7px;font:clamp(26px,2.45vw,35px)/.99 PaintPanelZing,Intro,Arial,sans-serif;letter-spacing:.02em}
.paint-panel .paint-panel-russia{display:flex;align-items:center;gap:9px;font:clamp(18px,1.8vw,23px)/1 Intro,Arial,sans-serif;white-space:nowrap}
.paint-panel .paint-panel-russia i{flex:1;min-width:20px;height:5px;border-radius:99px;background:linear-gradient(90deg,#fff 0 32%,#0039a6 32% 65%,#d52b1e 65%)}
.paint-panel .paint-panel-copy{margin:18px 0 17px;color:#f3f5ff;font:17px/1.23 PaintPanelDin,Arial,sans-serif}
.paint-panel .paint-panel-stage{border-top:1px solid #ffffff6b;padding-top:16px}
.paint-panel .paint-panel-stagehead{display:flex;justify-content:space-between;gap:12px;color:#d7eafa;font:12px Intro,Arial,sans-serif;letter-spacing:.04em}
.paint-panel .paint-panel-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;align-items:center;margin-top:8px}
.paint-panel .paint-panel-row button{width:40px;height:40px;min-width:0;min-height:0;padding:0;border:1px solid #ffffffae;border-radius:50%;background:#ffffff17;color:#fff;cursor:pointer;font:23px/1 PaintPanelDin,Arial,sans-serif;transition:transform .2s,background .2s}
.paint-panel .paint-panel-row button:hover{background:#dcad55;transform:scale(1.08)}
.paint-panel .topic-sheet{position:relative;display:grid;align-content:center;gap:4px;width:auto;height:75px;min-height:75px;max-height:75px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;perspective:none;isolation:auto}
.paint-panel .topic-sheet .topic-category{display:block;color:#c8dbe8;font:12px Intro,Arial,sans-serif;text-transform:uppercase}
.paint-panel .topic-sheet h2{margin:0;color:#fff;text-shadow:0 2px 10px #0005;font:clamp(17px,1.65vw,23px)/1.05 PaintPanelZing,Intro,Arial,sans-serif}
.paint-panel .topic-sheet.paint-panel-turn{animation:paint-panel-turn .55s ease both}
@keyframes paint-panel-turn{0%{opacity:.1;transform:translateX(23px) rotate(-4deg) scale(.94)}65%{transform:translateX(-4px) rotate(1deg) scale(1.03)}100%{opacity:1;transform:none}}
.paint-panel .notebook-genres{display:block;margin:9px 0 8px;color:#d6eff9;text-align:center;font:15px/1.2 PaintPanelDin,Arial,sans-serif}
.paint-panel .notebook-palette{display:flex;align-items:start;gap:7px;width:100%;margin:0;min-height:49px}
.paint-panel .notebook-palette>span{flex:1;min-width:0;text-align:center}
.paint-panel .notebook-palette i{display:block;height:22px;border-radius:48% 35% 43% 39%;box-shadow:inset 0 0 6px #ffffff77,0 3px 8px #0005;transform:rotate(-4deg)}
.paint-panel .notebook-palette small{display:block;margin-top:5px;color:#dfe8f7;font:12px/1.05 PaintPanelDin,Arial,sans-serif}
.paint-panel .topic-idea{display:block;width:100%;max-height:none;overflow:visible;margin:6px 0 0;color:#f2f4ff;text-align:left;font:16px/1.25 PaintPanelDin,Arial,sans-serif}
.paint-panel .paint-panel-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.paint-panel .paint-panel-categories button{padding:6px 9px;border:1px solid #ffffff70;border-radius:18px;background:#ffffff17;color:#fff;cursor:pointer;font:15px/1 PaintPanelDin,Arial,sans-serif;transition:background .2s,color .2s}
.paint-panel .paint-panel-categories button:hover,.paint-panel .paint-panel-categories button.active{background:#dcad55;color:#101544;border-color:#dcad55;font-weight:700}
.paint-panel .topic-instruction{display:block;margin:14px 0 0;color:#cedcea;font:14px/1.2 PaintPanelDin,Arial,sans-serif;text-align:center}
.paint-panel button:focus-visible{outline:3px solid #ffbd63;outline-offset:3px}
@media(max-width:1000px){.paint-topics.paint-panel{margin-top:25px}.paint-panel .paint-panel-card{padding:20px 15px}.paint-panel .paint-panel-mark>strong{font-size:27px}.paint-panel .paint-panel-russia{font-size:19px}.paint-panel .paint-panel-copy{font-size:16px}.paint-panel .paint-panel-row{grid-template-columns:34px minmax(0,1fr) 34px;gap:3px}.paint-panel .paint-panel-row button{width:33px;height:33px;font-size:20px}.paint-panel .paint-panel-categories button{font-size:13px}}
@media(min-width:651px) and (max-width:900px){.my-mdle-left-index:before,.my-mdle-right-index:before{inset:-20px -7px}}
@media(max-width:650px){.paint-topics.paint-panel{width:min(100%,440px);margin:25px auto 30px}.paint-panel .paint-panel-logo{width:min(75%,270px);margin-bottom:15px}.paint-panel .paint-panel-card{padding:20px 20px 17px}.paint-panel .paint-panel-mark>strong{font-size:30px}.paint-panel .paint-panel-copy{font-size:17px}.paint-panel .paint-panel-categories button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.paint-panel .topic-sheet.paint-panel-turn{animation:none}.paint-panel .paint-panel-row button{transition:none}}