section.privacy-policy, section.cookie-policy { background: transparent !important; background-color: transparent !important; border-width: 0px !important; box-shadow: unset !important; } section.privacy-policy h2, section.cookie-policy h2 {} .policy_buttons_bar { display: flex; } .policy_button { position: relative; cursor: pointer; margin-left: calc(var(--mp) * 1); margin-right: calc(var(--mp) * 1); user-select: none; } .policy_button:focus, .policy_button:hover { filter: brightness(150%); } .policy_button:active { opacity: .75; } .policy_contents_box { position: fixed; display: flex; flex-direction: column; margin-right: 0px; visibility: hidden; opacity: 0; max-height: 0px; overflow: hidden; color: var(--ui-fg-color-std); pointer-events: none; background-color: #0f0f0fcc; padding: calc(var(--mp) * 6); padding-right: calc(var(--mp) * .5); font-size: 12pt; border: var(--border-std); border-radius: calc(var(--mp) * 1); box-shadow: var(--box-shadow); margin: auto; margin-left: 50%; transform: translateX(-50%); contain: content; bottom: calc(var(--footer-size) + var(--mp) * 2); z-index: 2000 !important; backdrop-filter: var(--backdrop-filter); } .policy_contents_box_active { visibility: visible !important; opacity: 1 !important; pointer-events: all; } .policy_contents_box_focus { border: 2pt solid red !important; } .policy_contents_box_scroller { white-space: normal !important; hyphens: auto !important; margin-top: calc(var(--mp) * 2); margin-bottom: calc(var(--mp) * 2); padding-right: calc(var(--mp) * 4); background-color: transparent; overflow-y: scroll; flex: 1 1 auto; flex-grow: 1 1 auto; height: stretch; width: stretch; overscroll-behavior: contain; } .policy_contents_box_scroller h1, .policy_contents_box_scroller h2, .policy_contents_box_scroller h3, .policy_contents_box_scroller h4 { padding-top: calc(var(--mp) * 4); } .policy_title { padding: calc(var(--mp) * 2); position: fixed; top: 0px; left: 0px; opacity: .5; text-transform: uppercase; } .policy_update { padding: calc(var(--mp) * 2); font-size: 8pt; position: fixed; bottom: 0px; right: 0px; text-transform: uppercase; } .policy_button_label { padding: calc(var(--mp) * 1); padding-left: calc(var(--mp) * 2); padding-right: calc(var(--mp) * 2); border-radius: calc(var(--mp) * 1); position: relative; z-index: 1000; color: var(--title-color); } .policy_close_popup_button { --icon-button-size: calc(var(--mp) * 4); position: fixed; display: flex; align-content: center !important; justify-content: center !important; align-items: center !important; justify-items: center !important; padding: 0px !important; top: calc(var(--mp) * .5); right: calc(var(--mp) * .5); width: var(--icon-button-size); height: var(--icon-button-size); padding-bottom: calc(var(--mp) * 2); line-height: 0%; cursor: pointer; user-select: none; font-size: 2rem; vertical-align: middle; opacity: .5; } .policy_close_popup_button:hover { color: white; opacity: 1; } .policy_close_popup_button:active { opacity: .25; } .policy_box_mobile { background-color: #0e193080; padding: calc(var(--mp) * 4); padding-top: calc(var(--mp) * 0); backdrop-filter: var(--backdrop-filter); break-inside: avoid; box-shadow: var(--box-shadow); border: var(--border-std); contain: content; max-width: var(--contents-width); margin: calc(var(--mp) * 1) !important; border-radius: calc(var(--mp) * 1); } .policy_box_mobile h2 { left: calc(var(--mp) * -4); font-size: 1.5rem; position: relative; height: var(--h2-height); text-shadow: var(--text-shadow); background-color: #66233f; background: var(--bg-gradient-amaranto); display: flex; align-content: center; justify-content: space-between; align-items: center; justify-items: center; padding: calc(var(--mp) * 3); width: calc(100% + var(--mp) * 8); width: fit-content; min-width: 66%; border-bottom-right-radius: calc(var(--mp) * 2); box-shadow: var(--box-shadow); text-shadow: var(--text-shadow); } @media screen and (min-width:1024px) { .policy_contents_box { width: calc(var(--contents-width) / 2); max-height: min(75dvh, 720px) !important; } .policy_contents_box_active { height: stretch; } } @media screen and (max-width:1023px) and (orientation: portrait) { .policy_contents_box { width: 100%; top: calc(100dvh - var(--footer-size)); left: 0px; right: 0px; bottom: calc(var(--footer-size) + var(--mp) * 0); } .policy_contents_box_active { max-height: 100% !important; top: 0px; border-radius: 0px; } } section.policies { padding: 0px !important; margin: 0px !important; border-width: 0px !important; overflow: hidden !important; }