{"code":200,"data":{"id":289,"name":"Instagram - Christmas Snow Lodge Theme","enabled":false,"update":false,"source":{"domain":"instagram.com","code":"\/* Instagram \u2014 Christmas Snow Lodge\r\n   TEMPLATE_DERIVED \/ UNVERIFIED: raw Stylus CSS scoped to instagram.com. *\/\r\n\r\n\/* ===== 1. DESIGN TOKENS ===== *\/\r\n:root {\r\n  --th-bg: #102136;\r\n  --th-bg-2: #1b3b50;\r\n  --th-surface: #19384a;\r\n  --th-surface-raised: #285267;\r\n  --th-text: #fffdf7;\r\n  --th-muted: #d1e0e2;\r\n  --th-accent: #c9434d;\r\n  --th-accent-2: #ffd787;\r\n  --th-link: #a9e8ed;\r\n  --th-border: #6faeb2;\r\n  --th-font: Georgia, \"Palatino Linotype\", \"Times New Roman\", serif;\r\n  --th-font-display: \"Trebuchet MS\", \"Avenir Next\", Arial, sans-serif;\r\n  --th-size: 15px;\r\n  --th-weight: 500;\r\n  --th-heading-weight: 800;\r\n  --th-radius-sm: 10px;\r\n  --th-radius-md: 16px;\r\n  --th-radius-lg: 24px;\r\n  --th-radius-pill: 999px;\r\n  --th-border-width: 1px;\r\n  --th-shadow: 0 11px 30px rgba(4, 18, 28, .54), 0 0 18px rgba(169, 232, 237, .10);\r\n  --th-shadow-hover: 0 15px 38px rgba(4, 18, 28, .68), 0 0 25px rgba(255, 215, 135, .20);\r\n  --th-glow: 0 0 0 2px rgba(255, 215, 135, .48), 0 0 20px rgba(201, 67, 77, .28);\r\n  --th-speed: 180ms;\r\n  --th-backdrop: radial-gradient(circle at 80% 8%, rgba(255, 253, 247, .17), transparent 20%), radial-gradient(circle at 7% 85%, rgba(47, 124, 108, .22), transparent 34%), linear-gradient(138deg, var(--th-bg), var(--th-bg-2));\r\n  --ig-primary-background: var(--th-bg) !important; --ig-secondary-background: var(--th-surface) !important; --ig-elevated-background: var(--th-surface-raised) !important;\r\n  --ig-primary-text: var(--th-text) !important; --ig-secondary-text: var(--th-muted) !important; --ig-link: var(--th-link) !important;\r\n  --ig-stroke: var(--th-border) !important; --ig-separator: var(--th-border) !important; --ig-primary-button: var(--th-accent) !important;\r\n  --ig-primary-button-hover: var(--th-accent-2) !important; --ig-primary-button-text: var(--th-bg) !important;\r\n}\r\n\r\n\/* ===== 2. PAGE \/ NAVIGATION ===== *\/\r\nhtml, body, .t30g8 { background: var(--th-backdrop) fixed !important; color: var(--th-text) !important; font: var(--th-weight) var(--th-size)\/1.6 var(--th-font) !important; }\r\nbody > div#mount_0_0, body > div#react-root, main, nav, header, aside, [role='navigation'] { color: var(--th-text) !important; font-family: var(--th-font) !important; }\r\nnav, aside, [role='navigation'], [role='dialog'], [role='menu'], [role='listbox'] { background-color: var(--th-surface) !important; color: var(--th-text) !important; border-color: var(--th-border) !important; }\r\n\r\n\/* ===== 3. POSTS \/ CARDS ===== *\/\r\n.home + #ige_feed, .ige_virtual, .ige_virtual_container, .ige_header { background: transparent !important; }\r\n.lXJWB, ._6FEQj, .PjuAP, ._lz6s, .zGtbP, .KQA-S, ._1MzIy, ._3MPWk, ._8Rm4L, .zMhqu, .iHqQ7, ._22l1,\r\n.drKGC, .nCY9N, .NP414, .JyscU.ePUX4 .UE9AK, .JyscU.ePUX4 .eo2As, .JyscU ._97aPb.wKWK0,\r\n.mDC51, .GBPOY, .ZL6TI, .Nnq7C > *, .PdwC2, .fPMEg, .N9abW, .ige_post, main article {\r\n  background: var(--th-surface) !important; color: var(--th-text) !important; border: var(--th-border-width) solid var(--th-border) !important;\r\n  border-radius: var(--th-radius-lg) !important; box-shadow: var(--th-shadow) !important;\r\n}\r\nmain article { background-color: var(--th-surface) !important; overflow: clip; }\r\nmain article:hover { box-shadow: var(--th-shadow-hover) !important; }\r\n\r\n\/* ===== 4. TYPE \/ LINKS ===== *\/\r\nbody, button, input, textarea, select, [role='button'] { font-family: var(--th-font) !important; }\r\nh1, h2, h3, .yUEEX, .nJAzx { font-family: var(--th-font-display) !important; font-weight: var(--th-heading-weight) !important; letter-spacing: .025em; }\r\nmain article, main article p, main article h1, main article h2, [role='dialog'], [role='dialog'] p, nav, nav a { color: var(--th-text) !important; }\r\n._0PwGv, ._8Scg1, .c-Yi7, .sH9wk, .X7cDz, .Z4IfV, .sXUSN, .f5Yes, .KV-D4, .Fy4o8, .tc8A9, .g47SY, h1.rhpdm, .Rebts, ._7cyhW, .FH9sR, .Ypffh, .yWX7d, ._6auzh, .mnsX5, .DINPA, .HsXaJ { color: var(--th-text) !important; }\r\na { color: var(--th-link); }\r\na:hover { color: var(--th-accent-2); }\r\n\r\n\/* ===== 5. CONTROLS ===== *\/\r\nbutton, [role='button'] { border-radius: var(--th-radius-md) !important; transition: box-shadow var(--th-speed) ease, background-color var(--th-speed) ease, border-color var(--th-speed) ease !important; }\r\nbutton:hover, [role='button']:hover { box-shadow: var(--th-glow) !important; }\r\ninput:not([type='checkbox']):not([type='radio']), textarea, select, [role='textbox'] { background-color: var(--th-surface-raised) !important; color: var(--th-text) !important; border: var(--th-border-width) solid var(--th-border) !important; border-radius: var(--th-radius-md) !important; }\r\ninput::placeholder, textarea::placeholder { color: var(--th-muted) !important; opacity: 1; }\r\n:where(button, a, input, textarea, [role='button']):focus-visible { outline: 2px solid var(--th-accent-2) !important; outline-offset: 2px; }\r\n\r\n\/* ===== 6. OVERLAYS \/ MEDIA ===== *\/\r\n[role='dialog'], [role='menu'], [role='listbox'] { border-radius: var(--th-radius-lg) !important; box-shadow: var(--th-shadow-hover) !important; }\r\nimg, video { filter: none !important; }\r\n\r\n\/* ===== 7. SCROLLBAR \/ MOTION ===== *\/\r\n::-webkit-scrollbar { width: 11px; height: 11px; }\r\n::-webkit-scrollbar-track { background: var(--th-bg); }\r\n::-webkit-scrollbar-thumb { background: var(--th-accent); border: 2px solid var(--th-bg); border-radius: var(--th-radius-pill); }\r\n::-webkit-scrollbar-thumb:hover { background: var(--th-accent-2); }\r\nmain article .x6s0dn4.xyzq4qe.x78zum5 { border: 0 !important; }\r\n@media (prefers-reduced-motion: reduce) { button, [role='button'] { transition: none !important; } }\r\n\r\n\/* Live-DOM-informed feed-card refinements: article[data-interactable] is present in supplied markup. *\/\r\nmain article { margin-bottom: 15px !important; padding: 15px 0px !important; }\r\nmain article:nth-of-type(3n + 2) { border-radius: var(--th-radius-md) var(--th-radius-lg) var(--th-radius-md) var(--th-radius-lg) !important; }\r\nmain article, main article :where(p, h1, h2, h3, h4, h5, h6, a, time, [dir='auto']) { color: var(--th-text) !important; }"},"thumbnail":"https:\/\/coolstyles.org\/storage\/3515\/conversions\/instagram-christmas-snow-lodge-screen_shot_conversion.webp","checksum":"9c2c82aeb3af79e0ca93a68ca5fac8b7","total_installed":0,"website":{"id":7,"name":"Instagram","slug":"instagram","domain":"instagram.com"},"author":{"id":1,"full_name":"admin","email":"ngaongan@gmail.com"},"category":"hot","url":"https:\/\/coolstyles.org\/style\/instagram-christmas-snow-lodge-theme.html","url_style":"https:\/\/coolstyles.org\/api\/extension\/style\/289.json"}}