xcoobee-cookie-kit-web
Version:
GDPR / CCPA Easy Cookie, Script, Do-Not-Sell, and Fingerprint Consent Management for Websites
2 lines (1 loc) • 12.7 kB
CSS
.d-none{display:none}.xb-cookie-kit{font-family:Arial,Helvetica,sans-serif;position:fixed;display:flex;z-index:100000;width:100%;transition:opacity 1s ease-out;line-height:1.5}.xb-cookie-kit .button,.xb-cookie-kit button{border-radius:0}.xb-cookie-kit .button:hover,.xb-cookie-kit button:hover{background:none}.xb-cookie-kit.left_top .xb-cookie-kit-overlay,.xb-cookie-kit.right_top .xb-cookie-kit-overlay,.xb-cookie-kit.top .xb-cookie-kit-overlay{top:0;left:0;right:0}.xb-cookie-kit.right_top,.xb-cookie-kit.top{top:0;align-items:flex-start;justify-content:flex-end}.xb-cookie-kit.left_top{top:0;align-items:flex-start}.xb-cookie-kit.bottom .xb-cookie-kit-overlay,.xb-cookie-kit.left_bottom .xb-cookie-kit-overlay,.xb-cookie-kit.right_bottom .xb-cookie-kit-overlay{bottom:0;left:0;right:0}.xb-cookie-kit.bottom,.xb-cookie-kit.right_bottom{bottom:0;justify-content:flex-end}.xb-cookie-kit.left_bottom{bottom:0}.xb-cookie-kit__button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.xb-cookie-kit.transparent{opacity:0}.xb-cookie-kit.hide{display:none}.xb-cookie-kit__cookie-button{width:4vw;margin:4px}.xb-cookie-kit__reset-button{align-self:center;background:#505050;color:#fff;font-size:12px;padding:8px;border-radius:4px;margin-left:5px;margin-top:5px}.xb-cookie-kit__cookie-icon{background-repeat:no-repeat;background-position:0 0;position:relative;width:4vw;height:4vw}.xb-cookie-kit__cookie-icon--blue,.xb-cookie-kit__cookie-icon--default{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg)}.xb-cookie-kit__cookie-icon--blue{-webkit-animation:xb-cookie-blue 5s;animation:xb-cookie-blue 5s}@-webkit-keyframes xb-cookie-blue{30%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/9130ca5ecb350cd044d1be31801d660c.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--blue:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}@keyframes xb-cookie-blue{30%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/9130ca5ecb350cd044d1be31801d660c.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--blue:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}.xb-cookie-kit__cookie-icon--blue:before{background-color:#01a4e9}.xb-cookie-kit__cookie-icon--green{-webkit-animation:xb-cookie-green 5s;animation:xb-cookie-green 5s;background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg)}.xb-cookie-kit__cookie-icon--green:before{background-color:#7acf77}@-webkit-keyframes xb-cookie-green{0%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/a5cbc523800ea795b07f2dd0de895971.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--green:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}@keyframes xb-cookie-green{0%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/a5cbc523800ea795b07f2dd0de895971.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--green:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}.xb-cookie-kit__cookie-icon--yellow{-webkit-animation:xb-cookie-yellow 5s;animation:xb-cookie-yellow 5s;background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg)}.xb-cookie-kit__cookie-icon--yellow:before{background-color:#faf376}@-webkit-keyframes xb-cookie-yellow{30%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/91abf662f7f35121704856d988f1235c.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--yellow:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}@keyframes xb-cookie-yellow{30%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/91abf662f7f35121704856d988f1235c.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--yellow:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}.xb-cookie-kit__cookie-icon--red{-webkit-animation:xb-cookie-red 5s;animation:xb-cookie-red 5s;background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg)}.xb-cookie-kit__cookie-icon--red:before{background-color:#f37026}@-webkit-keyframes xb-cookie-red{30%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/183c7285e5c59b094d2f13297fca6c8a.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--red:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}@keyframes xb-cookie-red{30%,90%{background-image:url(https://app.xcoobee.net/scripts/kit/183c7285e5c59b094d2f13297fca6c8a.svg)}to{background-image:url(https://app.xcoobee.net/scripts/kit/17d9bb3aab270d88474604ac7a658239.svg);.xb-cookie-kit__cookie-icon--red:before{-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) 3s}}}.xb-cookie-kit__pulsing:before{content:"";position:absolute;display:block;width:6vw;height:6vw;top:-1vw;left:-1vw;box-sizing:border-box;border-radius:50%;-webkit-animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;animation:pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite}@-webkit-keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}@keyframes pulse-ring{0%{transform:scale(.33)}80%,to{opacity:0}}.xb-cookie-kit .xb-cookie-kit-overlay{position:fixed;opacity:.9;color:#3a3a3a;background:#d3d2d2;display:flex;padding:8px;width:100%;box-sizing:border-box;overflow:auto}.xb-cookie-kit .xb-cookie-kit-overlay__content{display:flex;flex-direction:column;flex:1}.xb-cookie-kit .xb-cookie-kit-overlay__main{display:flex;margin-top:12px;flex-wrap:wrap}.xb-cookie-kit .xb-cookie-kit-overlay__main>*{margin:0 4px}.xb-cookie-kit .xb-cookie-kit-overlay__links-container{display:flex;flex-direction:column;justify-content:space-evenly}.xb-cookie-kit .xb-cookie-kit-overlay__links{display:flex;justify-content:space-around}.xb-cookie-kit .xb-cookie-kit-overlay__links>*{margin:4px}.xb-cookie-kit .xb-cookie-kit-overlay__login-container{display:flex;justify-content:space-around}.xb-cookie-kit .xb-cookie-kit-overlay__login-container>*{margin:4px}.xb-cookie-kit .xb-cookie-kit-overlay__powered-by-container{display:flex;justify-content:center;align-items:center}.xb-cookie-kit .xb-cookie-kit-overlay__powered-by{font-size:12px}.xb-cookie-kit .xb-cookie-kit-overlay__powered-by-link{color:inherit;text-decoration:none;cursor:pointer;font-weight:700}.xb-cookie-kit .xb-cookie-kit-overlay__login-button{display:flex;justify-content:center;align-items:center}.xb-cookie-kit .xb-cookie-kit-overlay__link{color:#505050;text-decoration:underline;cursor:pointer;text-align:center}.xb-cookie-kit .xb-cookie-kit-overlay__link:hover{color:grey}.xb-cookie-kit .xb-cookie-kit-overlay__consents-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;flex:1}.xb-cookie-kit .xb-cookie-kit-overlay__consents-container-body,.xb-cookie-kit .xb-cookie-kit-overlay__consents-container-foot{display:flex;flex-wrap:wrap;justify-content:space-around;margin:4px}.xb-cookie-kit .xb-cookie-kit-overlay__consent{margin:4px}.xb-cookie-kit .xb-cookie-kit-overlay__cookie-list{display:flex;justify-content:space-around;align-items:center}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox-container{display:flex;justify-content:center;align-items:center}.xb-cookie-kit .xb-cookie-kit-overlay__consent-label{text-align:center}.xb-cookie-kit .xb-cookie-kit-overlay__consent-label-link{color:inherit}.xb-cookie-kit .xb-cookie-kit-overlay__check-all{margin-top:8px;cursor:pointer;text-decoration:underline}.xb-cookie-kit .xb-cookie-kit-overlay__check-all:hover{color:grey}.xb-cookie-kit .xb-cookie-kit-overlay__button-container{display:flex;justify-content:center}.xb-cookie-kit .xb-cookie-kit-overlay__button{height:40px;min-width:100px;background:#505050;color:#fff;font-size:18px;padding:0 8px;transition:.1s}.xb-cookie-kit .xb-cookie-kit-overlay__button:hover{background:grey}.xb-cookie-kit .xb-cookie-kit-overlay__actions{display:flex;flex-direction:column;padding:4px;justify-content:space-between}.xb-cookie-kit .xb-cookie-kit-overlay__close-button{cursor:pointer}.xb-cookie-kit .xb-cookie-kit-overlay__close-button-icon{height:15px;width:15px}.xb-cookie-kit .xb-cookie-kit-overlay__language-picker-container{position:relative}.xb-cookie-kit .xb-cookie-kit-overlay__language-picker{font-weight:700}.xb-cookie-kit .xb-cookie-kit-overlay__language-picker:hover{color:grey}.xb-cookie-kit .xb-cookie-kit-overlay__custom-select{display:flex;position:absolute;top:-2px;right:28px;background:#fff;border-radius:4px}.xb-cookie-kit .xb-cookie-kit-overlay__language-picker-button{cursor:pointer;font-weight:700;padding:2px 4px;border-right:1px solid #a0a0a0}.xb-cookie-kit .xb-cookie-kit-overlay__language-picker-button:last-child{border:none}.xb-cookie-kit .xb-cookie-kit-overlay__language-picker-button:hover{color:grey}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker{position:relative}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-container{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:20px;right:-3px}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-container>button{height:15px;display:flex;justify-content:center;align-items:center}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-container>button>img{height:15px;cursor:pointer}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select{max-height:68px;display:flex;flex-direction:column;background:#fff;overflow:scroll;border-radius:4px;z-index:10;-ms-overflow-style:none;scrollbar-width:none;box-shadow:inset 0 8px 8px -8px rgba(0,0,0,.65),inset 0 -8px 8px -8px rgba(0,0,0,.65)}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select::-webkit-scrollbar{width:0;height:0;opacity:0}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select>*{padding:0 4px}.xb-cookie-kit .xb-cookie-kit-overlay__country-picker-select>:hover{background:grey}.xb-cookie-kit input[type=checkbox]{display:none}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox{height:30px;width:30px;background-color:transparent;border:3px solid #505050;position:relative;display:inline-block;box-sizing:border-box;transition:border-color .1s ease;cursor:pointer}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox[disabled]{cursor:default}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox:after,.xb-cookie-kit .xb-cookie-kit-overlay__checkbox:before{box-sizing:border-box;position:absolute;height:0;width:6px;background-color:#505050;display:inline-block;transform-origin:left top;border-radius:5px;content:" ";transition:opacity .2s ease}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox:before{top:21.6px;left:12.3px;transform:rotate(-135deg)}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox:after{top:11.1px;left:1.5px;transform:rotate(-45deg)}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox.checked,.xb-cookie-kit input[type=checkbox]:checked+.xb-cookie-kit-overlay__checkbox{border-color:#505050}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox.checked:after,.xb-cookie-kit input[type=checkbox]:checked+.xb-cookie-kit-overlay__checkbox:after{height:15px;-webkit-animation:dothabottomcheck .1s ease 0s forwards;animation:dothabottomcheck .1s ease 0s forwards}.xb-cookie-kit .xb-cookie-kit-overlay__checkbox.checked:before,.xb-cookie-kit input[type=checkbox]:checked+.xb-cookie-kit-overlay__checkbox:before{height:36px;-webkit-animation:dothatopcheck .2s ease 0s forwards;animation:dothatopcheck .2s ease 0s forwards}@-webkit-keyframes dothabottomcheck{0%{height:0}to{height:15px}}@keyframes dothabottomcheck{0%{height:0}to{height:15px}}@keyframes dothatopcheck{0%{height:0}50%{height:0}to{height:36px}}@-webkit-keyframes dothatopcheck{0%{height:0}50%{height:0}to{height:36px}}xbee-cookie,xbee-script{display:none}