#cookiesck_interface { display: none; position: fixed; z-index: 1000000; top: 0; left: 0; bottom: 0; right: 0; background: #fff; border: 2px solid #ccc; margin: 10px; box-sizing: border-box;}
#cookiesck_interface * { box-sizing: border-box;}
.cookiesck-main { max-height: 100%; overflow: auto;}
.cookiesck-main-title { font-size: 28px; text-align: center; padding: 20px;}
.cookiesck-main-desc { padding: 10px 40px; font-size: 14px;}
.cookiesck-category { padding: 20px; color: #333;}
.cookiesck-category-name { font-size: 24px; color: #111; line-height: 24px;}
.cookiesck-category-desc { margin: 3px 0; color: #666;}
.cookiesck-platform { padding: 10px; margin: 15px 0; color: #111; background: #f2f2f2; border-radius: 4px; display: flex; align-items: center;}
.cookiesck-platform-name { font-size: 18px; color: #111; line-height: 24px;}
.cookiesck-main .cookiesck_button,
.cookiesck-main-buttons .cookiesck-button { background: #e5e5e5; border: 2px solid #ddd; color: #666; padding: 10px 20px; margin: 2px 5px; border-radius: 3px; text-decoration: none; cursor: pointer; transition: all 0.2s ease;}
.cookiesck-platform .cookiesck-accept { margin-left: auto;}
.cookiesck-main .cookiesck-accept:hover,
.cookiesck-main .cookiesck-accept.cookiesck-active { background: none; border: 2px solid green; color: green;}
.cookiesck-main .cookiesck-decline:hover,
.cookiesck-main .cookiesck-decline.cookiesck-active { background: none; border: 2px solid orange; color: orange;}
#cookiesck_readmore:hover { border: 2px solid #666; color: #222;}
.cookiesck-main-buttons { display: flex; justify-content: center; align-items: center;}
.cookiesck-main-close { position: absolute; right: 0; top: 0; z-index: 10; padding: 20px; font-size: 20px; cursor: pointer; background: #e2e2e2; color: #666;}
.cookiesck-main-close:hover { color: #000;}
iframe[data-cookiesck-src] { background: #ddd url(cookies-icon.svg) center center no-repeat; border: #ddd 3px solid; background-size: 20vmin auto; pointer-events: none; transition: all 0.2s;}
.cookiesck-iframe-wrap { display: inline-block; cursor: pointer; position: relative;}
.pagebuilderck .videock .cookiesck-iframe-wrap,
.pagebuilderck .iframeck .cookiesck-iframe-wrap { display: inline-block; cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.cookiesck-iframe-wrap:hover iframe { background-color: #eee;}
.cookiesck-iframe-wrap:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; display: block; border: transparent 3px solid; transition: all 0.2s;}
.cookiesck-iframe-wrap:hover:after { border: #bbb 3px solid;}
.cookiesck-iframe-wrap-allowed { display: inline-block;}
#cookiesckwizard input { padding: 5px; width: 70%; height: auto; margin: 2px 0;}
.cookiesck-platform-desc { margin: 0 10px; color: #666; font-style: italic;}
@media screen and (max-width: 640px) { .cookiesck-main-buttons, .cookiesck-platform {  flex-direction: column; }  .cookiesck-platform .cookiesck_button {  margin: 3px auto; }
.cookiesck-main-close {  position: relative;  text-align: center; }}
/** for switchers **/
.cookiesck_button_switch { background: #ddd; height: 34px; width: 70px; border: none; position: relative; border-radius: 17px; cursor: pointer; margin-left: auto;}
.cookiesck_button_switch input { display: none;}
.cookiesck_button_switcher { content: ""; display: block; height: 30px; width: 30px; background: white; border: none; position: absolute; top: 2px; left: 1px; border-radius: 15px; box-sizing: border-box; transition: all 0.2s ease; z-index: 10;}
input[id^="cookiesck-switch"]:checked + .cookiesck_button_switch .cookiesck_button_switcher { left: calc(100% - 32px);}
input[id^="cookiesck-switch"]:checked + .cookiesck_button_switch { background: green;}
.cookiesck_button_switch:before { content: ""; display: block; height: 20px; width: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%%22%20height%3D%22100%%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M5%2012l5%205l10%20-10%22%20%2F%3E%20%3C%2Fsvg%3E%20"); background-repeat: none; position: absolute; left: 8px; top: 6px; transition: all 0.2s ease; z-index: 0;}
.cookiesck_button_switch:after { content: ""; display: block; height: 20px; width: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%%22%20height%3D%22100%%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22darkgrey%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M18%206l-12%2012%22%20%2F%3E%20%3Cpath%20d%3D%22M6%206l12%2012%22%20%2F%3E%20%3C%2Fsvg%3E%20"); background-repeat: none; position: absolute; right: 8px; top: 6px; transition: all 0.2s ease; z-index: 0;}