.м26д-примеры-чата{margin-top:28px}.м26д-примеры-чата>h2{font:500 13px / 1.4 var(--м26-шрифт);color:var(--м26-вторичный);margin:0 0 12px}.м26д-примеры-чата__ряд{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--м26-линия) transparent;gap:12px;margin:-4px;padding:4px;scroll-padding:4px;display:flex;overflow-x:auto}.м26д-пример{border-radius:var(--м26-радиус-слайд);color:var(--м26-вторичный);text-align:left;font:400 13px / 1.4 var(--м26-шрифт);scroll-snap-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 160px;gap:8px;padding:0 0 4px;display:flex}.м26д-пример img{aspect-ratio:16/9;object-fit:contain;border:1px solid var(--м26-линия);border-radius:var(--м26-радиус-слайд);background:var(--м26-поверхность);box-sizing:border-box;width:100%;height:auto;display:block}.м26д-пример:hover{color:var(--м26-слива)}.м26д-пример:hover img{border-color:var(--м26-слива-светлая)}.м26д-пример:focus-visible{outline:2px solid var(--м26-слива);outline-offset:2px}.м26д-просмотр-примера{background:var(--м26-фон);width:min(960px,100vw - 24px);color:var(--м26-чернила);border-radius:var(--м26-радиус-карточка);font-family:var(--м26-шрифт);overflow:hidden}.м26д-просмотр-примера header,.м26д-просмотр-примера footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.м26д-просмотр-примера header h2{margin:0;font-size:16px;font-weight:600;line-height:1.4}.м26д-просмотр-примера button{border-radius:var(--м26-радиус-кнопка);width:44px;height:44px;color:var(--м26-слива);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.м26д-просмотр-примера button:hover:not(:disabled){background:var(--м26-заливка-мягкая)}.м26д-просмотр-примера button:focus-visible{outline:2px solid var(--м26-слива);outline-offset:2px}.м26д-просмотр-примера button:disabled{opacity:.35;cursor:default}.м26д-просмотр-примера__слайд{touch-action:pan-y pinch-zoom;position:relative}.м26д-просмотр-примера__слайд>img{aspect-ratio:16/9;object-fit:contain;background:var(--м26-поверхность);width:100%;height:auto;max-height:calc(100dvh - 164px);display:block}.м26д-просмотр-примера .м26д-просмотр-примера__развернуть{background:var(--м26-поверхность);border:1px solid var(--м26-линия);position:absolute;bottom:10px;right:10px}.м26д-просмотр-примера footer{color:var(--м26-вторичный);padding-top:8px;padding-bottom:8px;font-size:13px}.м26д-просмотр-примера__стрелки{gap:8px;display:flex}.м26д-пример-загрузка{z-index:100;background:var(--м26-фон);place-items:center;display:grid;position:fixed;inset:0}@media (width<=767px){.м26д-примеры-чата{margin-top:24px}.м26д-пример{flex-basis:136px}.м26д-просмотр-примера header,.м26д-просмотр-примера footer{padding-left:12px;padding-right:12px}}.м26д-примеры-чата.м26н-примеры{margin:0}.м26д-пример.м26н-пример{flex-basis:132px}.м26н-пример__обложка{width:100%;display:block;position:relative}.м26н-пример .м26н-пример__обложка img{aspect-ratio:3/4;object-fit:contain}.м26н-пример__играть{border-radius:var(--м26-радиус-пилюля);background:var(--м26-поверхность);color:var(--м26-слива);align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px}.м26н-просмотр-примера{width:min(640px,100vw - 24px)}.м26н-просмотр-примера__медиа{aspect-ratio:3/4;object-fit:contain;background:var(--м26-поверхность);width:100%;height:auto;max-height:calc(100dvh - 164px);display:block}.м26н-просмотр-примера__медиа:focus-visible{outline:2px solid var(--м26-слива);outline-offset:-2px}.м26н-просмотр-примера [role=status]{padding:8px 16px}.м26н-просмотр-примера [role=status] a{text-decoration:underline}@media (width<=767px){.м26д-пример.м26н-пример{flex-basis:96px}}.м26н-образцы{max-width:100%;margin:20px 0 28px}.м26н-образцы>header{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:12px;display:flex}.м26н-образцы h2{font:500 15px / 1.4 var(--м26-шрифт);margin:0}.м26н-образцы>header>span,.м26н-образцы__подпись{color:var(--м26-вторичный);font:400 12px / 1.5 var(--м26-шрифт)}.м26н-образцы__ряд{scroll-snap-type:x proximity;gap:14px;margin:-4px;padding:4px;display:flex;overflow-x:auto}.м26н-образец{text-align:left;max-width:min(280px,70vw);color:inherit;cursor:pointer;scroll-snap-align:start;font:400 13px / 1.4 var(--м26-шрифт);background:0 0;border:0;flex-direction:column;flex:none;gap:9px;padding:0 0 4px;display:flex}.м26н-образец img{object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:190px;display:block}.м26н-образец:focus-visible{outline:2px solid var(--м26-слива);outline-offset:3px;border-radius:10px}.м26н-образец-окно{background:var(--м26-фон);width:min(980px,100vw - 24px);color:var(--м26-чернила);font-family:var(--м26-шрифт)}.м26н-образец-окно header,.м26н-образец-окно footer{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.м26н-образец-окно header h2{margin:0;font-size:18px}.м26н-образец-окно header p{color:var(--м26-вторичный);margin:0 0 3px;font-size:12px}.м26н-образец-окно header button,.м26н-образец-окно footer button{min-width:40px;min-height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 40px;place-items:center;display:grid}.м26н-образец-окно button:disabled{opacity:.35;cursor:default}.м26н-образец-окно__содержимое{overscroll-behavior:contain;max-height:calc(100dvh - 200px);overflow-y:auto}.м26н-образец-окно__содержимое>img{object-fit:contain;width:100%;height:auto;max-height:calc(100dvh - 230px);display:block}.м26н-образец-окно__содержимое--с-текстом{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.м26н-образец-окно__текст{max-width:660px;margin:auto;padding:20px 24px 28px}.м26н-образец-окно__текст h3{margin:18px 0 8px;font-size:15px}.м26н-образец-окно__текст p{white-space:pre-line;margin:0;font-size:15px;line-height:1.7}.м26н-образец-окно a{text-underline-offset:3px;text-decoration:underline}.м26н-образец-окно footer{flex-wrap:wrap;font-size:12px}.м26н-образец-окно footer>div{align-items:center;gap:8px;display:flex}@media (width<=767px){.м26н-образец img{height:160px}.м26н-образец-окно header,.м26н-образец-окно footer{padding:12px}.м26н-образец-окно header h2{font-size:16px}.м26н-образец-окно__содержимое--с-текстом{grid-template-columns:minmax(0,1fr)}.м26н-образец-окно__содержимое--с-текстом>img{max-height:180px}.м26н-образец-окно__текст{padding:12px 18px 24px}}
