Ontsluit Ultimate Data Verification met die Iconic Verification Accessory
#form-ccpa-edit-account-request,
#form-ccpa-data-account-request,
#form-ccpa-personal-data-report-request,
#form-ccpa-delete-account-request,
#form-ccpa-do-not-sell-request {
vertoon: geen; #ccpa_page-knoppie {
agtergrond-kleur: deursigtig; grens: 0; rand-onder: 1px soliede swart; vulling: 0px; /* Modale agtergrond */
#data-verification-background {
vertoon: geen; posisie: vas; z-indeks: 1; padding-top: bereken (50vh - 83px); links: 0; top: 0; breedte: 100%; hoogte: 100%; oorloop: outo; agtergrond-kleur: rgba(0, 0, 0, 0.4); ondeursigtigheid: ongesteld; z-indeks: 9999; /* Modale inhoud */
#data-verification-modal {
agtergrond-kleur: #fefefe; marge: outo; vulling: 16px; grens: 1px soliede # 888; breedte: 38%; /* Modale toemaakknoppie */
.data-verification-close {
kleur: #aaaaaa; dryf: regs; lettergrootte: 28px; lettertipe-gewig: vet; lynhoogte: 17px; .data-verification-close:hover,
.data-verification-close:focus {
kleur: #000; teksversiering: geen; wyser: wyser; /* Merkblokkie teks */
#data-verification-container p {
vertoon: inlyn-blok; vulling: 0; marge: 0; lynhoogte: 24px; padding-links: 10px; vertikaal-belyn: bo; breedte: bereken (100% - 45px); #data-verification-container a,
#data-verification-container a:hover {
teksversiering: onderstreep!belangrik; kleur: #4285f4; /* Merkblokkie-ikoon */
#data-verification-icon {
wyser: wyser; posisie: relatief; marge: outo; breedte: 18px; hoogte: 18px; transformeer: translate3d(0, 0, 0); marge-bo: 2px; #data-verification-icon:before {
inhoud: ""; posisie: absoluut; bo: -7px; links: -7px; breedte: 32px; hoogte: 32px; grens-radius: 50%; agtergrond: rgba(34, 50, 84, 0,03); ondeursigtigheid: 0; oorgang: ondeursigtigheid 0.2s gemak; #data-verification-icon svg {
posisie: relatief; z-indeks: 1; vul: geen; slaglynkap: rond; slag-lynverbinding: rond; beroerte: #c8ccd4; slagwydte: 1,5; transformeer: translate3d(0, 0, 0); oorgang: alle 0.2s gemak; #data-verification-icon svg pad {
beroerte-dasharray: 60; slag-streepafset: 0; #data-verification-icon svg polyline {
beroerte-dasharray: 22; slag-streepverstelling: 66; #data-verification-icon:hover:before {
ondeursigtigheid: 1; #data-verification-container:hover #data-verification-icon svg {
beroerte: #4285f4; #data-verification-icon.clicked svg {
beroerte: #4285f4; #data-verification-icon.clicked svg pad {
slag-streepverstelling: 60; oorgang: alle 0.3s lineêr; #data-verification-icon.clicked svg polyline {
slag-streepverstelling: 42; oorgang: alle 0.2s lineêr; oorgang-vertraging: 0.15s; #ccpa_page .list-unstyled li-knoppie {
wyser: wyser; .show-isense {
oorgang: ondeursigtigheid 400ms !belangrik; .hide-isense {
ondeursigtigheid: 0 !belangrik; oorgang: 0.4s gemak-uit; /* Modale veranderinge op mobiele resolusie */
Slegs @media skerm en (maksimum breedte: 600px) {
#data-verification-modal {
breedte: 90%; /* Laai element */
.laai {
vertoon: geen; top: 50vh; links: 50vw; posisie: vas; .loading:not(:required):after {
inhoud: ''; vertoon: blok; lettergrootte: 10px; breedte: 1em; hoogte: 1em; marge-bo: -0.5em; -webkit-animasie: draaier 1500ms oneindige lineêr; -moz-animasie: draaier 1500ms oneindig lineêr; -ms-animasie: draaier 1500ms oneindig lineêr; -o-animasie: draaier 1500ms oneindig lineêr; animasie: draaier 1500ms oneindig lineêr; grens-radius: 0.5em; -webkit-boks-skadu: rgba(255, 255, 255, 1) 1.5em 0 0 0, rgba(255, 255, 255, 1) 1.1em 1.1em 0 0, rgba(255, 555, 2) 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.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; boks-skadu: