.popup{position:fixed;top:0;left:0;z-index:-1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0 auto;overflow:auto;visibility:hidden;background-color:#0000004d;opacity:0;transition:opacity .1s}.popup[open]{z-index:1000;visibility:visible;opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s}.popup .diagram__wrapper{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}@media screen and (max-width: 749px){.popup .diagram__wrapper{gap:20px;justify-content:center}}.popup .diagram__item{min-width:190px;max-width:240px}.popup__content{position:absolute;width:100%;max-width:886px;height:630px;padding:48px 48px 80px;margin:0 auto;background-color:rgb(var(--color-background));border-radius:16px;box-shadow:0 4px 32px #00000040}.popup__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.popup__content img{max-width:50px}.popup__content table:not([class]) td,.popup__content table:not([class]) th{padding:8px}@media (max-width: 749px){.popup__content table:not([class]) td,.popup__content table:not([class]) th{padding:3px}}.popup__content table tr td strong,.popup__content table tr td span{display:inline-block;width:100%;line-height:1.1;text-align:center}.popup__content-info{height:100%;padding:2px;overflow:auto;-ms-overflow-style:none}.popup__content-info::-webkit-scrollbar{display:none;width:0}@media (max-width: 749px){.popup__content-info{padding:0 8px 2px 2px}}.popup__content--prescription-exit{max-width:500px;height:auto;padding:48px}@media screen and (max-width: 990px){.popup__content{width:92%}}@media screen and (max-width: 749px){.popup__content{padding:36px 16px 20px 24px;overflow:auto}.popup__content table{width:100%}.popup__content table img{margin-top:8px}.popup__content table tr:not(:first-child) strong,.popup__content table tr:not(:first-child) span{font-size:1.2rem}}.popup__opener{display:inline-block;width:100%;margin-top:10px}.popup__opener .button{margin-top:26px}.popup__button{position:relative;width:100%;padding:16px 28px 16px 16px;font-size:1.6rem;font-weight:600;text-align:left;text-decoration:none;background-color:#f4f4f4;border-radius:15px}.popup__button svg{position:absolute;top:18px;right:12px;width:15px;padding:2px;border-radius:50%;box-shadow:inset 0 0 0 1px #121212;transform:rotate(45deg)}.popup__button svg path{fill:#121212}.popup__button:hover svg{background:#121212}.popup__button:hover svg path{fill:rgb(var(--color-background))}.popup__button--prescription{padding:0;font-size:14px;color:#4294fd;text-decoration:underline;background-color:transparent}.popup__button--prescription:hover{text-decoration:none}.popup__button--prescription svg{display:none}.popup__toggle{position:absolute;top:0;right:0;box-sizing:content-box;width:22px;padding:6px 6px 3px;margin:10px 10px 0 0;cursor:pointer;background:none;border:none;transition:background-color .3s ease}.popup__toggle:hover{background-color:#0000000d;transition:background-color .3s ease}.popup__toggle svg{color:#121212}.popup__toggle svg path{fill:#121212}.popup__toggle .icon{width:2.2rem;height:auto;margin:0}.popup__mobile{max-width:100%;height:-moz-fit-content;height:fit-content}.popup__text-column .popup__content-info>div{-moz-column-count:2;column-count:2;-moz-column-gap:64px;column-gap:64px}.popup__text-column .popup__content-info>div>div{display:inline-block;margin-bottom:20px;font-size:15px}@media screen and (max-width: 1200px){.popup__text-column .popup__content-info>div{-moz-column-count:1;column-count:1}}@media screen and (max-width: 750px){.popup__text-column .popup__content-info>div{gap:0}.popup__text-column .popup__content-info>div>div{width:100%}}.popup__prescription-link{padding:0;color:#4294fd;text-decoration:underline;background-color:transparent}.popup__prescription-link:hover{text-decoration:none}.popup__prescription-link svg{display:none}@media screen and (max-width: 750px){.popup__desktop{display:none}}@media screen and (min-width: 750px){.popup__mobile{display:none}}