/* Start:/local/libs/swiper/swiper-bundle.min.css?177088948915818*/ /** * Swiper 8.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 4, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/libs/plyr/plyr-3.7.8.css?177088948932499*/ @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /* End */ /* Start:/local/components/medigit/webbook.book.detail/templates/.default/css/main.css?177088948757721*/ @charset "UTF-8"; /* stylelint-disable */ /* stylelint-enable */ /* stylelint-disable */ /** * Селекторы для таргетинга на конкретные браузеры без влияния на специфику или * ограничение использования в медиа-запросах * * Плюсы: * - Работает с медиа-запросами * * Минусы: * - Не может использоваться с @extend, так как это приведет к недействительности других селекторов */ /** * Целевой Internet Explorer, но не Edge * * @demo * div { * @include browser-ie () { * // ... * } * } */ /** * Target IE-Edge */ /** * Target Firefox */ /** * Target Safari */ /** * Target all WebKit browsers */ /** * Remove the unit of a length * * @param {Number} $number - Number to remove unit from * @return {Number} - Unitless number */ /** * Returns nth property from css property list * * @property {map} $list List * @property {number} $index Item index * * @example * $bottom-margin: css-nth(10px 20px 30px 40px, 3); // 30px * $bottom-margin: css-nth(10px 20px, 3); // 10px */ /** * Remove nth elements from the list * * @property {map} $list List * @property {number} $index Item index * * @example * $list: remove-nth(10px 20px 30px 40px, 3); // 10px 20px 40px */ /** * In each $list pair of $breakpoint: $value replaces all values with 'inherit' * except for one in $index position * * 'inherit' value when used with 'margins' or 'paddings' mixin will not produce any output * * @example * $spacer: (xs: 10px 11px 12px 13px, md: 20px 0); * * $spacer-top-only: breakpointPickCssNth($spacer, 1); * => (xs: 10px inherit inherit inherit, md: 20px inherit inherit inherit) * @include margins($spacer-top-only); * * $spacer-bottom-only: breakpointPickCssNth($spacer, 3); * => (xs: inherit inherit 12px inherit, md: inherit inherit 20px inherit) * @include paddings($spacer-bottom-only); */ /** * In each $list pair of $breakpoint: $value replaces all values with 'inherit' * except for top (first) and bottom (third) properties * * @example * $spacer: (xs: 10px 11px 12px 13px, md: 20px 0); * * $spacer-top-bottom: breakpoint-pick-top-bottom($spacer); * => (xs: 10px inherit 12px inherit, md: 20px inherit 20px inherit) * @include margins($spacer-top-bottom); */ /** * In each $list pair of $breakpoint: $value replaces all values with 'inherit' * except for right (second) and left (fourth) properties * * @example * $spacer: (xs: 10px 11px 12px 13px, md: 20px 0); * * $spacer-left-right: breakpoint-pick-top-bottom($spacer); * => (xs: inherit 11px inherit 13px, md: inherit 0 inherit 0) * @include margins($spacer-left-right); */ /** * In each $list pair of $breakpoint: $value merges all values skipping 'inherit' * * @example * $list-a: (xs: 10px inherit 20px inherit, md: 30px inherit); * $list-b: (xs: 40px inherit inherit inherit, md: inherit 50px); * * $list-result: breakpointMapMerge($list-a, $list-b); * // (xs: 40px inherit 20px inherit, md: 30px 50px); */ /** * Returns deeply nested property from a map * * @function mapGetDeep Deep get for sass maps * @author https://css-tricks.com/snippets/sass/deep-getset-maps/ * @param {Map} $map - Map * @param {Arglist} $keys - Key chain * * @example * $paddings: mapGetDeep($grid-containers, default, paddings, xs); */ /** * Mixin for object-fit plugin * * @see https://github.com/bfred-it/object-fit-images * @see components/_background.scss * @example * @include object-fit(contain); * @include object-fit(cover, top); */ /** * Split string into a list * * @property {string} $string String * @property {string} $separator Separator * * @example * $list: str-split("hello+world", "+"); // (hello, world) */ /** * Converts SVG into data url so that this SVG could be used as a * background image * * @example * background-image: svgtodataurl("..."); */ /** * Remove keys from the map * * @param {Map} $map - Map from which to remove items * @param {List} $keys - List of keys which to remove * @return {Map} - Map without the specified keys */ /** * Качество рендеринга изображений * В Chrome качество фонового изображения не самое лучшее при использовании background-size */ @font-face { src: url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-Medium.woff2") format("woff2"), url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-Medium.woff") format("woff"); font-family: "MinionPro"; font-weight: 500; font-style: normal; } @font-face { src: url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-MediumIt.woff2") format("woff2"), url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-MediumIt.woff") format("woff"); font-family: "MinionPro"; font-weight: 500; font-style: italic; } @font-face { src: url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-Bold.woff2") format("woff2"), url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-Bold.woff") format("woff"); font-family: "MinionPro"; font-weight: 700; font-style: normal; } @font-face { src: url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-BoldIt.woff2") format("woff2"), url("/local/components/medigit/webbook.book.detail/templates/.default/css/../fonts/MinionPro-BoldIt.woff") format("woff"); font-family: "MinionPro"; font-weight: 700; font-style: italic; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image:before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes a { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } @media (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus:before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } html { position: relative; overflow-x: hidden; min-height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; scroll-behavior: smooth; } html.has-cursor, html.has-cursor * { cursor: none !important; } html.is-lock-scroll, html.is-lock-scroll body { overflow: hidden; } body { -webkit-font-smoothing: antialiased; -webkit-text-decoration-skip: objects; text-decoration-skip: objects; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } p { margin: 0; } a, button { outline: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor: pointer; } a { text-decoration: none; color: currentColor; } svg { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 100%; fill: currentColor; } figure, picture { display: inline-block; margin: 0; line-height: 0; } figure img, picture img { width: 100%; } img { vertical-align: top; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } img[draggable="false"] { pointer-events: none; -webkit-user-drag: none; } fieldset { margin: 0; border: 0; padding: 0; } ul, li { list-style: none; margin: 0; padding: 0; } video { outline: none; width: 100%; height: 100%; } iframe { display: block; } .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; border: 0; padding: 0; text-align: center; background-color: transparent; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 100%; color: currentColor; -webkit-transform: translateZ(0); transform: translateZ(0); } .js-lazy-load:not(.is-loaded) { max-height: 50vh; } .container { position: relative; z-index: 1; margin: 0 auto; width: 100%; max-width: 100%; } .site { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; min-height: var(--vh); } /* stylelint-disable */ /* * Немедленно переместите любую анимацию в конечную точку, если пользователь установил свое устройство в положение "prefers reduced motion". * Это может привести к плохим(непреднамеренным) последствиям. Удалите по мере необходимости и напишите свой собственный код для prefers-reduced-motion. */ @media (prefers-reduced-motion: reduce) { *, *:before, *:after { -webkit-animation-duration: 0.001s !important; animation-duration: 0.001s !important; -webkit-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-transition-duration: 0.001s !important; -o-transition-duration: 0.001s !important; transition-duration: 0.001s !important; -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; } } /* stylelint-enable */ .is-hidden { display: none !important; } .is-hide { opacity: 0; } @media (max-width: 1024px) { .for-desktop { display: none !important; } } @media (min-width: 1025px) { .for-tablet { display: none !important; } } @media (max-width: 767px) { .for-tablet { display: none !important; } } @media (min-width: 1025px) { .for-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .for-mobile { display: none !important; } } @media (min-width: 1025px) { .for-devices { display: none !important; } } .clearfix { overflow: auto; } .clearfix::after { content: ""; display: table; clear: both; } .visually-hidden { position: absolute; overflow: hidden; margin: -1px; width: 1px; height: 1px; clip: rect(0 0 0 0); } /* stylelint-disable */ .dont-break-out { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } html { font-size: 15px; line-height: 20px; } body { background: #808080; color: #333; font: normal normal 1rem/1.333rem MinionPro, sans-serif; } .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 10px 14px; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 4px; } svg { display: inline-block; vertical-align: middle; } .web-book { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; overflow: hidden; } .box { position: relative; width: 100%; padding: 80px 0 40px; } .box__inner { position: relative; width: 100%; max-width: 1366px; margin: 0 auto; } .box__arrow { z-index: 500; position: absolute; bottom: 50%; height: 90px; width: 90px; background: rgba(0, 0, 0, 0.25); border: none; border-radius: 100%; -webkit-transition: right 0.7s, left 0.7s, background 0.7s, opacity 0.7s; -o-transition: right 0.7s, left 0.7s, background 0.7s, opacity 0.7s; transition: right 0.7s, left 0.7s, background 0.7s, opacity 0.7s; } .box__arrow--left { left: 15px; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); opacity: 0; } .box__arrow--left svg { margin-right: 5px; } .box__arrow--right { right: 15px; -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); } .box__arrow--right svg { margin-left: 5px; } .box__arrow svg { height: 26px; width: 14px; fill: #fff; } .box__arrow-text { position: absolute; bottom: -25px; left: 0; width: 100%; color: #bfbfbf; font-size: 15px; line-height: 18px; font-weight: 600; } .book { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; } .book__buttons { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: -70px; left: 0; width: 100%; } .book__toc { margin-right: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .book__toc svg { height: 17px; width: 20px; fill: #fff; stroke: #fff; } .book__toc span { margin-left: 12px; } .book__toc ~ * { margin-left: 24px; } .book__scale { -webkit-transition: background 0.7s; -o-transition: background 0.7s; transition: background 0.7s; } .book__scale button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .book__zoom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .book__zoom svg { height: 22px; width: 19px; margin-right: 12px; fill: none; stroke: #fff; } .book__minus { height: 30px; margin-left: auto; padding: 0; background: none; border: none; } .book__minus svg { height: 4px; width: 18px; stroke: #fff; } .book__plus { height: 30px; margin: 0 20px; padding: 0; background: none; border: none; } .book__plus svg { height: 18px; width: 18px; fill: #fff; } .book__reset { height: 30px; background: none; border: none; border-radius: 2px; } .book__reset svg { height: 12px; width: 12px; stroke: #747474; } .book__print { display: none; } .book__print svg { height: 24px; width: 24px; fill: #fff; } .book__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 50%; margin: 0 auto; -webkit-transition: width 0.7s; -o-transition: width 0.7s; transition: width 0.7s; } .book__nav { z-index: 400; position: absolute; bottom: -35px; left: 0; width: 100%; color: #fff; font-size: 18px; /* 1.2rem */ text-align: center; } .book__nav span { margin: 0 5px; } /* Счетчик просмотра страницы */ .book__page-counter { position: absolute; top: 12px; left: 16px; width: 21px; height: 21px; background: url("/local/components/medigit/webbook.book.detail/templates/.default/css/../images/eye.svg") center center no-repeat; cursor: pointer; } .book__page--front .book__page-counter { left: auto; right: 16px; } .book__page-number { position: absolute; top: calc(100% + 4px); left: 0; padding: 4px 8px; background: #fff; font-size: 14px; font-weight: 400; line-height: 16px; border-radius: 6px; visibility: hidden; } .book__page--front .book__page-number { left: auto; right: 0; } .book__page-counter:hover .book__page-number { visibility: visible; } /**/ .book__pages { z-index: 10; position: relative; width: 500px; height: 750px; -webkit-transition: -webkit-transform 0.7s; transition: -webkit-transform 0.7s; -o-transition: transform 0.7s; transition: transform 0.7s; transition: transform 0.7s, -webkit-transform 0.7s; } .book__page { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 0; right: 0; height: 100%; width: 100%; background: #fff; -webkit-transition: z-index linear 0.7s, -webkit-transform ease-in-out 0.7s; transition: z-index linear 0.7s, -webkit-transform ease-in-out 0.7s; -o-transition: transform ease-in-out 0.7s, z-index linear 0.7s; transition: transform ease-in-out 0.7s, z-index linear 0.7s; transition: transform ease-in-out 0.7s, z-index linear 0.7s, -webkit-transform ease-in-out 0.7s; } .book__page:first-child .book__header, .book__page:first-child .book__footer, .book__page:last-child .book__header, .book__page:last-child .book__footer { display: none; } .book__page:first-child .book__main, .book__page:last-child .book__main { padding: 0; margin: 0; } .book__page.banner .book__header, .book__page.banner .book__footer { display: none; } .book__page.banner .book__main { padding: 0; margin: 0; } .book__main { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 16px 0 16px; margin: 12px 30px 12px 30px; overflow-y: auto; } .book__footer { margin: 0 46px 36px; } .toc-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .toc-link ~ .toc-link { margin-top: 10px; } .toc-link__dot { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; top: -5px; margin: 0 3px; border-bottom: 1px dotted #333; } .video { position: relative; height: 0; padding-bottom: 56.25%; } .video iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .swiper { margin-bottom: 16px; } .swiper-button-next, .swiper-button-prev { color: var(--controls-color, #f00); opacity: 0; transition: opacity 0.5s; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-pagination { opacity: 0; transition: opacity 0.5s; } .swiper-pagination-bullet { background: var(--controls-color, #f00); opacity: 0.5; transition: opacity 0.5s; } .swiper-pagination-bullet-active { background: var(--controls-color, #f00); opacity: 1; } .swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev, .swiper:hover .swiper-pagination { opacity: 1; } .swiper:hover .swiper-button-next.swiper-button-disabled, .swiper:hover .swiper-button-prev.swiper-button-disabled { opacity: 0.5; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { height: 0; bottom: 16px; } .swiper-pagination-bullet { height: 3px; width: 20px; border-radius: 100px; } .plyr__control--overlaid { background: var(--controls-color, #f00); opacity: 0.5; } .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: var(--controls-color, #f00); } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background-image: linear-gradient(to right,var(--controls-color, #f00) var(--value,0),#0000 var(--value,0)); } .plyr--full-ui input[type="range"] { color: var(--controls-color, #f00); } .open .book__inner { width: 100%; } .open .box__arrow--left { opacity: 1; } .close .box__arrow--left { opacity: 1; } .close .box__arrow--right { opacity: 0; } @media (min-width: 769px) { .book__inner { -webkit-perspective: 2000px; perspective: 2000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .book__edge { position: absolute; top: -3px; height: calc(100% + 6px); width: 30px; } .book__edge--left { left: -7px; -webkit-transform: rotateY(-33deg) translateX(-100%); transform: rotateY(-33deg) translateX(-100%); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .book__edge--left .book__slice { position: absolute; top: 0; right: 0; background: -webkit-gradient(linear, right top, left top, from(#bbb), color-stop(75%, #eaeaea), color-stop(40%, #eaeaea), to(#bbb)); background: -o-linear-gradient(right, #bbb 0%, #eaeaea 75%, #eaeaea 40%, #bbb 100%); background: linear-gradient(-90deg, #bbb 0%, #eaeaea 75%, #eaeaea 40%, #bbb 100%); } .book__edge--right { right: -7px; -webkit-transform: rotateY(33deg) translateX(100%); transform: rotateY(33deg) translateX(100%); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .book__edge--right .book__slice { background: -webkit-gradient(linear, left top, right top, from(#bbb), color-stop(40%, #eaeaea), color-stop(75%, #eaeaea), to(#bbb)); background: -o-linear-gradient(left, #bbb 0%, #eaeaea 40%, #eaeaea 75%, #bbb 100%); background: linear-gradient(90deg, #bbb 0%, #eaeaea 40%, #eaeaea 75%, #bbb 100%); } .book__slice { height: 100%; width: 0; } .close .book__inner::after { display: none; } } @media (min-width: 769px) and (max-width: 1024px) { .book__page .book__main { width: calc(100% - 16px * 2 - 30px); } } @media (min-width: 1025px) { .box__arrow:hover { background: rgba(0, 0, 0, 0.5); } .book__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .book__inner::before, .book__inner::after { top: -2px; height: calc(100% + 4px); } .book__pages { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; direction: rtl; } .book__page { -webkit-perspective: 0px; perspective: 0px; visibility: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; } .book__page--front { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .book__page--back { right: 100%; border-right: 1px solid #bebebe; text-align: left; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .book__page--back:last-child { border: none; } .book__page--back .book__main { direction: rtl; } .book__page--back .book__main-content { direction: ltr; } .book .btn:hover { background: rgba(0, 0, 0, 0.7); cursor: pointer; } .book__page:first-child { z-index: 12; } .book__page:nth-child(3) { z-index: 11; } .book__page--front { z-index: 10; } .book__page--front.active { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .book__page--back { z-index: 9; } .book__page--back.active { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .book__page.active + .book__page { z-index: 12; } .close .book__pages { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .close .book__inner::before { display: block; } .open .book__inner::before, .open .book__inner::after { display: block; } .open .book__edge--left { left: -9px; } .open .book__edge--right { right: -9px; } } @media (max-width: 1400px) { .box__arrow { height: 40px; width: 40px; } .box__arrow svg { -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } .box__arrow--left { left: 15px; } .box__arrow--left svg { margin-right: 3px; } .box__arrow--right svg { margin-left: 3px; } .box__arrow-text { display: none; } } @media (min-width: 1025px) and (max-width: 1200px) { .book { max-width: 800px; } .book__inner { width: 400px; } .book__pages { width: 400px; height: 600px; font-size: 0.867rem; line-height: 1.2rem; } } @media (max-width: 1024px) { .box { width: auto; } .box__arrow--left { left: -90px; } .box__arrow--right { right: -90px; } .book__inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .book__pages { -webkit-perspective: 2000px; perspective: 2000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .book .book__page:not(:first-child) { visibility: hidden; } .book__page { -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .book__page.active { -webkit-transform: rotateY(-76deg); transform: rotateY(-76deg); visibility: hidden; opacity: 0; } .book__page:first-child .book__main, .book__page:last-child .book__main, .book__page.banner .book__main { width: 100%; } .book .book__page.visible { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; } .book__page { z-index: 0; -webkit-transition: opacity ease 0.35s, visibility 0.35s, z-index 0.7s, -webkit-transform 0.7s; transition: opacity ease 0.35s, visibility 0.35s, z-index 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity ease 0.35s, visibility 0.35s, z-index 0.7s; transition: transform 0.7s, opacity ease 0.35s, visibility 0.35s, z-index 0.7s; transition: transform 0.7s, opacity ease 0.35s, visibility 0.35s, z-index 0.7s, -webkit-transform 0.7s; } .book__page:first-child { z-index: 201; } .book__page.active + .book__page { z-index: 200; } .box .book__page.active { z-index: 201; -webkit-transition: opacity ease-in 0.35s 0.35s, visibility 0.7s, z-index 0s, -webkit-transform 0.7s; transition: opacity ease-in 0.35s 0.35s, visibility 0.7s, z-index 0s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity ease-in 0.35s 0.35s, visibility 0.7s, z-index 0s; transition: transform 0.7s, opacity ease-in 0.35s 0.35s, visibility 0.7s, z-index 0s; transition: transform 0.7s, opacity ease-in 0.35s 0.35s, visibility 0.7s, z-index 0s, -webkit-transform 0.7s; } } @media (max-width: 768px) { html, body { height: 100%; overflow: hidden; } .box { padding: 0; } .box__arrow { display: none; } .book__header, .book__footer { display: none; } .book__page:first-child .book__main { overflow: hidden; } .book__main .title-page { min-height: calc(100vh - 156px); } .book__page .image_inside_2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; direction: unset; } .book__page .image_inside_2 header { width: 100%; margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .book__page .image_inside_2 content { width: 100%; margin: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .book__buttons { z-index: 15; position: fixed; top: 0; } .book__toc { z-index: 30; position: absolute; top: 10px; left: 16px; height: auto; padding: 10px 8px; background: #f1f1f1; } .book__toc svg { fill: #333; stroke: #333; } .book__toc span { display: none; } .book__scale { display: none; } .book__pages { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -webkit-perspective: 2000px; perspective: 2000px; } .book__page { padding: 56px 0 46px; } .book__page:first-child, .book__page:last-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .book__page.active { -webkit-transform: rotateY(-82deg); transform: rotateY(-82deg); } .book__page .book__header { display: none; } .book__page .book__main { width: calc(100% - 16px / 2); padding: 0 8px 8px 16px; margin: 0 8px 0 0; } .book__page .book__footer { display: none; } .book__nav { position: fixed; bottom: 0; padding: 13px 0; background: #fff; color: #d1d1d1; -webkit-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.05); box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.05); } .book__nav-number { color: #333; } .book .banner .book__main-content { height: 100%; } .open .box__arrow { background: #f1f1f1; } } /*# sourceMappingURL=main.css.map */ /* End */ /* Start:/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/style.css?177088948723905*/ /* общие стили */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; } :root { /* --padding-leftRight: 45px; */ --headerСolor: #ABEBD7; --wb-page-header-height: 30px; /* Высота верхнего колонтитула страницы */ --wb-page-footer-height: 30px; /* Высота нижнего колонтитула страницы */ --wb-page-left-margin: 12px; /* Отступ левого края страницы */ --wb-page-right-margin: 12px; /* Отступ правого края страницы */ --controls-color: #f00; /* Цвет кнопок swiper-slider & plyr-video/audio */ } /* ////////////////////////////// отступы блоков страниц */ @media (min-width: 769px) { :root { --padding-top-header: 36px; /* верхний отступ хедера */ --padding-bottom-header: 3px; /* нижний отступ хедера */ --padding-Horizontal: 15px; /* горизонтальный отступ внутри скролла */ --margin-Horizontal: 30px; /* горизонтальный отступ снаружи скролла */ --indent-Horizontal: calc(var(--margin-Horizontal) + var(--padding-Horizontal)); --margin-Vertical: 33px; /* вертикальный отступ .book__main */ --margin-top-footer: 0; /* верхний отступ футера */ --margin-bottom-footer: 36px; /* нижний отступ футера */ } .book__page .book__main { padding: 0 var(--padding-Horizontal); margin: var(--margin-Vertical) var(--margin-Horizontal); } .book__page .book__footer { margin: var(--margin-top-footer) var(--indent-Horizontal) var(--margin-bottom-footer); } } @media (min-width: 769px) and (max-width: 1024px) { .book__page .book__main { width: calc(100% - var(--padding-Horizontal) * 2 - var(--margin-Horizontal)); } } @media (min-width: 1025px) and (max-width: 1200px) { :root { --padding-top-header: 24px; /* верхний отступ хедера */ --padding-bottom-header: 3px; /* нижний отступ хедера */ --padding-Horizontal: 12px; /* горизонтальный отступ внутри скролла */ --margin-Horizontal: 24px; /* горизонтальный отступ снаружи скролла */ --indent-Horizontal: calc(var(--margin-Horizontal) + var(--padding-Horizontal)); --margin-Vertical: 20px; /* вертикальный отступ .book__main */ --margin-top-footer: 0; /* верхний отступ футера */ --margin-bottom-footer: 36px; /* нижний отступ футера */ } .book__page .book__main { padding: 0 var(--padding-Horizontal); margin: var(--margin-Vertical) var(--margin-Horizontal); } .book__page .book__footer { margin: var(--margin-top-footer) var(--indent-Horizontal) var(--margin-bottom-footer); } } @media (max-width: 768px) { :root { --padding-header: 55px; /* отступ хедера (высота) */ --padding-Horizontal: 8px; /* горизонтальный отступ внутри скролла */ --margin-Horizontal: 8px; /* горизонтальный отступ снаружи скролла */ --indent-Horizontal: calc(var(--margin-Horizontal) + var(--padding-Horizontal)); --margin-Vertical: 8px; /* вертикальный отступ .book__main */ /* 3 нижних строки перепишутся под актуальность и точность размеров */ --padding-nav: 20px; /* высота самих цифр навигации - в переменные для админки выносить рано */ --padding-footer: 45px; /* отступ футера (высота) */ /* из выше/ниже стоящих переменных изменяем только эту для высоты навигации */ --padding-footer-nav: calc((var(--padding-footer) - var(--padding-nav)) / 2); } .book__page { padding: var(--padding-header) 0 var(--padding-footer); } .book__page .book__header { padding: 0; } .book__page .book__main { width: calc(100% - var(--padding-Horizontal) - var(--margin-Horizontal)); margin: 0 var(--margin-Horizontal) var(--margin-Vertical); padding: 0 var(--padding-Horizontal); } .book__page .book__footer { margin: 0; } .book__nav { padding: var(--padding-footer-nav) 0; } } /* ////////////////////////////// контент */ .main-cover { display: flex; flex-direction: column; justify-content: space-between; color: #fff; height: 100%; padding: 57px 43px 51px; } .book__main-content { height: 100%; } .book__main p.main-cover__name { font-weight: 700; font-size: 2.3rem; line-height: 3rem; } .book__header { display: flex; justify-content: space-between; position: relative; background-repeat: no-repeat; background-size: contain; font-size: 11px; } .book__header, h1, h2 { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-weight: 600; } .book__page--front .book__header { /*background-image: url(/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/img/small-bg-r.jpg);*/ background-position: right top; } .book__page--back .book__header { /*background-image: url(/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/img/small-bg-l.jpg);*/ background-position: left top; } .book__main h1 { margin: 30px 0; font-size: 1em; text-transform: uppercase; } .book__main p { text-align: justify; font-size: 0.83em; line-height: 1.2em; margin-bottom: 14px; } .book__main p.main-cover__authors, .book__main p.main-cover__name, .book__main p.main-cover__bottom { margin: 0; } .book__main p.main-cover__name { margin-bottom: 50px; } .book__main p.main-cover__authors { font-size: 24px; text-transform: uppercase; } .book__main p.main-cover__bottom { font-size: 25px; } .book__main li { list-style-position: inside; } .book__main img { width: 100%; } .book__footer { display: flex; position: relative; align-items: center; } .book__footer-title span { font-size: 11px; color: #2D2D2D; } .book__page--front .book__footer { justify-content: space-between; align-items: center; } .book__footer-number { color: #1C2459; background-color: var(--headerСolor); padding: 7px 11px; font-weight: 600; } .book__footer-line { width: 100%; height: 1px; display: block; flex: 1; border: 0; border-top: 1px solid #D4D4D4; margin: 0 12px; } .table_in_text table th, table td { border: 1px solid #D8D8D8; } .page-number { position: relative; margin: -7px 0 0 0; padding: 3px 0 2px; width: 17px; background-color: var(--headerСolor); color: #fff; text-align: center; font-size: 11px; line-height: 13px; transform: skew(-7deg); } .book__page--front .page-number { margin-right: -5px; } .page-number::before { content: ''; position: absolute; left: -5px; bottom: 0; width: 5px; height: 12px; background-color: #7fb5da; } .book__main .content-img-p { margin-bottom: 20px; text-indent: 0; text-align: center; font-weight: 700; } .book__main .content-p-ti { text-indent: 0; } .book__main .content-table { margin-bottom: 10px; border-collapse: collapse; } .content-table caption { padding-bottom: 5px; font-weight: 600; } .content-table th { padding: 2px; background-color: #7fb5da; } .content-table td { padding: 4px; } .content-table td:nth-of-type(odd) { background-color: #c7e7f2; } /* конец общих стилей */ .book__main .title-page { display: flex; align-items: center; position: relative; max-width: 500px; min-height: 750px; background-size: contain; background-repeat: no-repeat; background-image: url(/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/img/big-bg.jpg), url(/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/img/big-bg-2.jpg); background-position: 0 0, 100% 100%; color: var(--headerСolor); } .book__main .title-page__content { margin: -30px 50px 0 77px; padding-left: 25px; border-left: 1px solid #000; } .book__main .title-page__authors { padding-bottom: 20px; font-size: 1.2em; line-height: 1.2em; font-weight: 100; } .book__main .title-page__title { margin: 0; font-size: 1.3em; font-weight: 600; line-height: 1.3em; } .chapter-head { font-weight: 600; } .chapter-head_bold { font-weight: 900; } .chapter-authors { font-style: italic; color: #666565; margin-top: 6px; } /* ////////////////////////////// e-book_1_add_styles1 by A.M. */ /* page */ .book__page h3 { margin: 16px 0; } .book__page ol { margin: 0; padding: 0 10px 0 30px; } .book__page ol li { list-style: auto; } .book__page ul { margin: 0; padding: 0 10px 0 30px; } .book__page ul li { list-style: disc; } /* add_info */ .book__page .add_info { margin: 10px; padding: 10px; background-color: #99CCFF; border-radius: 5px; } /* link_inside */ .book__page .link_inside{ font-weight: bold; cursor: pointer; } /* image_inside */ .book__page .image_inside_1 { margin: 10px 10px; font-size: 0.7em; line-height: 0.8em; } .book__page .image_inside_1 header, .book__page .image_inside_1 footer { display: block; width: 100%; margin: 0; padding: 0; color: inherit; font-size: inherit; line-height: inherit; border: none; text-align: center; } .book__page .image_inside_1 content img { cursor: pointer; } .book__page .image_inside_2 { display: flex; flex-direction: row; flex-wrap: wrap; margin: 10px 10px; font-size: 0.7em; line-height: 0.8em; direction: ltr; } .book__page .image_inside_2 header { display: block; width: calc(50% - 10px); margin: 0 0 0 10px; padding: 0; color: inherit; font-size: inherit; line-height: inherit; border: none; text-align: left; order: 2; } .book__page .image_inside_2 header p { margin: 0; } .book__page .image_inside_2 header ul { padding: 0 0 0 20px; } .book__page .image_inside_2 content { width: calc(50% - 10px); margin: 0 10px 0 0; order: 1; } .book__page .image_inside_2 content img { cursor: pointer; } .book__page .image_inside_2 footer { display: block; width: 100%; margin: 0; padding: 0; color: inherit; font-size: inherit; line-height: inherit; border: none; text-align: center; order: 3; } /* ////////////////////////////// 13.05 */ .book__main-content h2{ font-size: 1.1em; text-indent: 0; } .book__main p { text-indent: 0; text-align: left; } .book__page .link_inside { color: #333; font-weight: 400; cursor: pointer; } ol, ul { font-size: 0.83em; line-height: 1.2em; } li { margin-bottom: 5px; padding-left: 5px; } .questionnaire header>div:first-child{ margin-bottom: 8px; font-weight: 700; font-size: 24px; line-height: 136%; font-feature-settings: 'ordn' on, 'kern' off; } .question_heading{ margin: 8px 0; } label{ display: inline-block; margin-bottom: 6px; cursor: pointer; transition: color 0.4s ; } label:hover{ color: #9DCEFF; } input[type="radio"] { margin-right: 4px; } .questionnaire button{ margin: 11px 0 8px; padding: 8px 16px; background-color: #9DCEFF; border: 1px solid #9DCEFF; border-radius: 4px; transition: background-color 0.4s; } .questionnaire button:hover{ background-color: transparent; } .interpretation{ margin-top: 10px; margin-bottom: 20px; min-width: 5px; min-height: 50px; } .interpretation p{ margin: 0; font-weight: 700; font-size: 15px; line-height: 136%; } .interpretation p+p{ font-weight: normal; font-size: 15px; line-height: 136%; } .interpretation p:only-child{ color: #FE0000; } /* ////////////////////////////// 16.05 */ .title-page__wrapper { background: linear-gradient(19deg, #246BB2, #88c3ff, #fff, #fff, #88c3ff, #246BB2); background-size: 350%; animation: gradient 19s ease infinite; } .title-page{ background-repeat: repeat !important; background-image: url(/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/img/pattern.svg)!important; } .book__main .title-page__content { margin: -30px 50px 0 77px; padding: 35px 25px; border-left: none !important; background-color: #fff; border-radius: 23px; box-shadow: 0 0 3px #88c3ff9e; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .book__main p { font-size: 15px; } ol, ul { font-size: 1em; line-height: 1.2em; } .image_inside_1 p, .image_inside_2 footer p, .p-images{ font-size: 0.9rem; font-weight: 700; text-align: center; } .image_inside_2 p{ font-size: 0.9rem; } .image_inside_2 li{ font-size: 0.8rem; } .book-question{ text-indent: 1.5em; } .book__main .title-page__title { font-size: 19.5px; line-height: 19.5px; } .book__main .title-page__content .title-page__authors { font-size: 19px; line-height: 18px; } .footer-title__span { text-transform: uppercase; } /* ////////////////////////////// media */ @media (min-width: 1025px) and (max-width: 1200px) { /* :root { --padding-leftRight: 35px; } */ .book__header { font-size: 9px; } .book__page .title-page { min-height: 600px; } .book__main h1 { margin: 22px 0; } .book__main p { font-size: 0.9em; } } @media (max-width: 1024px) { .book__page--front .book__header { background-position: right top; } .book__page--back .book__header { background-position: right top; } .book__page--back .book__footer { justify-content: flex-end; } } @media (max-width: 768px) { /* временное решение для дев -> prod из-за инлайновых битрисковых стилей в самой странице баннера - указание высоты 100% лишнее */ /*.book .book__main-content {*/ /* height: auto;*/ /*}*/ .book__main p.main-cover__name { font-size: 3rem; line-height: 4.5rem; } .book__header, .book__footer { display: none; } .book__page:first-child .book__main { overflow: hidden; } .book__main .title-page { min-height: calc(100vh - var(--padding-header) - var(--padding-footer) * 2); } .book__page .image_inside_2 { flex-direction: column; flex-wrap: nowrap; direction: unset; } .book__page .image_inside_2 header { width: 100%; margin: 0; order: 1; } .book__page .image_inside_2 content { width:100%; margin: 0; order: 2; } .title-page__wrapper { animation: none; background-size: 100%; } .book__main .title-page__content{ max-width: 373px; margin: auto; } } @media (max-width: 460px) { .book__main p.main-cover__name { font-size: 1.5rem; line-height: 2rem; } } @media (max-width: 393px) { .book__main .title-page__content{ margin-left: 10px; margin-right: 10px; } } .pattern { z-index: -1; position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(45deg, #1b2040, #071029); overflow: hidden; } .pattern:before { content: ""; z-index: 2; position: absolute; top: 0; left: 0; display: block; width: full; height: full; opacity: 0.45; background: radial-gradient(rgba(255, 255, 255, 0), theme("colors.black.500")); } .pattern-container { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(6, 1fr); width: 1277px; height: 1012px; transform: rotate(52deg) scale(2.3) translate3d(40%, -18%, 0); } .pattern-container span { -webkit-animation: breathe 25s infinite; animation: breathe 25s infinite; } .pattern-container span:nth-child(1) { position: relative; top: 150px; right: 211px; z-index: 5; grid-column: span 3; grid-row: span 3; background: rgba(255, 255, 255, 0.14); -webkit-animation: breathe2 25s infinite; animation: breathe2 25s infinite; } .pattern-container span:nth-child(2) { grid-column: span 2; grid-row: span 3; background: linear-gradient(45deg, #2c3155, #0c142f); -webkit-animation: breathe2 25s infinite; animation: breathe2 25s infinite; } .pattern-container span:nth-child(3) { position: relative; grid-column: span 1; grid-row: span 3; background-color: #11173c; } .pattern-container span:nth-child(3):after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 95px); background: linear-gradient(to top, #b5c224, #6ec092, #1cbfd7); } @media (max-width: 768px) { .pattern-container span:nth-child(3):after { height: calc(100% - 35px); } .pattern-container { transform: rotate(52deg) scale(3.3) translate3d(48%, -15%, 0); } } .pattern-container span:nth-child(4) { grid-column: span 4; grid-row: span 7; background-color: #151a3a; } .pattern-container span:nth-child(5) { grid-column: span 2; grid-row: span 3; background: linear-gradient(to top, #2CD0E5, #BCE63F); } .pattern-container span:nth-child(6) { grid-column: span 2; grid-row: span 2; background: linear-gradient(45deg, #2c3155, #0c142f); -webkit-animation: breathe2 25s infinite; animation: breathe2 25s infinite; } .pattern-container span:nth-child(7) { grid-column: span 1; grid-row: span 2; background: linear-gradient(225deg, #b5c224, #6ec092, #1cbfd7); } .book__page:first-child .book__main, .book__page:last-child .book__main, .book__page.banner .book__main { overflow: hidden; } @-webkit-keyframes breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(20%); } } @keyframes breathe { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(10%); } } @-webkit-keyframes breathe2 { 0%, 100% { transform: translateY(20%); } 50% { transform: translateY(0%); } } @keyframes breathe2 { 0%, 100% { transform: translateY(20%); } 50% { transform: translateY(0); } } .adblock * { margin: 0; padding: 0; line-height: normal; direction: initial; font-size: inherit; overflow: initial; } .adblock { height: 100%; width: 100%; max-height: 750px; max-width: 500px; color: #fff; } .adblock a { display: block; text-decoration: none; text-align: center; } .adblock-inner { padding: 28px 25px 36px 25px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .mp .adblock-inner { align-items: self-end; } .vein { font-family: 'Roboto', sans-serif; font-style: normal; } .vein .numbers, .vein .name, .vein .date, .vein .reg { font-weight: 700; } .vein .numbers { font-size: 7rem; line-height: 5rem; } .vein .name { font-size: 2.7rem; line-height: 2.5rem; } .vein .date { font-size: 30px; margin-bottom: 13px; } .vein .reg { color: #20449B; background-color: #fff; border: 3px solid #CAFAFF; padding: 13px 8px; width: 340px; border-radius: 18px; font-size: 20px; cursor: pointer; transition: all 0.2s ease-in-out; } .vein .reg:hover { color: #fff; background-color: #20449B; } .vein, .mp { background-repeat: no-repeat; width: 100%; } .vein { background-image: url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/vein.png'), url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/vein-bg.png'); background-position: right bottom, left bottom; background-size: auto, cover; } .vein .year { color: #d0fcfc; } .mp { background-image: url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/mp-icon.svg'), url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/mp-bg.png'); background-position: 25px 52px, 0; } .mp .adblock-inner__main { max-width: 334px; max-height: 230px; } .adblock-inner-p .mp-big-font { font-size: 3.6rem; } .mp-big-font { font-size: 5.5rem; font-weight: 700; line-height: 5rem; } .adblock-inner-p { font-size: 20px; display: flex; align-items: center; justify-content: end; font-weight: 600; } .adblock-inner-p .mp-big-font { margin-right: 8px; } .adblock-inner__date { margin-top: 10px; align-self: center; font-size: 3.6rem; font-weight: 700; } .adblock-inner__text { margin-top: 10px; font-size: 1.5rem; } .manage-pain-p { font-size: 2rem; display: block; position: relative; bottom: 71px; left: 196px; } .mp .buttons { margin-top: 37px; width: 100%; } .mp .reg, .mp .watch { padding: 17px 0; width: 100%; cursor: pointer; transition: all 0.2s ease-in-out; } .mp .reg { font-size: 2rem; font-weight: 900; color: #E52E1C; background-color: #fff; border: none; } .mp .reg:hover { color: #fff; background-color: #E52E1C; } .mp .watch { margin-top: 16px; font-size: 1.6rem; font-weight: 600; color: #fff; border: 2px solid #fff; background-color: #E52E1C; } .mp .watch:hover { color: #E52E1C; border: 2px solid #fff; border: 2px solid #E52E1C; background-color: #fff; } .adblock.imm { background-color: #F6F7F8; background-image: url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/imm-logo.svg'); background-repeat: no-repeat; background-position: top left; padding: 26px 24px 36px 24px; } .adblock__heading, .adblock__paragraph { color: #1D1D1D; } .adblock__heading { font-weight: 600; font-size: 2rem; } .adblock__paragraph { margin-top: 20px; font-size: 17px; } .programms { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 36px; } .adblock .programm { width: calc(50% - 16px); text-align: left; font-size: 13px; color: #282828; background-color: #fff; padding: 14px; border-top-left-radius: 10px; } .adblock .programm__text { margin-top: 20px; } .all-programms { display: block; width: 100%; background-color: #29767E; color: #fff; padding: 18px 0; font-size: 19px; font-weight: 600; margin-top: 50px; transition: all 0.2s ease-in-out; } .all-programms:hover { background-color: #fff; color: #29767E; } .category-icon, .activity-icon { width: 40px; height: 40px; background-repeat: no-repeat; } .category-icon { background-image: url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/category.svg'); } .activity-icon { background-image: url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/activity.svg'); } /* Стили для скроллбара + один стиль в медиа 768 */ /** {*/ /* scrollbar-width: thin;*/ /* scrollbar-color: yellow green;*/ /*}*/ *::-webkit-scrollbar { width: 4px; border-radius: 10px; } *::-webkit-scrollbar-track { background-color: #F1F1F1; color: green; border-radius: 10px; } *::-webkit-scrollbar-thumb { background-color: #A9A9A9; border-radius: 10px; } .book__page * { scrollbar-color: yellow; } .book__page::-webkit-scrollbar-track { background: blue; } .book__page::-webkit-scrollbar-thumb { background-color: yellow; } @media (max-width: 1300px) { .mp .reg, .mp .watch { padding: 10px 0; } .mp-watch, .mp-reg { font-size: 1.5rem; } } @media (max-width: 1200px) { .mp .adblock-inner { justify-content: flex-start; padding-top: 10px; } .mp .adblock-inner{ align-items: start; } .mp { background-image: url('/local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/../images/mp-bg.png'); background-position: center; } .adblock-inner__text { margin-top: 10px; font-size: 1.2rem; } .mp-big-font { font-size: 3.5rem; font-weight: 700; line-height: 4rem; } .manage-pain-p { font-size: 1.5rem; display: block; position: relative; bottom: 58px; left: 135px; } .mp .reg, .mp .watch { font-size: 1.2rem; } .mp .adblock-inner__main { max-height: 190px; } .adblock-inner__date { margin-top: 10px; font-size: 2.5rem; } .mp .buttons { margin-top: 15px; } .adblock-inner-p { font-size: 14px; justify-content: start; } .adblock .programm__text { margin-top: 10px; } .all-programms { margin-top: 20px; } .programms { margin-top: 20px; } .adblock__heading { font-size: 1.2rem; } .adblock__paragraph { font-size: 14px; } .vein { background-size: 70%, cover; } } @media (max-width: 768px) { .adblock.imm { display: flex; flex-direction: column; justify-content: space-between; } .adblock__heading { font-size: 2rem; } .adblock__paragraph { font-size: 18px; } .adblock-inner__text { font-size: 1.7rem; } .adblock-inner__date { font-size: 2.3rem; } .mp { background-size: cover; } .mp .adblock-inner { justify-content: space-evenly; } .adblock { max-width: 100%; max-height: 100%; } .vein { background-size: 65%, cover; } *::-webkit-scrollbar { width: 2px; } } @media (max-width: 450px) { .adblock-inner__text { font-size: 1.3rem; } } /* End */ /* /local/libs/swiper/swiper-bundle.min.css?177088948915818 */ /* /local/libs/plyr/plyr-3.7.8.css?177088948932499 */ /* /local/components/medigit/webbook.book.detail/templates/.default/css/main.css?177088948757721 */ /* /local/components/medigit/webbook.book.detail/templates/.default/kognitivno-povedencheskaya-terapiya-s/style.css?177088948723905 */