@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 100 900; src: url("../fonts/roboto-cyrillic-wght-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-display: swap; font-family: Roboto; font-style: normal; font-weight: 100 900; src: url("../fonts/roboto-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --color-primary-950: #00655f; --color-primary-900: #0e948c; --color-primary-800: #0d847d; --color-primary-700: #0e948c; --color-primary-600: #15aaa1; --color-primary-500: #daebec; --color-primary-400: rgba(14,148,140,.1); --color-primary-300: rgba(233,243,242,.24); --color-black: #000; --color-white: #fff; --color-white-semitransparent: hsla(0,0%,100%,.64); --color-gray-900: #121212; --color-gray-800: hsla(0,0%,7%,.8); --color-gray-600: hsla(0,0%,7%,.6); --color-gray-500: #9d9d9d; --color-gray-400: hsla(0,0%,7%,.4); --color-gray-300: hsla(0,0%,7%,.24); --color-gray-200: #dbe0ea; --color-gray-100: hsla(0,0%,7%,.08); --color-gray-50: rgba(22,38,125,.1); --color-blue-900: #2e3e5c; --color-purple-500: rgba(137,14,148,.1); --color-purple-400: #e8deed; --color-purple-300: rgba(148,14,38,.1); --color-yellow-100: rgba(182,136,18,.1); --color-orange: #efa22e; --color-red: red; --color-vk: #1582ff; --background-color: #f2f5f7; --z-index-gradient: 10; --z-index-background: 0; --z-index-main: 1000; --z-index-select: 2000; --z-index-nav: 3000; --z-index-header: 4000; --z-index-footer: 4000; --z-index-other: 5000; --z-index-modal: 8000; --z-index-notification: 9000; }
body { background-color: var(--background-color); }
header { z-index: var(--z-index-header); }
nav { z-index: var(--z-index-nav); }
footer { z-index: var(--z-index-footer); }
dialog { z-index: var(--z-index-modal); }
img { vertical-align: middle; }
.mdi-icon { background-color: currentcolor; display: inline-block; height: 1em; mask-image: var(--svg); mask-repeat: no-repeat; mask-size: 100% 100%; width: 1em; }
.mdi-book-open-variant-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.5c-1.35-.85-3.8-1.5-5.5-1.5-1.65 0-3.35.3-4.75 1.05-.1.05-.15.05-.25.05-.25 0-.5-.25-.5-.5V6c.6-.45 1.25-.75 2-1 1.11-.35 2.33-.5 3.5-.5 1.95 0 4.05.4 5.5 1.5 1.45-1.1 3.55-1.5 5.5-1.5 1.17 0 2.39.15 3.5.5.75.25 1.4.55 2 1v14.6c0 .25-.25.5-.5.5-.1 0-.15 0-.25-.05-1.4-.75-3.1-1.05-4.75-1.05-1.7 0-4.15.65-5.5 1.5m-1-14c-1.36-.6-3.16-1-4.5-1-1.2 0-2.4.15-3.5.5v11.5c1.1-.35 2.3-.5 3.5-.5 1.34 0 3.14.4 4.5 1zM13 19c1.36-.6 3.16-1 4.5-1 1.2 0 2.4.15 3.5.5V7c-1.1-.35-2.3-.5-3.5-.5-1.34 0-3.14.4-4.5 1zm1-2.65c.96-.35 2.12-.52 3.5-.52 1.04 0 1.88.08 2.5.24v-1.5a13.9 13.9 0 0 0-6 .19zm0-2.66c.96-.35 2.12-.53 3.5-.53 1.04 0 1.88.08 2.5.24v-1.5c-.87-.16-1.71-.23-2.5-.23-1.28 0-2.45.15-3.5.45zM14 11c.96-.33 2.12-.5 3.5-.5.91 0 1.76.09 2.5.28V9.23c-.87-.15-1.71-.23-2.5-.23-1.32 0-2.5.15-3.5.46z'/%3E%3C/svg%3E"); }
.mdi-music-clef-treble { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13 11V7.5l2.2-2.21c.8-.79.95-2.05.39-3.03A2.47 2.47 0 0 0 13.45 1c-.21 0-.45.03-.64.09C11.73 1.38 11 2.38 11 3.5v3.24L7.86 9.91a5.95 5.95 0 0 0-1.25 6.43c.77 1.9 2.45 3.21 4.39 3.55v.61c0 .26-.23.5-.5.5H9v2h1.5c1.35 0 2.5-1.11 2.5-2.5V20c2.03 0 4.16-1.92 4.16-4.75 0-2.3-1.92-4.25-4.16-4.25m0-7.5c0-.23.11-.41.32-.47.22-.06.45.03.56.23a.5.5 0 0 1-.08.61l-.8.86zm-2 8c-.97.64-1.7 1.74-1.96 2.76l1.96.52v3.05a3.86 3.86 0 0 1-2.57-2.26c-.59-1.46-.27-3.12.83-4.24L11 9.5zm2 6.5v-5.06c1.17 0 2.18 1.1 2.18 2.31C15.18 17 13.91 18 13 18'/%3E%3C/svg%3E"); }
.mdi-calculator-variant-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14zM6.2 7.7h5v1.5h-5zm6.8 8.1h5v1.5h-5zm0-2.6h5v1.5h-5zM8 18h1.5v-2h2v-1.5h-2v-2H8v2H6V16h2zm6.1-7.1 1.4-1.4 1.4 1.4 1.1-1-1.4-1.4L18 7.1 16.9 6l-1.4 1.4L14.1 6 13 7.1l1.4 1.4L13 9.9z'/%3E%3C/svg%3E"); }
.mdi-web { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.92 7.92 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8 8 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.7 15.7 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2'/%3E%3C/svg%3E"); }
.mdi-people-group-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 5a3.5 3.5 0 0 0-3.5 3.5A3.5 3.5 0 0 0 12 12a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 12 5m0 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 10a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 7M5.5 8A2.5 2.5 0 0 0 3 10.5c0 .94.53 1.75 1.29 2.18.36.2.77.32 1.21.32s.85-.12 1.21-.32c.37-.21.68-.51.91-.87A5.42 5.42 0 0 1 6.5 8.5v-.28c-.3-.14-.64-.22-1-.22m13 0c-.36 0-.7.08-1 .22v.28c0 1.2-.39 2.36-1.12 3.31.12.19.25.34.4.49a2.48 2.48 0 0 0 1.72.7c.44 0 .85-.12 1.21-.32.76-.43 1.29-1.24 1.29-2.18A2.5 2.5 0 0 0 18.5 8M12 14c-2.34 0-7 1.17-7 3.5V19h14v-1.5c0-2.33-4.66-3.5-7-3.5m-7.29.55C2.78 14.78 0 15.76 0 17.5V19h3v-1.93c0-1.01.69-1.85 1.71-2.52m14.58 0c1.02.67 1.71 1.51 1.71 2.52V19h3v-1.5c0-1.74-2.78-2.72-4.71-2.95M12 16c1.53 0 3.24.5 4.23 1H7.77c.99-.5 2.7-1 4.23-1'/%3E%3C/svg%3E"); }
.mdi-bee-flower { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.6 13v-.1l-.3-.3h-.1L9.6 12c.4-.3.8-.5 1.3-.5s1 .2 1.4.6.6.8.6 1.3-.1.9-.5 1.3zm-1.9 6.3c-.3-1-.1-2.2.7-3.8l1.2 3.1c.2.6 0 1-.6 1.3s-1 .1-1.3-.6m-5.6-6.2q.3-.9 1.2-.6l3.2 1.2c-1.6.8-2.8 1-3.8.7-.6-.3-.8-.7-.6-1.3m7.9-5h-1v1.4h-.4c-1.1 0-2 .4-2.8 1.2l-.4.6-1.4-.8c-.3-.1-.6-.1-1-.1-.6 0-1.2.2-1.7.6s-.9.8-1.1 1.4c-.2.7-.2 1.3 0 2 .3.7.6 1.2 1.1 1.5-.4 1.5-.1 2.8 1 3.9.8.8 1.7 1.2 2.8 1.2.5 0 .8 0 1.1-.1.6.8 1.4 1.3 2.4 1.3.3 0 .7 0 1-.1.6-.2 1-.6 1.4-1.1.4-.6.6-1.1.6-1.7 0-.4 0-.7-.1-1l-.6-1.4.6-.4c.8-.8 1.2-1.9 1.1-3.1H16v-1h-1.6q-.6-1.8-2.4-2.4zm5.3-1.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7s.4-.3.7-.3.5.1.7.3c.2.1.3.4.3.7s-.1.5-.3.7-.4.2-.7.2-.5 0-.7-.2m3.4-2.7h-1.1l-.3-.9c-.2-.7-.6-1-1.3-1s-1.2.3-1.3 1l-.3.9h-1.1c-.6 0-1 .3-1.3.9q-.3.9.6 1.5l.9.5-.4 1.2c-.2.4-.1.8.1 1.2.3.4.6.6 1.1.6q.6 0 .9-.3l.8-.6.8.7c.2.1.5.2.9.2.5 0 .8-.2 1.1-.6.2-.4.3-.8.1-1.2L20.5 7l.8-.5q.9-.6.6-1.5c-.2-.7-.6-.9-1.2-.9'/%3E%3C/svg%3E"); }
.mdi-laptop { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v10H4m16 2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2H0v2h24v-2z'/%3E%3C/svg%3E"); }
.mdi-library-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 14.27 10.64 13A11.24 11.24 0 0 0 5 10.18v6.95c2.61.34 5 1.34 7 2.82 2-1.48 4.39-2.48 7-2.82v-6.95c-2.16.39-4.09 1.39-5.64 2.82M19 8.15c.65-.1 1.32-.15 2-.15v11c-3.5 0-6.64 1.35-9 3.54C9.64 20.35 6.5 19 3 19V8c.68 0 1.35.05 2 .15 2.69.41 5.1 1.63 7 3.39 1.9-1.76 4.31-2.98 7-3.39M12 6c.27 0 .5-.1.71-.29.19-.21.29-.44.29-.71s-.1-.5-.29-.71C12.5 4.11 12.27 4 12 4s-.5.11-.71.29c-.18.21-.29.45-.29.71s.11.5.29.71c.21.19.45.29.71.29m2.12 1.12a2.997 2.997 0 1 1-4.24-4.24 2.997 2.997 0 1 1 4.24 4.24'/%3E%3C/svg%3E"); }
.mdi-lightbulb-on-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20 11h3v2h-3zM1 11h3v2H1zM13 1v3h-2V1zM4.92 3.5l2.13 2.14-1.42 1.41L3.5 4.93zm12.03 2.13 2.12-2.13 1.43 1.43-2.13 2.12zM12 6a6 6 0 0 1 6 6c0 2.22-1.21 4.16-3 5.2V19a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-1.8c-1.79-1.04-3-2.98-3-5.2a6 6 0 0 1 6-6m2 15v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1zm-3-3h2v-2.13c1.73-.44 3-2.01 3-3.87a4 4 0 0 0-4-4 4 4 0 0 0-4 4c0 1.86 1.27 3.43 3 3.87z'/%3E%3C/svg%3E"); }
.mdi-globe-model { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m17.36 2.64-1.41 1.42A6.98 6.98 0 0 1 18 9a7 7 0 0 1-7 7c-1.85 0-3.63-.74-4.94-2.05l-1.42 1.41A8.95 8.95 0 0 0 10 17.93V20H6v2h10v-2h-4v-2.06c4.55-.51 8-4.36 8-8.94 0-2.38-.95-4.67-2.64-6.36M11 3.5A5.5 5.5 0 0 0 5.5 9a5.5 5.5 0 0 0 5.5 5.5A5.5 5.5 0 0 0 16.5 9 5.5 5.5 0 0 0 11 3.5m0 2c1.94 0 3.5 1.57 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 7.5 9 3.5 3.5 0 0 1 11 5.5'/%3E%3C/svg%3E"); }
.mdi-dna { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 2h2v2c0 1.44.68 2.61 1.88 3.78.86.83 2.01 1.63 3.21 2.42l-1.83 1.19C8.27 10.72 7.31 10 6.5 9.21 5.07 7.82 4 6.1 4 4zm14 0h2v2c0 2.1-1.07 3.82-2.5 5.21-1.41 1.38-3.21 2.52-4.96 3.63-1.75 1.12-3.45 2.21-4.66 3.38C6.68 17.39 6 18.56 6 20v2H4v-2c0-2.1 1.07-3.82 2.5-5.21 1.41-1.38 3.21-2.52 4.96-3.63 1.75-1.12 3.45-2.21 4.66-3.38C17.32 6.61 18 5.44 18 4zm-3.26 10.61c.99.67 1.95 1.39 2.76 2.18C18.93 16.18 20 17.9 20 20v2h-2v-2c0-1.44-.68-2.61-1.88-3.78-.86-.83-2.01-1.63-3.21-2.42zM7 3h10v1l-.06.5H7.06L7 4zm.68 3h8.64c-.24.34-.52.69-.9 1.06l-.51.44H9.07l-.49-.44c-.38-.37-.66-.72-.9-1.06m1.41 10.5h5.84l.49.44c.38.37.66.72.9 1.06H7.68c.24-.34.52-.69.9-1.06zm-2.03 3h9.88l.06.5v1H7v-1z'/%3E%3C/svg%3E"); }
.mdi-minus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13H5v-2h14z'/%3E%3C/svg%3E"); }
.mdi-plus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E"); }
.mdi-hamburger-menu { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/%3E%3C/svg%3E"); }
.mdi-close { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E"); }
.mdi-school-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9zm6.82 6L12 12.72 5.18 9 12 5.28zM17 16l-5 2.72L7 16v-3.73L12 15l5-2.73z'/%3E%3C/svg%3E"); }
.mdi-map-marker-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 9.5 9 2.5 2.5 0 0 1 12 6.5M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5c0 1 0 3 5 9.71C17 12 17 10 17 9a5 5 0 0 0-5-5'/%3E%3C/svg%3E"); }
.mdi-account-circle-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2M7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.5.88 4.93 1.78A7.9 7.9 0 0 1 12 20c-1.86 0-3.57-.64-4.93-1.72m11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.93 7.93 0 0 1 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.5-1.64 4.83M12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6m0 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 12 8a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 12 11'/%3E%3C/svg%3E"); }
.mdi-graph-bell-curve-cumulative { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 19v1h18v2H2V2h2v15c3 0 6-2 8.1-5.6 3-5 6.3-7.4 9.9-7.4v2c-2.8 0-5.5 2.1-8.1 6.5C11.3 16.6 7.7 19 4 19'/%3E%3C/svg%3E"); }
.mdi-human-child { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3m-1 20H8v-6H6V9h12v7h-2v6h-3v-4h-2z'/%3E%3C/svg%3E"); }
.mdi-speak { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 5a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4m0 10c2.67 0 8 1.34 8 4v2H1v-2c0-2.66 5.33-4 8-4m7.76-9.64c2.02 2.2 2.02 5.25 0 7.27l-1.68-1.69c.84-1.18.84-2.71 0-3.89zM20.07 2c3.93 4.05 3.9 10.11 0 14l-1.63-1.63c2.77-3.18 2.77-7.72 0-10.74z'/%3E%3C/svg%3E"); }
.mdi-palette-outline { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 22A10 10 0 0 1 2 12 10 10 0 0 1 12 2c5.5 0 10 4 10 9a6 6 0 0 1-6 6h-1.8c-.3 0-.5.2-.5.5 0 .1.1.2.1.3.4.5.6 1.1.6 1.7.1 1.4-1 2.5-2.4 2.5m0-18a8 8 0 0 0-8 8 8 8 0 0 0 8 8c.3 0 .5-.2.5-.5 0-.2-.1-.3-.1-.4-.4-.5-.6-1-.6-1.6 0-1.4 1.1-2.5 2.5-2.5H16a4 4 0 0 0 4-4c0-3.9-3.6-7-8-7m-5.5 6c.8 0 1.5.7 1.5 1.5S7.3 13 6.5 13 5 12.3 5 11.5 5.7 10 6.5 10m3-4c.8 0 1.5.7 1.5 1.5S10.3 9 9.5 9 8 8.3 8 7.5 8.7 6 9.5 6m5 0c.8 0 1.5.7 1.5 1.5S15.3 9 14.5 9 13 8.3 13 7.5 13.7 6 14.5 6m3 4c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5'/%3E%3C/svg%3E"); }
.mdi-dots-vertical { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2'/%3E%3C/svg%3E"); }
.mdi-translate { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m12.87 15.07-2.54-2.51.03-.03A17.5 17.5 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7 1.62-4.33L19.12 17z'/%3E%3C/svg%3E"); }
.mdi-star { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2 9.19 8.62 2 9.24l5.45 4.73L5.82 21z'/%3E%3C/svg%3E"); }
.mdi-check-decagram { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68zm-13 5-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9z'/%3E%3C/svg%3E"); }
.mdi-chevron-down { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z'/%3E%3C/svg%3E"); }
.mdi-medal { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4v2l5.81 4.36a7.004 7.004 0 0 0-4.46 8.84 6.996 6.996 0 0 0 8.84 4.46 7 7 0 0 0 0-13.3L20 4zm-5.06 17.5L12 17.78 9.06 19.5l.78-3.33-2.59-2.24 3.41-.29L12 10.5l1.34 3.14 3.41.29-2.59 2.24z'/%3E%3C/svg%3E"); }
.mdi-chevron-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E"); }
.mdi-eye { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5'/%3E%3C/svg%3E"); }
.mdi-calendar-month { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 10v2H7v-2zm4 0v2h-2v-2zm4 0v2h-2v-2zm2-7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1V1h2v2h8V1h2v2zm0 16V8H5v11zM9 14v2H7v-2zm4 0v2h-2v-2zm4 0v2h-2v-2z'/%3E%3C/svg%3E"); }
.mdi-message-processing { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17 11h-2V9h2m-4 2h-2V9h2m-4 2H7V9h2m11-7H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2'/%3E%3C/svg%3E"); }
body { font-family: Roboto, Arial, Helvetica, sans-serif; }
.header-menu-container { justify-content: center; padding: 0px; }
.header-menu, .header-menu-container { align-items: center; background-color: var(--color-white); box-sizing: border-box; display: flex; margin: 0px; }
.header-menu { justify-content: space-between; max-width: 1440px; padding: 8px 16px; position: relative; width: 100%; z-index: var(--z-index-nav); }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.header-menu { padding: 16px 36px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.header-menu { padding: 16px 36px; }
}
}
.header-menu__row { align-items: center; display: flex; flex-direction: row; justify-content: space-between; }
@media screen and (width <= 1024px) {
.header-menu__row_reverse-below-1024 { flex-direction: row-reverse; }
}
.header-menu__logo-link-container { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.header-menu__logo-link-container { margin-right: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.header-menu__logo-link-container { margin-right: 32px; }
}
}
.header-menu__all-subjects-button-container { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; }
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.header-menu__all-subjects-button-container { margin-right: 32px; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.header-menu__all-subjects-button-container { margin-right: 32px; }
}
}
.header-menu__change-area-button-container { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; margin: 0px 32px 0px 0px; padding: 0px; }
.all-subjects-button { align-items: center; background-color: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; color: var(--color-black); cursor: pointer; display: inline-flex; font-size: 17px; font-style: normal; font-weight: 600; justify-content: space-between; line-height: 24px; margin: 0px; padding: 0px; transition-duration: 0.3s; }
@media (hover: hover) {
.all-subjects-button:hover { opacity: 0.8; }
.all-subjects-button:active { opacity: 0.6; }
}
.all-subjects-button__text { padding-left: 8px; }
.all-subjects-button__icon { color: var(--color-primary-900); height: 24px; width: 24px; }
.all-subjects-button .all-subjects-button__text { display: none; }
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.all-subjects-button .all-subjects-button__text { display: inline-block; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.all-subjects-button .all-subjects-button__text { display: inline-block; }
}
}
.become-teacher-button { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; color: var(--color-black); cursor: pointer; display: inline-flex; font-size: 17px; font-style: normal; font-weight: 600; justify-content: space-between; line-height: 24px; margin: 0px; padding: 0px; transition-duration: 0.3s; }
@media (hover: hover) {
.become-teacher-button:hover { opacity: 0.8; }
.become-teacher-button:active { opacity: 0.6; }
}
.become-teacher-button__text { padding-left: 8px; }
.become-teacher-button__icon { color: var(--color-primary-900); height: 24px; width: 24px; }
.change-area-button { align-items: center; background-color: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; color: var(--color-black); cursor: pointer; display: inline-flex; font-size: 17px; font-style: normal; font-weight: 600; justify-content: space-between; line-height: 24px; margin: 0px; padding: 0px; transition-duration: 0.3s; }
@media (hover: hover) {
.change-area-button:hover { opacity: 0.8; }
.change-area-button:active { opacity: 0.6; }
}
.change-area-button__icon { color: var(--color-primary-900); height: 24px; margin-right: 8px; width: 24px; }
.logo-link { align-items: center; box-sizing: border-box; display: inline-flex; font-size: 20px; font-style: normal; font-weight: 700; justify-content: space-between; line-height: 24px; margin: 0px; padding: 0px; text-decoration: none; transition-duration: 0.3s; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.logo-link { font-size: 24px; line-height: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.logo-link { font-size: 24px; line-height: 32px; }
}
}
@media (hover: hover) {
.logo-link:hover { opacity: 0.8; }
.logo-link:active { opacity: 0.6; }
}
.logo-link_color_black { color: var(--color-black); }
.logo-link_color_white { color: var(--color-white); }
.logo-link_color_turquoise-first { color: var(--color-primary-900); }
.login-button { align-items: center; background-color: var(--color-primary-900); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; box-sizing: border-box; color: var(--color-white); cursor: pointer; display: inline-flex; font-size: 15px; font-style: normal; font-weight: 600; justify-content: space-between; line-height: 20px; margin: 0px; padding: 8px 12px; text-decoration: none; transition-duration: 0.3s; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.login-button { font-size: 17px; line-height: 24px; padding: 12px 16px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.login-button { font-size: 17px; line-height: 24px; padding: 12px 16px; }
}
}
@media (hover: hover) {
.login-button:hover { opacity: 0.8; }
.login-button:active { opacity: 0.6; }
}
.subjects { max-width: 1368px; width: 100%; }
.footer { background-color: var(--color-black); position: relative; z-index: var(--z-index-footer); }
.footer__container { box-sizing: border-box; margin: 0px auto; max-width: 1440px; padding: 24px 16px 102px; width: 100%; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer__container { padding-left: 32px; padding-right: 32px; padding-top: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer__container { padding-left: 32px; padding-right: 32px; padding-top: 32px; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer__container { padding: 36px 36px 102px; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer__container { padding: 36px 36px 102px; }
}
}
.footer-grid { display: grid; gap: 16px; grid-template-columns: 1fr; grid-template-rows: repeat(9, auto); height: 100%; width: 100%; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid { gap: 16px 24px; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(5, auto); }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid { gap: 16px 24px; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(5, auto); }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid { gap: 24px; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(4, auto); }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid { gap: 24px; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(4, auto); }
}
}
.footer-grid__logo-link-area { grid-area: 1 / 1 / 2 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__logo-link-area { grid-area: 1 / 1 / 2 / 3; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__logo-link-area { grid-area: 1 / 1 / 2 / 3; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__logo-link-area { grid-area: 1 / 1 / 2 / 3; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__logo-link-area { grid-area: 1 / 1 / 2 / 3; }
}
}
.footer-grid__address-and-phone-links-area { grid-area: 2 / 1 / 3 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__address-and-phone-links-area { grid-area: 2 / 1 / 3 / 4; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__address-and-phone-links-area { grid-area: 2 / 1 / 3 / 4; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__address-and-phone-links-area { grid-area: 2 / 1 / 3 / 4; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__address-and-phone-links-area { grid-area: 2 / 1 / 3 / 4; }
}
}
.footer-grid__clients-area { grid-area: 3 / 1 / 4 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__clients-area { grid-area: 2 / 4 / 3 / 7; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__clients-area { grid-area: 2 / 4 / 3 / 7; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__clients-area { grid-area: 2 / 4 / 3 / 7; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__clients-area { grid-area: 2 / 4 / 3 / 7; }
}
}
.footer-grid__teachers-area { grid-area: 4 / 1 / 5 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__teachers-area { grid-area: 3 / 1 / 4 / 4; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__teachers-area { grid-area: 3 / 1 / 4 / 4; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__teachers-area { grid-area: 3 / 4 / 4 / 7; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__teachers-area { grid-area: 3 / 4 / 4 / 7; }
}
}
.footer-grid__about-company-area { grid-area: 5 / 1 / 6 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__about-company-area { grid-area: 3 / 4 / 4 / 7; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__about-company-area { grid-area: 3 / 4 / 4 / 7; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__about-company-area { grid-area: 2 / 7 / 3 / 10; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__about-company-area { grid-area: 2 / 7 / 3 / 10; }
}
}
.footer-grid__contacts-area { grid-area: 7 / 1 / 8 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__contacts-area { grid-area: 4 / 1 / 5 / 4; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__contacts-area { grid-area: 4 / 1 / 5 / 4; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__contacts-area { grid-area: 2 / 10 / 3 / 13; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__contacts-area { grid-area: 2 / 10 / 3 / 13; }
}
}
.footer-grid__app-stores-area { grid-area: 8 / 1 / 9 / 2; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__app-stores-area { grid-area: 1 / 4 / 2 / 7; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__app-stores-area { grid-area: 1 / 4 / 2 / 7; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__app-stores-area { grid-area: 3 / 10 / 4 / 13; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__app-stores-area { grid-area: 3 / 10 / 4 / 13; }
}
}
.footer-grid__copyright-area { border-top: 1px solid var(--color-white); box-sizing: border-box; grid-area: 9 / 1 / 10 / 2; margin: 0px; opacity: 0.6; padding: 24px 0px 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid__copyright-area { grid-area: 5 / 1 / 6 / 7; padding-top: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid__copyright-area { grid-area: 5 / 1 / 6 / 7; padding-top: 32px; }
}
}
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.footer-grid__copyright-area { grid-area: 4 / 1 / 5 / 13; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.footer-grid__copyright-area { grid-area: 4 / 1 / 5 / 13; }
}
}
.footer-phone-link-container { align-items: center; box-sizing: border-box; display: flex; justify-content: flex-start; margin: 0px; padding: 0px; }
.footer-phone-link-capture { box-sizing: border-box; color: var(--color-white); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; margin: 0px 0px 0px 8px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-phone-link-capture { font-size: 15px; line-height: 20px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-phone-link-capture { font-size: 15px; line-height: 20px; }
}
}
.footer-button, .footer-link { align-items: center; box-sizing: border-box; color: var(--color-white); display: flex; font-size: 13px; font-style: normal; font-weight: 400; justify-content: flex-start; line-height: 18px; margin: 0px; padding: 4px 0px; text-decoration: none; transition-duration: 0.3s; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-button, .footer-link { font-size: 15px; line-height: 20px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-button, .footer-link { font-size: 15px; line-height: 20px; }
}
}
.footer-button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
@media (hover: hover) {
.footer-button:hover, .footer-link:hover { opacity: 0.8; }
.footer-button:hover, .footer-link:active { opacity: 0.6; }
}
.footer-button_color_vk, .footer-link_color_vk { color: var(--color-vk); }
.footer-address { align-items: flex-start; display: flex; flex-direction: column; justify-content: space-between; }
.footer-address, .footer-address__text { box-sizing: border-box; margin: 0px; padding: 0px; }
.footer-address__text { color: var(--color-white); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-address__text { font-size: 15px; line-height: 20px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-address__text { font-size: 15px; line-height: 20px; }
}
}
.footer-address__list { align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; list-style: none; margin: 0px; padding: 0px; }
.footer-address__list-item { box-sizing: border-box; margin: 0px; padding: 4px 0px 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-address__list-item { padding-top: 8px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-address__list-item { padding-top: 8px; }
}
}
.footer-nav { align-items: flex-start; display: flex; flex-direction: column; justify-content: space-between; }
.footer-nav, .footer-nav__heading { box-sizing: border-box; margin: 0px; padding: 0px; }
.footer-nav__heading { color: var(--color-white); font-size: 13px; font-style: normal; font-weight: 600; line-height: 18px; opacity: 0.6; text-align: left; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-nav__heading { font-size: 15px; line-height: 20px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-nav__heading { font-size: 15px; line-height: 20px; }
}
}
.footer-nav__appstores-list { align-items: center; box-sizing: border-box; display: flex; flex-flow: wrap; justify-content: flex-start; list-style: none; margin: 0px; padding: 0px; }
.footer-nav__appstores-list-item { box-sizing: border-box; margin: 0px; padding: 0px 4px 4px 0px; }
.footer-nav__list { align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; list-style: none; margin: 0px; padding: 0px; }
.footer-nav__list-item { box-sizing: border-box; margin: 0px; padding: 4px 0px 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-nav__list-item { padding-top: 8px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-nav__list-item { padding-top: 8px; }
}
}
.footer-appstore-link { align-items: flex-start; box-sizing: border-box; color: var(--color-white); display: flex; flex-direction: column; justify-content: space-between; margin: 0px; padding: 0px; text-decoration: none; transition-duration: 0.3s; }
@media (hover: hover) {
.footer-appstore-link:hover { opacity: 0.8; }
.footer-appstore-link:active { opacity: 0.6; }
}
.footer-appstore-link__image { box-sizing: border-box; height: 40px; margin: 0px; padding: 0px; width: 120px; }
.footer-grid-copyright-text { align-items: flex-start; box-sizing: border-box; color: var(--color-white); display: flex; flex-direction: column; font-size: 11px; font-style: normal; font-weight: 400; justify-content: space-between; line-height: 14px; margin: 0px; padding: 0px; text-align: left; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid-copyright-text { font-size: 13px; line-height: 18px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid-copyright-text { font-size: 13px; line-height: 18px; }
}
}
.footer-grid-copyright-link { box-sizing: border-box; color: var(--color-white); font-size: 11px; font-style: normal; font-weight: 400; line-height: 14px; margin: 0px; padding: 0px; text-decoration: none; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.footer-grid-copyright-link { font-size: 13px; line-height: 18px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.footer-grid-copyright-link { font-size: 13px; line-height: 18px; }
}
}
.subjects-dialog { border: unset; box-sizing: border-box; left: 0px; margin: 0px; min-width: 100%; outline: unset; padding: 0px; position: absolute; right: 0px; top: 55px; z-index: var(--z-index-modal); scrollbar-width: none; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subjects-dialog { top: 78px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subjects-dialog { top: 78px; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.subjects-dialog { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.subjects-dialog { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; }
}
}
.subjects-dialog__overlay { box-sizing: border-box; inset: 0px; margin: 0px; padding: 0px; position: fixed; z-index: var(--z-index-background); }
.subjects-dialog::-webkit-scrollbar { display: none; }
.subjects-dialog__content-container { height: 100%; padding: 0px; position: relative; z-index: var(--z-index-modal); }
.subjects-dialog__content-container, .subjects-menu { box-sizing: border-box; margin: 0px auto; max-width: 1440px; width: 100%; }
.subjects-menu { background-color: var(--color-white); padding: 24px 16px 48px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subjects-menu { padding: 16px 32px 68px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subjects-menu { padding: 16px 32px 68px; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.subjects-menu { padding-left: 36px; padding-right: 36px; padding-top: 24px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.subjects-menu { padding-left: 36px; padding-right: 36px; padding-top: 24px; }
}
}
.subjects-menu__nav-container { box-sizing: border-box; margin: 0px; padding: 0px 0px 32px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subjects-menu__nav-container { padding-bottom: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subjects-menu__nav-container { padding-bottom: 24px; }
}
}
.subjects-menu__nav { align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; margin: 0px; max-width: 704px; padding: 0px; width: 100%; }
.subjects-menu__nav-heading { box-sizing: border-box; color: var(--color-black); font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px; padding: 0px; text-align: left; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subjects-menu__nav-heading { font-size: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subjects-menu__nav-heading { font-size: 24px; }
}
}
.subjects-menu__nav-link { align-items: center; background-color: transparent; border-radius: 16px; box-sizing: border-box; color: var(--color-black); cursor: pointer; display: flex; font-size: 17px; font-style: normal; font-weight: 400; justify-content: flex-start; line-height: 24px; margin: 0px; padding: 8px; text-decoration: none; transition-duration: 0.3s; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subjects-menu__nav-link { padding: 12px 16px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subjects-menu__nav-link { padding: 12px 16px; }
}
}
.subjects-menu__nav-link-text { padding-left: 8px; }
@media (hover: hover) {
.subjects-menu__nav-link:hover { background-color: var(--color-gray-100); color: var(--color-primary-900); }
}
.subjects-menu__nav-link:focus { color: var(--color-primary-600); }
.subjects-menu__nav-list { box-sizing: border-box; column-gap: 0px; display: grid; grid-template-columns: 1fr; list-style: none; margin: 0px; padding: 16px 0px; width: 100%; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subjects-menu__nav-list { column-gap: 24px; grid-template-columns: repeat(2, 1fr); }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subjects-menu__nav-list { column-gap: 24px; grid-template-columns: repeat(2, 1fr); }
}
}
.search-form, .subjects-menu__nav-list-item { box-sizing: border-box; margin: 0px; padding: 0px; }
@keyframes spinner-animation-keyframes {
0% { opacity: 1; }
100% { opacity: 0; }
}
.segments-links-article { align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; margin: 0px; padding: 0px; }
.segments-links-article__nav { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0px; padding: 0px; }
.tab-link { background-color: var(--color-white); border-radius: 50px; box-sizing: border-box; color: var(--color-black); font-size: 17px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px; padding: 12px 32px; text-decoration: none; transition-duration: 0.3s; }
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.tab-link { margin-bottom: 12px; margin-right: 12px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.tab-link { margin-bottom: 12px; margin-right: 12px; }
}
}
.tab-link:focus { background-color: var(--color-primary-700); color: var(--color-white); outline: unset; }
@media (hover: hover) {
.tab-link:active, .tab-link:hover { background-color: var(--color-primary-700); color: var(--color-white); outline: unset; }
}
.tab-link_margin-right_8 { margin-right: 8px; }
.tab-link_margin-bottom_8 { margin-bottom: 8px; }
.heading-level-2 { box-sizing: border-box; color: var(--color-black); font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px 0px 16px; padding: 0px; text-align: left; }
@media (min-width: 1024px) {
@media screen and (max-color: 2147477350) {
.heading-level-2 { font-size: 24px; font-weight: 700; line-height: 29px; }
}
}
@media not all and (min-width: 1024px) {
@media screen and (color: 2147477350) {
.heading-level-2 { font-size: 24px; font-weight: 700; line-height: 29px; }
}
}
.intro { align-items: center; background-color: var(--color-white); border-radius: 24px; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 25px 16px; position: relative; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro { align-items: flex-start; flex-direction: row; padding: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro { align-items: flex-start; flex-direction: row; padding: 24px; }
}
}
.intro__avatar-container { box-sizing: border-box; margin: 0px 0px 24px; padding: 0px; position: relative; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__avatar-container { margin-bottom: 0px; margin-left: 0px; margin-right: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__avatar-container { margin-bottom: 0px; margin-left: 0px; margin-right: 24px; }
}
}
.intro__texts-container { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__texts-container { height: 100%; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__texts-container { height: 100%; }
}
}
.intro__name h1 { box-sizing: border-box; color: var(--color-black); font-size: 24px; font-style: normal; font-weight: 700; line-height: 29px; margin: 0px; padding: 0px; text-align: center; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__name h1 { font-size: 35px; line-height: 42px; text-align: start; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__name h1 { font-size: 35px; line-height: 42px; text-align: start; }
}
}
.intro__name_verified h1::after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%230e948c' d='m23 12-2.44-2.78.34-3.68-3.61-.82-1.89-3.18L12 3 8.6 1.54 6.71 4.72l-3.61.81.34 3.68L1 12l2.44 2.78-.34 3.69 3.61.82 1.89 3.18L12 21l3.4 1.46 1.89-3.18 3.61-.82-.34-3.68zm-13 5-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9z'/%3E%3C/svg%3E"); margin: 0px 0px 0px 6px; vertical-align: middle; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__name_verified h1::after { vertical-align: unset; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__name_verified h1::after { vertical-align: unset; }
}
}
.intro__rating-reviews { align-items: center; box-sizing: border-box; display: flex; justify-content: center; margin: 0px 0px 4px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__rating-reviews { justify-content: flex-start; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__rating-reviews { justify-content: flex-start; }
}
}
.intro__star-rating-divider { background-color: var(--color-gray-600); border-radius: 50%; box-sizing: border-box; height: 4px; margin: 0px 4px; padding: 0px; width: 4px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__star-rating-divider { margin-left: 8px; margin-right: 8px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__star-rating-divider { margin-left: 8px; margin-right: 8px; }
}
}
.intro__id { box-sizing: border-box; color: var(--color-gray-600); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; padding: 0px; position: absolute; right: 16px; top: 25px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__id { margin-left: auto; position: unset; right: unset; top: unset; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__id { margin-left: auto; position: unset; right: unset; top: unset; }
}
}
.intro__star-rating { box-sizing: border-box; color: var(--color-black); font-size: 15px; font-style: normal; font-weight: 500; line-height: 20px; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__star-rating { font-size: 20px; font-weight: 600; line-height: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__star-rating { font-size: 20px; font-weight: 600; line-height: 24px; }
}
}
.intro__star-rating-icon { color: var(--color-primary-900); height: 20px; margin-right: 8px; vertical-align: bottom; width: 20px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__star-rating-icon { height: 24px; width: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__star-rating-icon { height: 24px; width: 24px; }
}
}
.intro__reviews-count { box-sizing: border-box; color: var(--color-gray-600); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__reviews-count { font-size: 17px; line-height: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__reviews-count { font-size: 17px; line-height: 24px; }
}
}
.intro__age-experience { flex-wrap: wrap; margin: 0px; }
.intro__age-experience, .intro__age-experience-status { align-items: center; box-sizing: border-box; display: flex; padding: 0px; }
.intro__age-experience-status { flex-direction: column-reverse; justify-content: center; margin: auto 0px 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__age-experience-status { flex-direction: row; justify-content: flex-start; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__age-experience-status { flex-direction: row; justify-content: flex-start; }
}
}
.intro__age-text, .intro__experience-text, .intro__status-text { align-items: center; box-sizing: border-box; display: inline-flex; font-style: normal; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__age-text, .intro__experience-text, .intro__status-text { align-items: flex-start; flex-direction: column; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__age-text, .intro__experience-text, .intro__status-text { align-items: flex-start; flex-direction: column; }
}
}
.intro__age-text, .intro__experience-text { margin-right: 16px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__age-text, .intro__experience-text { margin-right: 48px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__age-text, .intro__experience-text { margin-right: 48px; }
}
}
.intro__age-label, .intro__experience-label, .intro__status-label { color: var(--color-gray-600); font-size: 15px; font-weight: 400; line-height: 20px; margin-right: 4px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__age-label, .intro__experience-label, .intro__status-label { color: var(--color-gray-800); margin-bottom: 4px; margin-right: 0px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__age-label, .intro__experience-label, .intro__status-label { color: var(--color-gray-800); margin-bottom: 4px; margin-right: 0px; }
}
}
.intro__age-value, .intro__experience-value, .intro__status-value { color: var(--color-black); font-size: 15px; font-style: normal; font-weight: 500; line-height: 20px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.intro__age-value, .intro__experience-value, .intro__status-value { font-size: 18px; line-height: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.intro__age-value, .intro__experience-value, .intro__status-value { font-size: 18px; line-height: 24px; }
}
}
.ratings { background-color: var(--color-white); border-radius: 24px; box-sizing: border-box; margin: 0px; padding: 16px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.ratings { padding: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.ratings { padding: 24px; }
}
}
.ratings__grid { box-sizing: border-box; display: grid; gap: 15px; grid-template-columns: 148px; justify-content: center; margin: 0px; padding: 0px; }
@media (min-width: 375px) {
@media screen and (max-color: 2147477350) {
.ratings__grid { grid-template-columns: repeat(2, 148px); }
}
}
@media not all and (min-width: 375px) {
@media screen and (color: 2147477350) {
.ratings__grid { grid-template-columns: repeat(2, 148px); }
}
}
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.ratings__grid { gap: 0px; grid-template-columns: repeat(4, 164px); }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.ratings__grid { gap: 0px; grid-template-columns: repeat(4, 164px); }
}
}
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.ratings__grid { grid-template-columns: repeat(4, 180px); }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.ratings__grid { grid-template-columns: repeat(4, 180px); }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.ratings__grid { grid-template-columns: repeat(4, 173px); }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.ratings__grid { grid-template-columns: repeat(4, 173px); }
}
}
.rating { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; }
.rating__icon { color: var(--color-primary-900); height: 64px; margin-bottom: 12px; width: 64px; }
.rating__text { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px; }
.rating__text_bold { color: var(--color-black); font-size: 15px; font-weight: 600; line-height: 20px; margin: 0px 0px 4px; }
.rating__text_bold, .rating__text_thin { box-sizing: border-box; font-style: normal; padding: 0px; }
.rating__text_thin { color: var(--color-gray-600); font-size: 13px; font-weight: 400; line-height: 18px; margin: 0px; }
.educations { background-color: var(--color-white); border-radius: 24px; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 16px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.educations { padding: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.educations { padding: 24px; }
}
}
.educations__list { box-sizing: border-box; display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 0px; }
.educations__list-item { box-sizing: border-box; margin: 0px 0px 16px; padding: 0px; }
.educations__list-item:last-of-type { margin-bottom: 0px; }
.education { box-sizing: border-box; display: flex; margin: 0px; padding: 0px; }
.education__verified-text { align-items: center; background-color: var(--color-primary-400); border-radius: 15px; box-sizing: border-box; color: var(--color-black); display: inline-flex; font-size: 13px; font-style: normal; font-weight: 400; line-height: 17px; margin: 0px 0px 4px; padding: 6px 12px 6px 7px; }
.education__verified-icon { color: var(--color-primary-900); height: 20px; margin-right: 5px; width: 20px; }
.education__heading, .education__link { box-sizing: border-box; color: var(--color-black); display: block; font-size: 17px; font-style: normal; font-weight: 500; line-height: 24px; margin: 0px; padding: 0px; }
.education__subheading, .education__text { font-size: 15px; line-height: 20px; margin: 4px 0px 0px; }
.education__subheading, .education__text, .education__year { box-sizing: border-box; font-style: normal; font-weight: 400; padding: 0px; }
.education__year { color: var(--color-gray-600); font-size: 16px; line-height: 27px; margin: 0px 0px 4px; }
.education__subheading { color: var(--color-black); }
.education__text { color: var(--color-gray-600); }
.description { align-items: flex-start; background-color: var(--color-white); border-radius: 24px; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 16px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.description { padding: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.description { padding: 24px; }
}
}
.description__text { box-sizing: border-box; color: var(--color-gray-800); font-size: 15px; font-style: normal; font-weight: 400; line-height: 23px; margin: 0px; padding: 0px; }
.description__text * { margin: 0px; padding: 0px; }
.description__text_collapsed { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.description__resize-button { background-color: var(--color-white); border: unset; border-radius: 12px; box-sizing: border-box; color: var(--color-primary-900); cursor: pointer; font-size: 15px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0px; padding: 0px; transition-duration: 0.3s; }
.description__resize-button_padding-vertical_8 { padding-bottom: 8px; padding-top: 8px; }
.description__resize-button_margin-top_8 { margin-top: 8px; }
@media (hover: hover) {
.description__resize-button:active, .description__resize-button:hover { opacity: 0.8; }
}
.description__resize-button-icon { color: var(--color-primary-900); height: 24px; vertical-align: middle; width: 24px; }
.avatar, .certificates-modal__image { box-sizing: border-box; margin: 0px; object-position: center center; padding: 0px; }
.avatar { border-radius: 50%; object-fit: cover; }
.avatar-icon-container_size_l, .avatar_size_l { height: 188px; width: 188px; }
.avatar-icon-container_size_sm, .avatar_size_sm { height: 64px; width: 64px; }
.available-status { align-items: center; background-color: var(--color-primary-600); border: 3px solid var(--color-white); border-radius: 30px; bottom: -25px; box-sizing: border-box; display: flex; justify-content: center; left: 50%; margin: 0px; padding: 3px 8px; position: absolute; transform: translate(-50%, -50%); }
.available-status__text { color: var(--color-white); font-size: 13px; font-style: normal; font-weight: 500; line-height: 18px; text-align: center; }
.available-status__dot { background-color: var(--color-white); border-radius: 50%; box-sizing: border-box; height: 8px; margin: 0px 4px 0px 0px; padding: 0px; width: 8px; }
.subjects { display: grid; gap: 16px; }
.subject, .subjects { box-sizing: border-box; margin: 0px; padding: 0px; }
.subject { background-color: var(--color-white); flex-direction: column; }
.subject, .subject__header { border-radius: 24px; display: flex; }
.subject__header { align-items: center; box-sizing: border-box; justify-content: space-between; padding: 16px; position: relative; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__header { padding: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__header { padding: 24px; }
}
}
.subject__header-heading { box-sizing: border-box; color: var(--color-black); font-size: 17px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px 12px 0px 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__header-heading { font-size: 20px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__header-heading { font-size: 20px; }
}
}
.subject__resize-button { background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--color-white); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 24px; box-sizing: border-box; cursor: pointer; height: 100%; inset: 0px; margin: 0px; opacity: 0; padding: 0px; position: absolute; transition-duration: 0.3s; width: 100%; z-index: var(--z-index-other); }
@media (hover: hover) {
.subject__resize-button:hover { opacity: 0.2; }
.subject__resize-button:active { opacity: 0.4; }
}
.subject__resize-icon { align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 16px; cursor: pointer; display: flex; height: 32px; justify-content: center; margin: 0px; width: 32px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__resize-icon { border-radius: 18px; height: 36px; width: 36px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__resize-icon { border-radius: 18px; height: 36px; width: 36px; }
}
}
@media (hover: hover) {
.subject__resize-icon:hover { opacity: 0.8; }
.subject__resize-icon:active { opacity: 0.6; }
}
.subject__resize-icon_bg-color_turquoise { background-color: var(--color-primary-900); }
.subject__resize-icon_bg-color_gray { background-color: var(--color-gray-100); }
.subject__resize-icon-span { box-sizing: border-box; height: 26px; margin: 0px; padding: 0px; vertical-align: middle; width: 26px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__resize-icon-span { height: 30px; width: 30px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__resize-icon-span { height: 30px; width: 30px; }
}
}
.subject__resize-icon-span_color_white { color: var(--color-white); }
.subject__resize-icon-span_color_black { color: var(--color-black); }
.subject__header-texts { box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; margin: 0px 12px 0px 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__header-texts { align-items: center; flex-direction: row; justify-content: space-between; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__header-texts { align-items: center; flex-direction: row; justify-content: space-between; }
}
}
.subject__prices { box-sizing: border-box; margin: 0px; padding: 0px 16px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__prices { padding-left: 24px; padding-right: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__prices { padding-left: 24px; padding-right: 24px; }
}
}
.subject__rest-params { box-sizing: border-box; display: grid; gap: 12px; margin: 0px; padding: 16px 16px 24px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject__rest-params { gap: 16px; padding-bottom: 32px; padding-left: 24px; padding-right: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject__rest-params { gap: 16px; padding-bottom: 32px; padding-left: 24px; padding-right: 24px; }
}
}
.subject-rating { box-sizing: border-box; margin: 0px; padding: 0px; }
.subject-rating__icon { height: 24px; margin: 0px 4px 0px 0px; vertical-align: middle; width: 24px; }
.subject-rating__icon, .subject-rating__value { box-sizing: border-box; color: var(--color-primary-900); padding: 0px; }
.subject-rating__value { font-weight: 600; }
.subject-rating__caption, .subject-rating__value { font-size: 15px; font-style: normal; line-height: 20px; margin: 0px; }
.subject-rating__caption { box-sizing: border-box; color: var(--color-gray-400); font-weight: 400; padding: 0px; }
.subject-param { box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 12px 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject-param { align-items: flex-start; flex-direction: row; justify-content: space-between; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject-param { align-items: flex-start; flex-direction: row; justify-content: space-between; }
}
}
.subject-param__text { color: var(--color-gray-800); display: inline-block; }
.subject-param__heading, .subject-param__text { box-sizing: border-box; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; padding: 0px; }
.subject-param__heading { color: var(--color-gray-400); padding-bottom: 4px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject-param__heading { margin-right: 16px; max-width: 156px; min-width: 156px; padding-bottom: 0px; padding-left: 16px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject-param__heading { margin-right: 16px; max-width: 156px; min-width: 156px; padding-bottom: 0px; padding-left: 16px; }
}
}
.subject-param__value-container { box-sizing: border-box; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.subject-param__value-container { flex: 1 1 auto; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.subject-param__value-container { flex: 1 1 auto; }
}
}
.subject-param__link { box-sizing: border-box; color: var(--color-primary-600); display: inline-block; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px 0px 4px; padding: 0px; text-decoration: none; transition-duration: 0.3s; }
@media (hover: hover) {
.subject-param__link:hover { opacity: 0.8; }
.subject-param__link:active { opacity: 0.6; }
}
.prices { background-color: var(--background-color); border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 12px 16px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.prices { align-items: center; flex-direction: row; justify-content: space-between; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.prices { align-items: center; flex-direction: row; justify-content: space-between; }
}
}
.prices__heading { box-sizing: border-box; color: var(--color-black); font-size: 17px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px; padding: 0px 0px 8px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.prices__heading { margin-right: 16px; min-width: 140px; padding-bottom: 0px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.prices__heading { margin-right: 16px; min-width: 140px; padding-bottom: 0px; }
}
}
.prices__list { box-sizing: border-box; display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.prices__list { align-items: center; flex: 1 1 auto; flex-direction: row; justify-content: flex-start; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.prices__list { align-items: center; flex: 1 1 auto; flex-direction: row; justify-content: flex-start; }
}
}
.prices__list-item { box-sizing: border-box; flex: 1 1 0%; margin: 0px 0px 8px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.prices__list-item { border-right: 1px solid var(--color-gray-300); margin-bottom: 0px; padding-left: 10px; padding-right: 10px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.prices__list-item { border-right: 1px solid var(--color-gray-300); margin-bottom: 0px; padding-left: 10px; padding-right: 10px; }
}
}
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.prices__list-item:first-of-type { padding-left: 0px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.prices__list-item:first-of-type { padding-left: 0px; }
}
}
.prices__list-item:last-of-type { margin-bottom: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.prices__list-item:last-of-type { border-right: unset; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.prices__list-item:last-of-type { border-right: unset; }
}
}
.price { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.price { align-items: flex-start; flex-direction: column; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.price { align-items: flex-start; flex-direction: column; }
}
}
.price__title { box-sizing: border-box; color: var(--color-gray-800); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.price__title { font-size: 13px; line-height: 18px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.price__title { font-size: 13px; line-height: 18px; }
}
}
.price__from, .price__per-hour { color: var(--color-gray-400); font-size: 13px; font-weight: 400; line-height: 18px; }
.price__from, .price__per-hour, .price__value { box-sizing: border-box; font-style: normal; margin: 0px; padding: 0px; }
.price__value { color: var(--color-black); font-size: 17px; font-weight: 600; line-height: 24px; }
.breadcrumbs { align-items: center; display: flex; overflow-x: auto; padding: 16px 16px 16px 0px; }
.breadcrumb, .breadcrumbs { box-sizing: border-box; margin: 0px; }
.breadcrumb { display: inline-block; font-size: 15px; font-style: normal; line-height: 20px; padding: 0px; white-space: nowrap; }
.breadcrumb_text { opacity: 0.6; }
.breadcrumb_link { text-decoration: none; }
@media (hover: hover) {
.breadcrumb_link:active, .breadcrumb_link:hover { opacity: 0.6; }
}
.breadcrumb_link::after { content: "•"; margin: 0px 8px; opacity: 0.6; }
.breadcrumb_medium { font-weight: 500; }
.breadcrumb_color_black { color: var(--color-black); }
.suggested-teachers { box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 0px; }
.suggested-teacher { align-items: center; background-color: var(--color-white); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; height: 208px; justify-content: space-between; margin: 0px; padding: 16px 12px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.suggested-teacher { height: 176px; padding: 0px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.suggested-teacher { height: 176px; padding: 0px; }
}
}
.suggested-teacher__texts-container { align-items: center; box-sizing: border-box; display: grid; gap: 4px; justify-content: space-between; margin: 8px 0px 0px; padding: 0px; }
.suggested-teacher__name-link { box-sizing: border-box; color: var(--color-primary-900); font-size: 15px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0px; padding: 0px; text-align: center; text-decoration: none; transition-duration: 0.3s; }
@media (hover: hover) {
.suggested-teacher__name-link:hover { text-decoration: underline; }
}
.suggested-teacher__subjects-text { color: var(--color-gray-600); display: -webkit-box; font-size: 13px; font-weight: 400; -webkit-line-clamp: 2; line-height: 18px; -webkit-box-orient: vertical; overflow: hidden; }
.suggested-teacher__price-text, .suggested-teacher__subjects-text { box-sizing: border-box; font-style: normal; margin: 0px; padding: 0px; text-align: center; }
.suggested-teacher__price-text { color: var(--color-black); font-size: 15px; font-weight: 500; line-height: 20px; }
.suggested-teachers__list { border-radius: 24px; box-sizing: border-box; display: flex; list-style: none; margin: 0px; overflow-x: auto; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.suggested-teachers__list { background-color: var(--color-white); padding: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.suggested-teachers__list { background-color: var(--color-white); padding: 24px; }
}
}
.suggested-teachers__list-item { box-sizing: border-box; margin: 0px 8px 0px 0px; max-width: 148px; min-width: 148px; padding: 0px; width: 100%; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.suggested-teachers__list-item { margin-right: 16px; min-width: 152px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.suggested-teachers__list-item { margin-right: 16px; min-width: 152px; }
}
}
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.suggested-teachers__list-item { min-width: 168px; }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.suggested-teachers__list-item { min-width: 168px; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.suggested-teachers__list-item { min-width: 161px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.suggested-teachers__list-item { min-width: 161px; }
}
}
.suggested-teachers__list-item:last-of-type { margin-right: 0px; }
.info-point { box-sizing: border-box; display: flex; font-style: normal; margin: 0px; padding: 0px; }
.info-point_column { flex-direction: column; }
.info-point__icon { color: var(--color-primary-900); height: 24px; margin-right: 4px; vertical-align: bottom; width: 24px; }
.info-point__text { box-sizing: border-box; font-style: normal; margin: 0px; padding: 0px; }
.info-point__text_black { color: var(--color-black); }
.info-point__text_gray { color: var(--color-gray-600); }
.info-point__text_bold { font-size: 20px; font-weight: 600; line-height: 24px; }
.info-point__text_medium { color: var(--color-black); font-size: 15px; font-style: normal; font-weight: 500; line-height: 20px; }
.info-point__text_thin { font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; }
.booking-l { background-color: var(--color-white); border-radius: 24px; box-sizing: border-box; display: grid; gap: 20px; margin: 0px; padding: 20px; z-index: var(--z-index-other); }
.booking-l__buttons, .booking-l__points { box-sizing: border-box; display: grid; gap: 8px; margin: 0px; padding: 0px; }
.booking-l__points-list { box-sizing: border-box; display: flex; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px; }
.booking-l__points-list__item { margin-right: 16px; }
.booking-sm { align-items: center; background-color: var(--background-color); justify-content: space-between; padding: 8px 16px; z-index: var(--z-index-other); }
.booking-sm, .booking-sm__points-list { box-sizing: border-box; display: flex; margin: 0px; }
.booking-sm__points-list { flex: 1 1 0%; flex-wrap: wrap; list-style: none; padding: 0px; }
.booking-sm__points-list__item { margin-right: 32px; }
.booking-sm__points-list__item:first-of-type { display: none; }
.booking-button, .booking-link { background-color: var(--color-primary-900); border: unset; border-radius: 12px; box-sizing: border-box; color: var(--color-white); cursor: pointer; display: inline-block; font-size: 15px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0px; padding: 12px 16px; text-align: center; transition-duration: 0.3s; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.booking-sm { padding: 12px 32px; }
.booking-sm__points-list { flex: unset; }
.booking-sm__points-list__item:first-of-type { display: inline-block; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.booking-sm { padding: 12px 32px; }
.booking-sm__points-list { flex: unset; }
.booking-sm__points-list__item:first-of-type { display: inline-block; }
}
}
@media (hover: hover) {
.booking-button:hover, .booking-link:hover { opacity: 0.8; }
.booking-button:active, .booking-link:active { opacity: 0.6; }
}
.contact-teacher-dialog { background-color: var(--color-white); border: unset; border-top-left-radius: 24px; border-top-right-radius: 24px; box-sizing: border-box; height: 100%; margin: auto 0px 0px; max-height: 630px; min-width: 100%; outline: unset; padding: 0px; width: 100%; z-index: var(--z-index-modal); }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; margin-bottom: auto; margin-left: auto; margin-right: auto; max-height: 580px; max-width: 704px; min-width: unset; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; margin-bottom: auto; margin-left: auto; margin-right: auto; max-height: 580px; max-width: 704px; min-width: unset; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog { max-width: 754px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog { max-width: 754px; }
}
}
.contact-teacher-dialog::backdrop { background-color: var(--color-gray-600); }
.contact-teacher-dialog__container { background: linear-gradient(to left top, rgba(14, 148, 140, 0.2), rgba(14, 148, 140, 0), rgba(14, 148, 140, 0), rgba(14, 148, 140, 0.2)); box-sizing: border-box; height: 100%; margin: 0px; padding: 0px; width: 100%; }
.contact-teacher-dialog__section { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; margin: 0px auto; max-width: 1440px; padding: 16px; width: 100%; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__section { padding: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__section { padding: 32px; }
}
}
.contact-teacher-dialog__header { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px 0px 16px; padding: 0px; width: 100%; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__header { margin-bottom: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__header { margin-bottom: 32px; }
}
}
.contact-teacher-dialog__heading { box-sizing: border-box; color: var(--color-gray-900); flex: 1 1 auto; font-size: 17px; font-style: normal; font-weight: 500; line-height: 24px; margin: 0px; padding: 0px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__heading { font-size: 24px; font-weight: 600; text-align: center; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__heading { font-size: 24px; font-weight: 600; text-align: center; }
}
}
.contact-teacher-dialog__avatar-container { align-items: center; box-sizing: border-box; display: flex; height: 144px; justify-content: center; margin: 0px auto; padding: 0px; width: 144px; }
.contact-teacher-dialog__content-heading { box-sizing: border-box; color: var(--color-gray-900); font-size: 24px; font-style: normal; font-weight: 700; line-height: 29px; margin: 8px 0px 16px; padding: 0px; text-align: center; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__content-heading { font-size: 40px; line-height: 48px; margin-top: 4px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__content-heading { font-size: 40px; line-height: 48px; margin-top: 4px; }
}
}
.contact-teacher-dialog__content-list { box-sizing: border-box; list-style: none; margin: 0px; padding: 0px; }
.contact-teacher-dialog__content-list-item { align-items: center; box-sizing: border-box; display: flex; margin: 0px 0px 8px; padding: 0px; }
.contact-teacher-dialog__content-list-item:last-of-type { margin-bottom: 0px; }
.contact-teacher-dialog__content-list-item-num { align-items: center; background-color: var(--color-primary-900); border-radius: 50%; box-sizing: border-box; color: var(--color-white); display: inline-flex; font-size: 17px; font-style: normal; font-weight: 400; justify-content: center; line-height: 24px; margin: 0px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; padding: 0px; }
.contact-teacher-dialog__content-list-item-text { font-weight: 500; margin: 0px 0px 0px 16px; }
.contact-teacher-dialog__content-list-item-text, .contact-teacher-dialog__content-text { box-sizing: border-box; color: var(--color-gray-900); font-size: 17px; font-style: normal; line-height: 24px; padding: 0px; }
.contact-teacher-dialog__content-text { font-weight: 400; margin: 16px 0px 22px; max-width: 480px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__content-text { margin-bottom: 16px; text-align: center; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__content-text { margin-bottom: 16px; text-align: center; }
}
}
.contact-teacher-dialog__button { background-color: var(--color-primary-900); border: unset; border-radius: 12px; box-sizing: border-box; color: var(--color-white); cursor: pointer; display: inline-block; font-size: 17px; font-style: normal; font-weight: 600; line-height: 24px; margin: 0px; padding: 16px; text-align: center; transition-duration: 0.3s; width: 100%; }
@media screen and (width >= 425px) {
.contact-teacher-dialog__button { width: 320px; }
}
@media (hover: hover) {
.contact-teacher-dialog__button:hover { opacity: 0.8; }
.contact-teacher-dialog__button:active { opacity: 0.6; }
}
.contact-teacher-dialog__close-button { align-items: center; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 30px; box-sizing: border-box; cursor: pointer; display: inline-flex; height: 28px; justify-content: center; margin: 0px 0px 0px 6px; padding: 0px; transition-duration: 0.3s; width: 28px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__close-button { height: 24px; width: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__close-button { height: 24px; width: 24px; }
}
}
@media (hover: hover) {
.contact-teacher-dialog__close-button:hover { opacity: 0.8; }
.contact-teacher-dialog__close-button:active { opacity: 0.6; }
}
.contact-teacher-dialog__close-button-icon { height: 28px; width: 28px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.contact-teacher-dialog__close-button-icon { height: 24px; width: 24px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.contact-teacher-dialog__close-button-icon { height: 24px; width: 24px; }
}
}
.contact-teacher-dialog__avatar { border-radius: 50%; box-sizing: border-box; height: 144px; margin: 0px; object-fit: cover; object-position: center center; padding: 0px; width: 144px; }
.contact-teacher-dialog__avatar-icon { background-color: var(--color-primary-900); height: 60%; width: 60%; }
.teacher-page-grid { box-sizing: border-box; display: grid; gap: 8px; justify-content: center; margin: 0px; padding: 0px 16px 80px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.teacher-page-grid { gap: 24px; padding-bottom: 120px; padding-left: 32px; padding-right: 32px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.teacher-page-grid { gap: 24px; padding-bottom: 120px; padding-left: 32px; padding-right: 32px; }
}
}
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.teacher-page-grid { padding-bottom: 160px; }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.teacher-page-grid { padding-bottom: 160px; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.teacher-page-grid { padding-left: 0px; padding-right: 0px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.teacher-page-grid { padding-left: 0px; padding-right: 0px; }
}
}
.teacher-grid { box-sizing: border-box; display: grid; gap: 40px; justify-content: center; margin: 0px; padding: 0px; }
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.teacher-grid { gap: 36px; grid-template-columns: 768px 324px; }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.teacher-grid { gap: 36px; grid-template-columns: 768px 324px; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.teacher-grid { gap: 48px; grid-template-columns: 208px 740px 324px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.teacher-grid { gap: 48px; grid-template-columns: 208px 740px 324px; }
}
}
.teacher-grid__item_nav { display: none; }
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.teacher-grid__item_nav { display: block; height: 344px; position: sticky; top: 24px; z-index: var(--z-index-nav); }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.teacher-grid__item_nav { display: block; height: 344px; position: sticky; top: 24px; z-index: var(--z-index-nav); }
}
}
.teacher-grid__item_booking { display: none; }
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.teacher-grid__item_booking { display: block; height: 546px; position: sticky; top: 24px; z-index: var(--z-index-other); }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.teacher-grid__item_booking { display: block; height: 546px; position: sticky; top: 24px; z-index: var(--z-index-other); }
}
}
.teacher-info-grid { display: grid; gap: 40px; }
@media (min-width: 768px) {
@media screen and (max-color: 2147477350) {
.teacher-info-grid { max-width: 704px; }
}
}
@media not all and (min-width: 768px) {
@media screen and (color: 2147477350) {
.teacher-info-grid { max-width: 704px; }
}
}
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.teacher-info-grid { max-width: 768px; }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.teacher-info-grid { max-width: 768px; }
}
}
@media (min-width: 1440px) {
@media screen and (max-color: 2147477350) {
.teacher-info-grid { max-width: 740px; }
}
}
@media not all and (min-width: 1440px) {
@media screen and (color: 2147477350) {
.teacher-info-grid { max-width: 740px; }
}
}
.teacher-booking-sm { bottom: 0px; box-sizing: border-box; left: 0px; margin: 0px; padding: 0px; position: fixed; right: 0px; z-index: var(--z-index-other); }
@media (min-width: 1200px) {
@media screen and (max-color: 2147477350) {
.teacher-booking-sm { display: none; }
}
}
@media not all and (min-width: 1200px) {
@media screen and (color: 2147477350) {
.teacher-booking-sm { display: none; }
}
}
.teacher-nav { display: flex; flex-direction: column; }
.teacher-nav, .teacher-nav__link-divider { box-sizing: border-box; margin: 0px; padding: 0px; }
.teacher-nav__link-divider { background-color: var(--color-gray-100); bottom: 0px; height: 1px; left: 0px; position: absolute; right: 0px; }
.teacher-nav__link { box-sizing: border-box; display: flex; flex-direction: column; margin: 0px; padding: 0px 16px; text-decoration: none; }
.teacher-nav__link-text { box-sizing: border-box; color: var(--color-black); font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; padding: 14px 0px; position: relative; }
.teacher-nav__link:focus, .teacher-nav__link_intersecting { background-color: var(--color-white); border-radius: 16px; }
.teacher-nav__link:focus { outline: none; }
@media (hover: hover) {
.teacher-nav__link:active, .teacher-nav__link:hover { background-color: var(--color-white); border-radius: 16px; }
}
.teacher-nav__link:focus .teacher-nav__link-text { font-weight: 600; }
@media (hover: hover) {
.teacher-nav__link:active .teacher-nav__link-text, .teacher-nav__link:hover .teacher-nav__link-text { font-weight: 600; }
}
.teacher-nav__link:focus .teacher-nav__link-divider { display: none; }
@media (hover: hover) {
.teacher-nav__link:active .teacher-nav__link-divider, .teacher-nav__link:hover .teacher-nav__link-divider { display: none; }
}
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
h1 { font-size: 2em; margin: 0.67em 0px; }
a { background-color: transparent; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
.always-hidden { margin: 0px; }
.always-hidden, .hidden:not(:focus, :active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
@media screen and (width >= 767px) {
.hidden-min-width-767:not(:focus, :active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}
@media screen and (width <= 767px) {
.hidden-max-width-767:not(:focus, :active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}
@media screen and (width <= 1024px) {
.hidden-max-width-1024:not(:focus, :active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}
@media screen and (width <= 1280px) {
.hidden-max-width-1280:not(:focus, :active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}
@media screen and (width >= 1439px) {
.hidden-min-width-1439:not(:focus, :active) { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
}

/* --- tr.repetit.ru --- */
/* Кнопки оригинала, которые здесь стали обычными ссылками */
a.become-teacher-button,
a.change-area-button,
a.login-button,
a.footer-button,
a.contact-teacher-dialog__button {
    text-decoration: none;
}
a.login-button { white-space: nowrap; }
a.contact-teacher-dialog__button { max-width: 100%; }

/* «Участник платформы repetit.ru» в шапке анкеты */
.intro__platform-link {
    color: var(--color-primary-900);
    text-decoration: none;
}
.intro__platform-link:hover { opacity: 0.8; }

/* Логотип школы вместо фото */
.intro__avatar-container .avatar { background-color: var(--color-primary-500); }

/* Реквизиты: строки без лишних отступов */
#requisites .education__text { margin-top: 4px; }

/* Цифры школы: подпись в карточке может быть длиннее, чем в оригинале */
#ratings .rating__text_thin { overflow-wrap: anywhere; }