/* The 2011 Cosmic Panda enrollment layout, adapted to YouView and local forms. */
.cp-enrollment{background:#fff;border-bottom:1px solid #ddd;min-width:980px}
#cosmicpanda{width:970px;padding:20px 5px;margin:auto;overflow:hidden;font:13px Arial,sans-serif;box-sizing:content-box}
#cosmicpanda.disabled{color:#333;background:url(../images/cosmic-panda/testtube-cosmicpanda-bg-on-light-vflBCtvE8.png) bottom right no-repeat}
.cosmic-panda .cp-enrollment{background:#303030;border-top:1px solid #222;box-shadow:inset 0 2px 5px #0004}
#cosmicpanda.enabled{color:#f3f3f3;background:url(../images/cosmic-panda/testtube-cosmicpanda-bg-on-dark-vflSzhGmG.png) bottom left no-repeat;text-shadow:0 0 2px #000}
#cosmicpanda .col{width:400px;padding-right:85px;float:left}
#cosmicpanda.enabled{min-height:485px;padding-top:20px;padding-bottom:20px}#cosmicpanda.enabled .col{float:left;padding:0 85px 0 0}
#cosmicpanda.enabled .cp-welcome-suggestions{padding-right:0;width:400px}
#cosmicpanda .spacer{clear:both;height:100px}#cosmicpanda.enabled .spacer{height:40px}
#cosmicpanda h1,#cosmicpanda h2{font:normal 20px Arial;margin:1em 0}
#cosmicpanda.disabled h1{color:#888;font-size:22px}
#cosmicpanda p{font-size:15px;line-height:1.2;margin:1em 0}
#cosmicpanda ul{padding:0}#cosmicpanda li{font-size:15px;line-height:1.2;margin:.5em 1.5em;list-style:disc}
#cosmicpanda a{text-decoration:underline}#cosmicpanda.enabled a{color:#fff}
#cosmicpanda button{font-size:18px;padding:7px 14px;cursor:pointer}
#cosmicpanda .cp-preference-note{font-size:12px}
#cosmicpanda.enabled h1{line-height:1.2;margin:17px 0 20px}
#cosmicpanda.enabled .cp-welcome-return{font-size:15px;line-height:1.6;margin:0 0 18px}
#cosmicpanda.enabled #experiment-choice{display:inline;margin:0}
#cosmicpanda.enabled #experiment-choice button{font:inherit;color:#ccc;background:none;border:1px solid transparent;border-radius:2px;padding:2px 3px;margin:0;text-decoration:underline;text-shadow:inherit;cursor:pointer}
#cosmicpanda.enabled #experiment-choice button:hover,#cosmicpanda.enabled #experiment-choice button:focus-visible{border-color:#ccc;outline:1px solid #aaa}
#cosmicpanda.enabled>.col>p{color:#ccc;font-size:15px}#cosmicpanda.enabled>.col>p a{text-decoration:none;color:inherit}
#cosmicpanda.enabled>.col>p a:hover{text-decoration:underline}
#cosmicpanda .cp-welcome-suggestions section{margin:0 0 22px}
#cosmicpanda .cp-welcome-suggestions h2{font:normal 20px/1.2 Arial;margin:17px 0 6px}
#cosmicpanda .cp-welcome-video{display:block;width:280px;box-sizing:border-box;padding:24px 10px;background:#eee;border:1px solid #ccc;border-radius:2px;line-height:0}
#cosmicpanda .cp-welcome-video img{display:block;width:258px;height:100px;object-fit:contain;background:#000}
#cosmicpanda .cp-welcome-channels{display:flex;gap:8px}
#cosmicpanda .cp-welcome-channels a{display:block;border:1px solid #ccc;line-height:0}
#cosmicpanda .cp-welcome-channels img{display:block;width:78px;height:78px;object-fit:cover;background:#222}
#cosmicpanda .cp-welcome-playlist{display:block;width:280px;box-sizing:border-box;padding:9px;background:#eee;border:1px solid #ccc;border-radius:2px;text-shadow:none}
#cosmicpanda .cp-welcome-playlist-thumbs{display:flex;position:relative;height:50px;overflow:hidden;background:#222}
#cosmicpanda .cp-welcome-playlist-thumbs img{flex:1;min-width:0;width:0;height:50px;object-fit:cover}
#cosmicpanda .cp-welcome-play-icon{position:absolute;left:9px;top:10px;border:2px solid #aaa;border-radius:50%;background:#333c;color:#fff;width:26px;height:26px;font:16px/26px Arial;text-align:center;padding-left:2px}
#cosmicpanda .cp-welcome-playlist-count{position:absolute;right:4px;top:0;bottom:0;min-width:40px;padding:2px 5px;text-align:center;background:#111c;color:#eee;font:13px/22px Arial}
#cosmicpanda .cp-welcome-empty{font:13px/18px Arial;color:#ccc}
#cosmicpanda .cp-welcome-playlist.cp-welcome-empty{color:#555}#cosmicpanda .cp-welcome-playlist.cp-welcome-empty a{color:#1c62b9}
.cp-feedback-tab{position:fixed;left:0;top:46%;z-index:35;padding:12px 5px;background:linear-gradient(to right,#3974a9,#6ca0ca);border:1px solid #37698f;color:#eee!important;font:15px Arial;text-shadow:0 1px #555;writing-mode:vertical-rl;transform:rotate(180deg);text-decoration:none!important;box-shadow:0 1px 4px #0006}