.nas-cookie.modal{ z-index: 2147483000} .nas-cookie.modal--open{ align-items: flex-end; display: flex; flex-direction: column; justify-content: flex-end; pointer-events: all} html.nas-cookie-open, body.nas-cookie-open{ overflow: hidden; overscroll-behavior: none} .nas-cookie.modal--bottom .modal__root{ position: relative; width: 100%; z-index: 2} .nas-cookie.modal--bottom .modal__content.nas-cookie__content{ border-radius: 30px 30px 0 0; height: auto; max-height: min(88vh, 36rem); overflow: auto; padding: 2.5rem 1rem calc(1rem + env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch} .nas-cookie .modal__close{ color: hsla(0, 0%, 100%, 0.6); left: auto; right: 0.75rem; top: 0.75rem; transform: none; z-index: 3} .nas-cookie .modal__close:hover{ color: #fff} .nas-cookie__pane[hidden]{ display: none !important} .nas-cookie__pane{ display: grid; gap: 0.75rem} .nas-cookie__pane--settings{ gap: 0.65rem} .nas-cookie__title{ color: #d60405; font-size: 1rem; font-weight: 900; margin: 0; text-align: center; text-transform: uppercase} .nas-cookie__alert{ margin: 0} .nas-cookie__alert.alert--info> i{ color: #d60405} .nas-cookie__alert p{ font-size: 0.75rem; font-weight: 600; line-height: 1.45; margin: 0} .nas-cookie__lead{ color: hsla(0, 0%, 100%, 0.65); font-size: 0.8125rem; line-height: 1.45; margin: 0} .nas-cookie__actions{ display: grid; gap: 0.5rem} .nas-cookie__legal{ font-size: 0.75rem; margin: 0; text-align: center} .nas-cookie__legal a{ color: #d60405; font-weight: 700; text-decoration: underline} .nas-cookie__settings-head{ align-items: center; display: grid; gap: 0.5rem; grid-template-columns: auto 1fr} .nas-cookie__back{ min-width: 2.5rem; padding: 0.35rem 0.5rem} .nas-cookie__settings-head .nas-cookie__title{ text-align: left} .nas-cookie__categories{ display: grid; gap: 0.5rem} .nas-cookie__cat{ border-radius: 2px; padding: 0.75rem} .nas-cookie__cat-row{ align-items: flex-start; display: flex; gap: 0.65rem} .nas-cookie__cat-icon{ color: #fff; flex-shrink: 0; margin-top: 0.1rem} .nas-cookie__cat-text{ flex: 1; min-width: 0} .nas-cookie__cat-name{ font-size: 0.875rem; font-weight: 700; margin-bottom: 0.15rem} .nas-cookie__cat-desc{ color: hsla(0, 0%, 100%, 0.65); font-size: 0.75rem; line-height: 1.4; margin: 0} .nas-cookie__cat-badge{ align-self: center; background-color: #61020b; border-radius: 2px; color: #fff; flex-shrink: 0; font-size: 0.625rem; font-weight: 700; padding: 0.2rem 0.45rem; text-transform: uppercase} .nas-cookie__cat-toggle{ margin-bottom: 0; width: 100%} .nas-cookie__cat-toggle .input-confirm__label span{ font-size: 0.75rem; line-height: 1.4} .nas-cookie__cat-toggle .input-confirm__label strong{ display: block; font-size: 0.8125rem; font-weight: 700} .nas-cookie__cat-toggle .input-confirm__label i.icon-square-check{ color: #139c44} .nas-cookie-reopen{ background: none; border: 0; color: inherit; cursor: pointer; display: inline; font: inherit; margin: 0; padding: 0; text-decoration: underline} .nas-cookie-reopen:hover{ color: #d60405} .app-sidebar__menu-item> .nas-cookie-reopen{ align-items: center; background: none; border: 0; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 0.75rem; padding: 0.65rem 1rem; text-align: left; text-decoration: none; width: 100%} .app-sidebar__menu-item> .nas-cookie-reopen:hover{ color: inherit} @media(min-width: 768px){ .nas-cookie.modal--open{ align-items: flex-end; justify-content: flex-end; padding: 1rem} .nas-cookie.modal--bottom .modal__root{ max-width: 26rem; width: 100%} .nas-cookie.modal--bottom .modal__content.nas-cookie__content{ border-radius: 20px; max-height: min(80vh, 32rem); padding: 2.75rem 1.25rem 1.25rem} .nas-cookie__title{ font-size: 1.125rem}} @media(min-width: 1024px){ .layout--d .nas-cookie.modal--open{ padding: 1rem 1rem 1rem calc(250px + 1rem)}}