{"code":200,"data":{"id":299,"name":"YouTube - Chiikawa: Tiny Friends Video Club Theme","enabled":false,"update":false,"source":{"domain":"youtube.com","code":"\/*\r\n * YouTube Chiikawa: Tiny Friends Video Club\r\n * Template basis: youtube-hello-kitty-theme.css + youtube-cat-progressbar-theme.css\r\n * This intentionally retains the reference templates' selector architecture.\r\n * Tiny-friends cream, baby blue, blush and lavender replace source artwork.\r\n *\/\r\n\r\nbody,\r\nytd-app,\r\nytd-app[darker-dark-theme] {\r\n  --app-drawer-content-container-background-color: transparent;\r\n  background-color: #c9e8f3;\r\n  background-image:\r\n    radial-gradient(circle, rgb(255 253 248 \/ 80%) 0 3px, transparent 3.5px),\r\n    linear-gradient(135deg, rgb(233 151 175 \/ 12%) 25%, transparent 25% 75%, rgb(154 182 223 \/ 15%) 75%);\r\n  background-size: 23px 23px, 46px 46px;\r\n  background-attachment: fixed;\r\n  scrollbar-color: #e997af transparent;\r\n}\r\n\r\n\/* Modern YouTube palette layer on the same ytd-app template root.\r\n   These variables let the reference's colours reach current cards, feeds and panels. *\/\r\nytd-app,\r\nytd-app[darker-dark-theme] {\r\n  --yt-spec-base-background: #c9e8f3;\r\n  --yt-spec-raised-background: #fff4e7;\r\n  --yt-spec-menu-background: #fff4e7;\r\n  --yt-spec-general-background-a: #fff4e7;\r\n  --yt-spec-general-background-b: #f6dce7;\r\n  --yt-spec-additive-background: #fffdf8;\r\n  --yt-spec-text-primary: #5b4d5f;\r\n  --yt-spec-text-secondary: #94758b;\r\n  --yt-spec-icon-active-other: #e997af;\r\n  --yt-spec-icon-inactive: #94758b;\r\n  --yt-spec-brand-button-background: #e997af;\r\n  --yt-spec-brand-background-solid: #e997af;\r\n  --yt-spec-call-to-action: #e997af;\r\n  --yt-spec-static-brand-red: #e997af;\r\n  --yt-spec-badge-chip-background: #f4c6a2;\r\n  --yt-spec-10-percent-layer: rgb(233 151 175 \/ 18%);\r\n  --yt-spec-10-percent-layer: color-mix(in srgb, #f4c6a2 24%, transparent);\r\n  --yt-spec-outline: #94758b;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: linear-gradient(#f4c6a2 0%, #e997af 100%) !important;\r\n  border-radius: 10px;\r\n  border: 0 solid transparent !important;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 10px !important;\r\n}\r\n\r\nytd-masthead[darker-dark-theme] {\r\n  background: #e997af;\r\n}\r\n\r\nytd-masthead#masthead:not(:hover),\r\nytd-masthead#masthead:not(:hover):not(:hover) {\r\n  opacity: 1;\r\n}\r\n\r\nytd-masthead#masthead {\r\n  margin: auto !important;\r\n  transition: .1s;\r\n  width: 100%;\r\n  transform: translateX(0%);\r\n  border-radius: 0 0 29px 29px;\r\n}\r\n\r\nytd-feed-filter-chip-bar-renderer[darker-dark-theme] #chips-wrapper.ytd-feed-filter-chip-bar-renderer,\r\n#chips-wrapper.ytd-feed-filter-chip-bar-renderer,\r\n#left-arrow-button.ytd-feed-filter-chip-bar-renderer,\r\n#right-arrow-button.ytd-feed-filter-chip-bar-renderer {\r\n  background: #fff4e7d9;\r\n}\r\n\r\n#left-arrow.ytd-feed-filter-chip-bar-renderer:after {\r\n  background: linear-gradient(to right, transparent 20%, transparent 80%) !important;\r\n}\r\n\r\n#right-arrow.ytd-feed-filter-chip-bar-renderer:before {\r\n  background: linear-gradient(to left, transparent 20%, transparent 80%) !important;\r\n}\r\n\r\n#guide-content.ytd-app {\r\n  box-shadow: 0 0 0;\r\n  background: #fff4e7 !important;\r\n}\r\n\r\nytd-mini-guide-entry-renderer,\r\nytd-mini-guide-renderer {\r\n  background: #fff4e7;\r\n}\r\n\r\n#header.ytd-app {\r\n  background: #e997af;\r\n}\r\n\r\nyt-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT][selected],\r\nyt-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER][selected] {\r\n  background: #e997af !important;\r\n  color: #fffdf8 !important;\r\n}\r\n\r\n\/* Search: verbatim Hello Kitty selector structure, Chiikawa palette only. *\/\r\nytd-searchbox[desktop-searchbar-style=rounded_corner_dark_btn] #container.ytd-searchbox,\r\nytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox,\r\n#container.ytd-searchbox {\r\n  transition: .5s;\r\n  background-color: #fff4e7;\r\n  border: 0 solid #94758b;\r\n  border-right: 0;\r\n  border-radius: 25px 0 0 25px;\r\n  box-shadow: 0 0 0 3px #94758b;\r\n}\r\n\r\n.gsfs,\r\n.sbpqs_a,\r\nytd-searchbox[desktop-searchbar-style=rounded_corner_light_btn] #container.ytd-searchbox input.ytd-searchbox {\r\n  color: #94758b;\r\n}\r\n\r\n#searchbox-button.ytd-searchbox {\r\n  color: #fff4e7;\r\n}\r\n\r\n.sbsb_a {\r\n  background: #fff4e7;\r\n  border: 2px dashed #e997af;\r\n  border-radius: 20px;\r\n  box-shadow: 0 0 0 3px #fff4e7;\r\n}\r\n\r\n.sbfl_b {\r\n  background: #fff4e7;\r\n}\r\n\r\n.sbdd_b {\r\n  background: #e997af;\r\n  border: 0 solid #e997af;\r\n  border-top-color: #e997af;\r\n  box-shadow: 0 0 0 !important;\r\n  cursor: default;\r\n  border-radius: 20px;\r\n}\r\n\r\n.sbpqs_a:before,\r\n.sbqs_c:before {\r\n  filter: invert(.2);\r\n}\r\n\r\n.sbsb_d {\r\n  background: rgb(255 255 255 \/ 18%);\r\n}\r\n\r\nytd-searchbox[has-focus] #container.ytd-searchbox {\r\n  border: 0 solid #94758b;\r\n  box-shadow: 0 0 0 4px #f4c6a2;\r\n}\r\n\r\n[aria-label=\"Clear search query\"] svg {\r\n  color: #e997af;\r\n}\r\n\r\n#search-icon-legacy.ytd-searchbox,\r\n#search-icon-legacy.ytd-searchbox:hover {\r\n  border-radius: 0 20px 20px 0;\r\n  background: #e997af;\r\n  box-shadow: 0 0 0 3px #e997af;\r\n  border-left: 0;\r\n}\r\n\r\n#voice-search-button.ytd-masthead {\r\n  background-color: #f4c6a2;\r\n  border: 2px dashed #fff4e7;\r\n  box-shadow: 0 0 0 2px #94758b;\r\n}\r\n\r\nyt-confirm-dialog-renderer[dialog][dialog][dialog] {\r\n  background: #fff4e7;\r\n  border-radius: 10px;\r\n}\r\n\r\nytd-hotkey-dialog-renderer[dialog][dialog][dialog],\r\nytd-voice-search-dialog-renderer[dialog] {\r\n  background: #f4c6a2;\r\n  border-radius: 10px;\r\n}\r\n\r\n.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,\r\ntp-yt-paper-button.ytd-subscribe-button-renderer {\r\n  background-color: #f4c6a2;\r\n  border: 2px dashed #e997af;\r\n  border-radius: 15px;\r\n}\r\n\r\nytd-button-renderer.style-primary[is-paper-button],\r\nyt-button-renderer.style-primary[is-paper-button],\r\nyt-notification-action-renderer[ui-refresh] tp-yt-paper-toast.yt-notification-action-renderer {\r\n  background-color: #e997af;\r\n  border: 5px double #f4c6a2;\r\n  border-radius: 15px;\r\n}\r\n\r\n\/* Tiny-friends star badge using the source HK-041 button decoration hook. *\/\r\n#buttons.ytd-c4-tabbed-header-renderer::after,\r\nytd-subscribe-button-renderer::after {\r\n  content: \"\";\r\n  display: inline-block;\r\n  position: absolute;\r\n  width: 23px;\r\n  height: 23px;\r\n  margin: 4px 0 0 5px;\r\n  clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 56%, 79% 93%, 50% 70%, 21% 93%, 32% 56%, 2% 35%, 39% 35%);\r\n  background: #f4c6a2;\r\n  filter: drop-shadow(0 0 1px #94758b);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Cat Progress Bar template selectors, preserving the original dimensions. *\/\r\n.html5-play-progress,\r\n.ytp-play-progress {\r\n  background: linear-gradient(to bottom, #e997af 0 33%, #f4c6a2 33% 66%, #9ab6df 66% 100%) !important;\r\n}\r\n\r\n.html5-load-progress,\r\n.ytp-load-progress {\r\n  background: #fff4e7 !important;\r\n}\r\n\r\n.html5-scrubber-button,\r\n.ytp-scrubber-button {\r\n  background: #e997af !important;\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  border: 3px solid #f4c6a2 !important;\r\n  margin-left: -10px !important;\r\n  margin-top: -1px !important;\r\n}\r\n\r\n.ytp-progress-bar-container:hover .ytp-scrubber-button,\r\n.ytp-progress-bar-container:hover .ytp-load-progress {\r\n  image-rendering: pixelated;\r\n}\r\n\r\n.html5-progress-bar-container,\r\n.ytp-progress-bar-container {\r\n  height: 12px !important;\r\n}\r\n\r\n.html5-progress-bar,\r\n.ytp-progress-bar {\r\n  margin-top: 12px !important;\r\n}\r\n\r\n.html5-progress-list,\r\n.ytp-progress-list,\r\n.video-ads .html5-progress-list.html5-ad-progress-list,\r\n.video-ads .ytp-progress-list.ytp-ad-progress-list {\r\n  height: 12px !important;\r\n}\r\n\r\n.ytp-volume-slider-track {\r\n  background: #9ab6df !important;\r\n}\r\n\r\n\/* Extended Hello Kitty template groups: menus, accounts, panels and metadata. *\/\r\n[transform=\"matrix(1,0,0,1,60,60)\"] [fill=\"rgb(0,0,0)\"],\r\n[fill=\"#F00\"],\r\n[fill=\"red\"],\r\n[fill=\"#FF0000\"] {\r\n  fill: #e997af;\r\n}\r\n\r\n[stroke=\"rgb(0,0,0)\"] {\r\n  stroke: var(--yt-spec-text-primary);\r\n}\r\n\r\n.ytp-chrome-controls .ytp-button[aria-pressed]:after,\r\n.ytp-sb-subscribe,\r\na.ytp-sb-subscribe,\r\n.ytp-autonav-toggle-button[aria-checked=true],\r\n.ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox,\r\n.ytp-swatch-background-color,\r\n.ytp-settings-button.ytp-hd-quality-badge:after,\r\n.ytp-settings-button.ytp-hdr-quality-badge:after,\r\n.ytp-settings-button.ytp-4k-quality-badge:after,\r\n.ytp-settings-button.ytp-5k-quality-badge:after,\r\n.ytp-settings-button.ytp-8k-quality-badge:after,\r\n.ytp-settings-button.ytp-3d-badge-grey:after,\r\n.ytp-settings-button.ytp-3d-badge:after {\r\n  background-color: #e997af;\r\n}\r\n\r\n.ytp-swatch-color {\r\n  color: #e997af;\r\n}\r\n\r\n.ytp-autonav-toggle-button[aria-checked=true] {\r\n  background-image: linear-gradient(90deg, #e997af 0 50%, #f4c6a2 50%) !important;\r\n  box-shadow: 0 2px 5px rgb(0 0 0 \/ 46%);\r\n}\r\n\r\n.ytp-small-mode .ytp-autonav-toggle-button,\r\n.ytp-autonav-toggle-button {\r\n  background: rgb(255 249 232 \/ 70%);\r\n}\r\n\r\nytd-menu-popup-renderer {\r\n  border-radius: 9px;\r\n  box-shadow: 0 2px 5px rgb(113 48 30 \/ 46%);\r\n}\r\n\r\ntp-yt-paper-listbox {\r\n  background: transparent;\r\n}\r\n\r\ntp-yt-paper-listbox.yt-dropdown-menu,\r\n#contentWrapper.tp-yt-iron-dropdown > * {\r\n  overflow: hidden;\r\n  background: #fff4e7;\r\n  border: 2px dashed #e997af;\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 5px #f4c6a2, 0 3px 5px 6px rgb(113 48 30 \/ 38%);\r\n}\r\n\r\n#author-thumbnail.ytd-comment-simplebox-renderer,\r\n#avatar.ytd-active-account-header-renderer,\r\nyt-img-shadow.ytd-topbar-menu-button-renderer {\r\n  border-radius: 5px;\r\n  box-shadow: 0 0 0 2px #9ab6df, 0 0 0 5px #f4c6a2;\r\n}\r\n\r\n#avatar.ytd-active-account-header-renderer:hover,\r\nyt-img-shadow.ytd-topbar-menu-button-renderer:hover {\r\n  transform: scale(1.1);\r\n}\r\n\r\n#author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {\r\n  box-shadow: 0 0 0 2px #9ab6df, 0 0 0 5px #f4c6a2;\r\n}\r\n\r\nytd-section-list-renderer[engagement-panel]:not([engagement-panel-dropdown]) #contents.ytd-section-list-renderer {\r\n  padding-left: 5px;\r\n}\r\n\r\nytd-section-list-renderer.ytd-engagement-panel-section-list-renderer {\r\n  padding-left: 15px;\r\n}\r\n\r\nytd-engagement-panel-section-list-renderer,\r\nytd-sponsorships-offer-renderer[dialog][dialog][dialog],\r\ntp-yt-paper-dialog,\r\nytd-pdg-buy-flow-renderer[dialog][dialog][dialog] {\r\n  background: #fff4e7;\r\n  border: 2px dashed #e997af;\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 5px #f4c6a2;\r\n}\r\n\r\nyt-dropdown-menu yt-dropdown-menu .yt-dropdown-menu[style-target=label-text],\r\n.yt-dropdown-menu[style-target=label-text],\r\nytd-pdg-super-vod-selectable-item-button-renderer[selected] #price.ytd-pdg-super-vod-selectable-item-button-renderer {\r\n  color: #94758b;\r\n}\r\n\r\nytd-rich-metadata-renderer {\r\n  background: #fff4e7;\r\n  border-radius: 19px !important;\r\n  box-shadow: 0 0 0 2px #e997af;\r\n}\r\n\r\nytd-post-renderer[uses-compact-lockup] {\r\n  background-color: #c9e8f3;\r\n  background-image: radial-gradient(circle at 10px 10px, #fffdf8 0 2px, transparent 3px);\r\n  background-size: 24px 24px;\r\n  background-blend-mode: overlay;\r\n  border: 6px double #e997af;\r\n  border-radius: 2px;\r\n  box-shadow: 5px 5px 10px -2px rgb(113 48 30 \/ 30%);\r\n  transition: .5s;\r\n  transition-delay: .3s;\r\n}\r\n\r\nytd-post-renderer[uses-compact-lockup]:not(:hover) {\r\n  height: 60px;\r\n  box-shadow: 0 4px 5px 3px rgb(113 48 30 \/ 40%);\r\n  transition: all 1s cubic-bezier(0, 0, 0, -.3) 3s;\r\n}\r\n\r\n.ytp-popup {\r\n  background: #9ab6df;\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 2px #f4c6a2, 0 0 0 4px #e997af !important;\r\n}\r\n\r\n#header.ytd-engagement-panel-title-header-renderer,\r\n#show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame,\r\nytd-multi-page-menu-renderer,\r\nytd-active-account-header-renderer,\r\nytd-simple-menu-header-renderer {\r\n  background: #e997af !important;\r\n}\r\n\r\nyt-live-chat-app,\r\n#contents.yt-live-chat-app,\r\n#contents.yt-live-chat-app > *.yt-live-chat-app,\r\n#content-pages.yt-live-chat-renderer {\r\n  border-radius: 19px 19px 0 0;\r\n}\r\n\r\nytd-live-chat-frame {\r\n  border-radius: 9px;\r\n  box-shadow: 0 0 0 3px #f4c6a2;\r\n}\r\n\r\nyt-live-chat-renderer {\r\n  background: #9ab6df !important;\r\n}\r\n\r\nyt-live-chat-message-input-renderer,\r\nyt-live-chat-header-renderer {\r\n  background-color: #e997af !important;\r\n}\r\n\r\n.yt-spec-icon-badge-shape,\r\n.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text,\r\n#country-code.ytd-topbar-logo-renderer,\r\nyt-icon.ytd-logo {\r\n  color: #fff4e7;\r\n}\r\n\r\nyt-icon.ytd-topbar-logo-renderer,\r\n[id=\"logo\"][class=\"style-scope ytd-masthead\"] yt-icon.ytd-logo {\r\n  height: 100%;\r\n  width: 121px;\r\n}\r\n\r\n#logo-icon svg.style-scope.yt-icon {\r\n  overflow: visible;\r\n}\r\n\r\nytd-app,\r\nytd-app * {\r\n  font-family: \"Hiragino Maru Gothic ProN\", \"Arial Rounded MT Bold\", \"Avenir Next\", system-ui, sans-serif !important;\r\n  font-weight: 600;\r\n  letter-spacing: .012em;\r\n}\r\n\r\na.yt-simple-endpoint.yt-formatted-string {\r\n  color: #9ab6df;\r\n}\r\n\r\n#container.yt-clip-creation-renderer {\r\n  background-color: #fff4e7;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  background: transparent !important;\r\n}\r\n\r\n.segment-timestamp.ytd-transcript-segment-renderer {\r\n  color: #fff4e7;\r\n  background-color: #9ab6df;\r\n  border-radius: 25px;\r\n  box-shadow: 0 0 0 2px #f4c6a2;\r\n}"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3525\/conversions\/youtube-chiikawa-tiny-friends-video-club-screen_shot_conversion.webp","checksum":"566b05d4e02ffe97fe15c29b465bc62c","total_installed":0,"website":{"id":3,"name":"Youtube","slug":"youtube","domain":"youtube.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/youtube-chiikawa-tiny-friends-video-club-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/299.json"}}