/* Geometry, colors and timing from doctor-marketing.su, rec2351855601 / NLM019. */
.cookie-notice{position:fixed;left:20px;bottom:20px;width:315px;height:131px;zoom:var(--cookie-scale,1);z-index:60;border-radius:14px;background:#fff;box-shadow:0 0 12px #3232321a;color:#474747;font:400 12px/1.55 Montserrat,Arial,sans-serif;animation:cookie-appear 300ms ease-in-out}
.cookie-notice p{position:absolute;top:17px;left:17px;width:283px;margin:0}.cookie-notice a{color:inherit;text-decoration:underline;text-underline-offset:1px}
.cookie-accept{position:absolute;left:16px;top:83px;width:157px;height:31px;border-radius:30px;color:#fff;background:linear-gradient(.368turn,#0a7dc1,#003e63);font:600 12px/1.55 Montserrat,Arial,sans-serif;transition:background-color 200ms ease-in-out}
.cookie-close{position:absolute;top:8px;right:9px;width:20px;height:20px;border-radius:50%;background:#e0e6eb;transition:rotate 400ms linear}
.cookie-close::before,.cookie-close::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#333;transform:translate(-50%,-50%) rotate(45deg)}.cookie-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.cookie-notice[hidden]{display:none}
@keyframes cookie-appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:640px) and (max-width:1199px){.cookie-close{top:6px;right:9px;width:25px;height:25px}}
@media(max-width:639px){.cookie-notice{left:0;width:198px;height:83px;font-size:8px}.cookie-notice p{top:9px;left:11px;width:182px}.cookie-accept{left:10px;top:51px;width:94px;height:22px;font-size:8px}.cookie-close{top:7px;right:7px;width:14px;height:14px}.cookie-close::before,.cookie-close::after{width:7px}}
.video-widget{position:fixed;right:25px;bottom:25px;width:130px;height:180px;z-index:70}
.video-widget__container{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;box-shadow:0 10px 20px #0003;transition:transform 200ms ease-in-out;background:transparent}
.video-widget{transition:width 300ms ease-in-out,height 300ms ease-in-out}
.video-widget__video{display:block;width:100%;height:100%;object-fit:cover}
.video-widget__toggle{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:10px}
.video-widget__close{position:absolute;top:6px;right:6px;width:20px;height:20px;z-index:3;opacity:0;transition:opacity 200ms ease-in-out,transform 300ms ease-in-out}
.video-widget__close::before,.video-widget__close::after{content:"";position:absolute;left:9px;top:1px;width:2px;height:18px;background:white;box-shadow:1px 1px 10px #0008;transform:rotate(45deg)}.video-widget__close::after{transform:rotate(-45deg)}
.video-widget[data-state=opened]{width:230px;height:380px;max-height:calc(100dvh - 100px)}
.video-widget[data-state=opened] .video-widget__close{opacity:.5}.video-widget[data-state=opened] .video-widget__close::before{display:none}.video-widget[data-state=opened] .video-widget__close::after{transform:rotate(90deg)}
.video-widget:focus-within .video-widget__close{opacity:1}.video-widget[hidden]{display:none}
body:has(dialog[open]) .video-widget{visibility:hidden;pointer-events:none}
@media(hover:hover) and (pointer:fine){.video-widget__container:hover{transform:scale(1.05) translate(5px,-5px)}.video-widget__container:hover .video-widget__close{opacity:.5}.video-widget__close:hover{opacity:1!important}.cookie-accept:hover{background:#0a7dc1}.cookie-close:hover{rotate:180deg}}
@media(max-width:1023px){.video-widget__close{opacity:.5}}
@media(max-width:480px){.video-widget{right:20px;width:90px;height:125px}}
/* Cookie zoom also scales its bottom offset: keep the rendered mobile gap at 8px. */
@media(max-width:767px){.cookie-notice{bottom:calc(8px / var(--cookie-scale,1))}.video-widget{bottom:8px}}
@media(prefers-reduced-motion:reduce){.cookie-notice{animation:none}.cookie-close,.video-widget,.video-widget__container,.video-widget__close{transition:none}.video-widget__container:hover{transform:none}}
