Съответствие с GDPR

<стил> #form-gdpr-edit-account-request, #form-gdpr-data-account-request, #form-gdpr-personal-data-report-request, #form-gdpr-delete-account-request { display:none; } /* Модален фон */ #data-verification-background { display:none; позиция: фиксирана; z-index: 1; padding-top: calc(50vh - 83px); left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); opacity: unset; z-index: 9999; } /* Модално съдържание */ #data-verification-modal { background-color: #fefefe; margin: auto; padding: 16px; border: 1px solid #888; width: 38%; } /* Бутон за затваряне на модален прозорец */ .data-verification-close { color: #aaaaaa; float:right; font-size: 28px; font-weight: bold; line-height: 17px; } .data-verification-close:hover, .data-verification-close:focus { color: #000; text-decoration: none; cursor: pointer; } /* CheckboxText */ #data-verification-container p{ display: inline-block; padding-left: 5px; vertical-align: top; ширина: calc(100% - 45px); курсор: пойнтер; } #data-verification-container a, #data-verification-container a:hover{ цвят: #4285f4; текст-декорация: underline!important; } /* Икона на квадратчето за отметка */ #data-verification-icon { курсор: пойнтер; позиция: относителна; марж: автоматичен; ширина: 18px; височина: 18px; -webkit-tap-highlight-color: прозрачен; трансформация: translate3d(0, 0, 0); марж-отгоре: 2px; } #data-verification-icon:преди { thrilled: ""; позиция: абсолютна; отгоре: -7px; ляво: -7px; ширина: 32px; височина: 32px; радиус на границата: 50%; фон: rgba(34,50,84,0.03); непрозрачност: 0; преход: непрозрачност 0.2s лекота; } #data-verification-icon svg { позиция: относителна; z-index: 1; запълване: няма; stroke-linecap: закръглена; stroke-linejoin: закръглена; stroke: #c8ccd4; stroke-width: 1.5; transform: translate3d(0, 0, 0); преход: всички 0.2s лекота; } #data-verification-icon svg път { stroke-dasharray: 60; stroke-dashoffset: 0; } #data-verification-icon svg полилиния { stroke-dasharray: 22; stroke-dashoffset: 66; } #data-verification-icon:hover:before { opacity: 1; } #data-verification-container:hover #data-verification-icon svg { stroke: #4285f4; } #data-verification-icon.clicked svg { stroke: #4285f4; } #data-verification-icon.clicked svg path { stroke-dashoffset: 60; transition: всички 0.3s линейни; } #data-verification-icon.clicked svg полилиния { stroke-dashoffset: 42; transition: всички 0.2s линейни; transition-delay: 0.15s; } /* Зареждане на елемент */ .loading { display:none; top:50vh; left:50vw; позиция: фиксирана; } .loading:not(:required):after { thrilled: ''; display:block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; } /* Промени в модалните настройки при мобилна резолюция*/ @media само екран и (max-width: 600px) { #data-verification-modal { width: 90%; } } /* Анимация */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }