#dock.dock-codepen-liquid{--cp-glass-alpha:.105;--cp-rim-alpha:.34;--cp-sheen-alpha:.62;--cp-shadow-alpha:.26;--cp-light-x:50%;--cp-light-y:0%;position:relative;isolation:isolate;overflow:visible!important;background:radial-gradient(38% 115% at var(--cp-light-x) var(--cp-light-y),rgba(255,255,255,.14),rgba(255,255,255,.035) 48%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.105) 0,rgba(255,255,255,.025) 42%,rgba(0,0,0,.045) 100%),rgba(255,255,255,var(--cp-glass-alpha))!important;border:1px solid rgba(255,255,255,var(--cp-rim-alpha))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,var(--cp-sheen-alpha)),inset 0 .5px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.08),inset 0 0 0 .5px rgba(255,255,255,.09),0 3px 10px rgba(0,0,0,.12),0 18px 42px rgba(0,0,0,var(--cp-shadow-alpha))!important;-webkit-backdrop-filter:blur(22px) saturate(185%) brightness(1.06) contrast(1.035);backdrop-filter:blur(22px) saturate(185%) brightness(1.06) contrast(1.035)}#dock.dock-codepen-liquid::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.035) 18%,transparent 48%);opacity:.72;mix-blend-mode:screen;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035);transition:opacity 180ms}#dock.dock-codepen-liquid::before{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(28% 150% at var(--cp-light-x) var(--cp-light-y),rgba(255,255,255,.13),transparent 72%);opacity:var(--cp-light-opacity, .7);filter:blur(7px);mix-blend-mode:screen}#dock.dock-codepen-liquid>*{position:relative;z-index:2}#dock.dock-codepen-liquid .dock-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18)) drop-shadow(0 0 1px rgba(255,255,255,.12))}#dock.dock-codepen-liquid:hover{--cp-glass-alpha:.125;--cp-rim-alpha:.40;--cp-sheen-alpha:.72}#dock.dock-codepen-liquid .dock-window-dot{background:rgba(255,255,255,.92);box-shadow:0 0 0 .5px rgba(0,0,0,.2),0 1px 4px rgba(0,0,0,.26)}.settings-no-transparency #dock.dock-codepen-liquid{background:rgba(24,24,26,.9)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.settings-no-transparency #dock.dock-codepen-liquid::after,.settings-no-transparency #dock.dock-codepen-liquid::before{display:none}.settings-reduced-transparency #dock.dock-codepen-liquid{background:rgba(24,24,26,.72)!important;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}@media (max-width:700px){#dock.dock-codepen-liquid{-webkit-backdrop-filter:blur(15px) saturate(170%) brightness(1.04);backdrop-filter:blur(15px) saturate(170%) brightness(1.04)}}:root{--lg-clear-blur:blur(5px) saturate(178%) brightness(1.035) contrast(1.035);--lg-clear-blur-popover:blur(7px) saturate(172%) brightness(1.035) contrast(1.025);--lg-clear-rim:rgba(244, 250, 255, .42);--lg-clear-highlight:rgba(255, 255, 255, .78)}#controlCenter.control-popover.lg-material,.context-menu.lg-material,.finder-sidebar.lg-material,.launchpad-folder.lg-material,.launchpad-search.lg-material,.mac-window .window-chrome.lg-material,.menubar.lg-material,.notification-center.lg-material,.spotlight-box.lg-material,.spotlight-results.lg-material,.switcher-card.lg-material,.system-popover.lg-material,.toast.lg-material{background:radial-gradient(ellipse 72% 115% at var(--lg-light-x,50%) var(--lg-light-y,0),rgba(255,255,255,.17) 0,rgba(255,255,255,.055) 24%,transparent 67%),linear-gradient(155deg,rgba(255,255,255,.17) 0,rgba(255,255,255,.045) 24%,rgba(255,255,255,.012) 62%,rgba(12,24,44,.045) 100%)!important;border:1px solid var(--lg-clear-rim)!important;-webkit-backdrop-filter:var(--lg-clear-blur-popover)!important;backdrop-filter:var(--lg-clear-blur-popover)!important;box-shadow:inset 0 1px 0 var(--lg-clear-highlight),inset 1px 0 0 rgba(255,255,255,.24),inset -1px 0 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(210,232,255,.2),0 2px 5px rgba(0,0,0,.07),0 12px 30px rgba(0,0,0,.13)!important}#controlCenter.control-popover.lg-material::before,.context-menu.lg-material::before,.finder-sidebar.lg-material::before,.launchpad-folder.lg-material::before,.launchpad-search.lg-material::before,.mac-window .window-chrome.lg-material::before,.menubar.lg-material::before,.notification-center.lg-material::before,.spotlight-box.lg-material::before,.spotlight-results.lg-material::before,.switcher-card.lg-material::before,.system-popover.lg-material::before,.toast.lg-material::before{inset:0!important;z-index:1!important;background:radial-gradient(ellipse 48% 95% at var(--lg-light-x,50%) var(--lg-light-y,0),rgba(255,255,255,.2),rgba(255,255,255,.055) 32%,transparent 72%),linear-gradient(112deg,transparent 34%,rgba(255,255,255,.075) 45%,rgba(255,255,255,.018) 51%,transparent 61%)!important;filter:none!important;opacity:.76;mix-blend-mode:screen}#controlCenter.control-popover.lg-material::after,.context-menu.lg-material::after,.finder-sidebar.lg-material::after,.launchpad-folder.lg-material::after,.launchpad-search.lg-material::after,.mac-window .window-chrome.lg-material::after,.menubar.lg-material::after,.notification-center.lg-material::after,.spotlight-box.lg-material::after,.spotlight-results.lg-material::after,.switcher-card.lg-material::after,.system-popover.lg-material::after,.toast.lg-material::after{z-index:3!important;background:linear-gradient(180deg,rgba(255,255,255,.17),transparent 20%),linear-gradient(90deg,rgba(255,255,255,.11),transparent 10%,transparent 90%,rgba(255,255,255,.075)),linear-gradient(0deg,rgba(210,232,255,.11),transparent 14%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);opacity:.82;mix-blend-mode:screen}#dock.dock-codepen-liquid.lg-material{--cp-glass-alpha:.045;--cp-rim-alpha:.46;--cp-sheen-alpha:.78;background:radial-gradient(ellipse 42% 125% at var(--cp-light-x,50%) var(--cp-light-y,0),rgba(255,255,255,.2),rgba(255,255,255,.045) 42%,transparent 76%),linear-gradient(180deg,rgba(255,255,255,.19) 0,rgba(255,255,255,.055) 18%,rgba(255,255,255,.012) 68%,rgba(12,20,34,.065) 100%),rgba(224,240,255,.045)!important;border:1px solid rgba(245,250,255,.48)!important;-webkit-backdrop-filter:blur(5px) saturate(185%) brightness(1.045) contrast(1.04)!important;backdrop-filter:url(#lgLensSoft) blur(5px) saturate(185%) brightness(1.045) contrast(1.04)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(210,232,255,.22),0 2px 6px rgba(0,0,0,.08),0 12px 30px rgba(0,0,0,.16)!important}#dock.dock-codepen-liquid.lg-material::before{inset:0!important;background:radial-gradient(ellipse 40% 145% at var(--cp-light-x,50%) var(--cp-light-y,0),rgba(255,255,255,.28),rgba(255,255,255,.075) 36%,transparent 72%),linear-gradient(112deg,transparent 31%,rgba(255,255,255,.1) 43%,rgba(255,255,255,.025) 50%,transparent 60%)!important;opacity:.84}#dock.dock-codepen-liquid.lg-material::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);opacity:.92}#dock.dock-codepen-liquid.lg-material:hover{--cp-glass-alpha:.06;--cp-rim-alpha:.54}#controlCenter .cc-footer button,#controlCenter .cc-slider,#controlCenter .cc-theme,#controlCenter .cc-tile,.finder-view-segment,.glass-button,.pill-button,.primary-button,.setting-card,.store-app-card,.terminal-prefs-choices,.theme-picker,.widget-card{border-color:rgba(242,249,255,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -1px 0 rgba(220,238,255,.12),0 3px 10px rgba(0,0,0,.075)!important}#controlCenter .cc-footer button,#controlCenter .cc-slider,#controlCenter .cc-theme,#controlCenter .cc-tile,.setting-card,.store-app-card,.widget-card{-webkit-backdrop-filter:blur(4px) saturate(168%) brightness(1.025)!important;backdrop-filter:blur(4px) saturate(168%) brightness(1.025)!important}@media (prefers-reduced-transparency:reduce){#controlCenter.control-popover.lg-material,#dock.dock-codepen-liquid.lg-material,.context-menu.lg-material,.mac-window .window-chrome.lg-material,.menubar.lg-material,.notification-center.lg-material,.spotlight-box.lg-material,.spotlight-results.lg-material,.system-popover.lg-material{-webkit-backdrop-filter:blur(2px) saturate(130%)!important;backdrop-filter:blur(2px) saturate(130%)!important}}@media (prefers-reduced-motion:reduce){#dock.dock-codepen-liquid::before{transition:none}#dock.dock-codepen-liquid.lg-material::after,#dock.dock-codepen-liquid.lg-material::before,.menubar.lg-material::after,.menubar.lg-material::before{transition:none!important}}#dock.dock-codepen-liquid.lg-material>*{z-index:4!important}@supports (backdrop-filter:url(#lgLensSoft) blur(2px)){#controlCenter.control-popover.lg-material,.context-menu.lg-material,.notification-center.lg-material,.spotlight-box.lg-material,.spotlight-results.lg-material,.system-popover.lg-material{-webkit-backdrop-filter:blur(7px) saturate(172%) brightness(1.035) contrast(1.025)!important;backdrop-filter:url(#lgLensSoft) blur(7px) saturate(172%) brightness(1.035) contrast(1.025)!important}}#controlCenter.control-popover.lg-material,#dock.dock-codepen-liquid.lg-material,.context-menu.lg-material,.notification-center.lg-material,.spotlight-box.lg-material,.spotlight-results.lg-material,.system-popover.lg-material{-webkit-backdrop-filter:blur(1px) saturate(190%) brightness(1.035) contrast(1.045)!important;backdrop-filter:url(#lgLensSoft) blur(1px) saturate(190%) brightness(1.035) contrast(1.045)!important;background-color:rgba(235,245,255,.012)!important}#dock.dock-codepen-liquid.lg-material{background:radial-gradient(ellipse 45% 120% at var(--cp-light-x,50%) 0,rgba(255,255,255,.13),transparent 74%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.018) 22%,rgba(255,255,255,.004) 72%,rgba(10,20,35,.025))!important;border-color:rgba(248,252,255,.54)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 1px 0 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(220,240,255,.24),0 2px 5px rgba(0,0,0,.055),0 12px 30px rgba(0,0,0,.13)!important}#controlCenter.control-popover.lg-material,.context-menu.lg-material,.notification-center.lg-material,.spotlight-box.lg-material,.spotlight-results.lg-material,.system-popover.lg-material{background:radial-gradient(ellipse 80% 80% at var(--lg-light-x,50%) var(--lg-light-y,0),rgba(255,255,255,.105),transparent 70%),linear-gradient(150deg,rgba(255,255,255,.085),rgba(255,255,255,.012) 38%,rgba(255,255,255,.002) 76%,rgba(15,25,40,.025))!important;border-color:rgba(248,252,255,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),inset 1px 0 0 rgba(255,255,255,.26),inset -1px 0 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(220,240,255,.2),0 2px 6px rgba(0,0,0,.06),0 16px 36px rgba(0,0,0,.14)!important}#controlCenter.control-popover.lg-material::before,#dock.dock-codepen-liquid.lg-material::before,.context-menu.lg-material::before,.notification-center.lg-material::before,.spotlight-box.lg-material::before,.spotlight-results.lg-material::before,.system-popover.lg-material::before{background:radial-gradient(ellipse 42% 90% at var(--lg-light-x,50%) var(--lg-light-y,0),rgba(255,255,255,.23),transparent 70%),linear-gradient(112deg,transparent 35%,rgba(255,255,255,.085) 44%,rgba(255,255,255,.018) 49%,transparent 57%)!important;filter:none!important;opacity:.86!important}#controlCenter.control-popover.lg-material::after,#dock.dock-codepen-liquid.lg-material::after,.context-menu.lg-material::after,.notification-center.lg-material::after,.spotlight-box.lg-material::after,.spotlight-results.lg-material::after,.system-popover.lg-material::after{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 16%),linear-gradient(90deg,rgba(255,255,255,.13),transparent 7%,transparent 93%,rgba(255,255,255,.1)),linear-gradient(0deg,rgba(220,240,255,.12),transparent 12%)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065)!important;opacity:.95!important}#controlCenter .cc-footer button,#controlCenter .cc-slider,#controlCenter .cc-theme,#controlCenter .cc-tile{-webkit-backdrop-filter:blur(1px) saturate(170%) brightness(1.02)!important;backdrop-filter:blur(1px) saturate(170%) brightness(1.02)!important;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.018) 58%,rgba(255,255,255,.035))!important;border-color:rgba(248,252,255,.3)!important}@media (prefers-reduced-transparency:reduce){#controlCenter.control-popover.lg-material,#dock.dock-codepen-liquid.lg-material,.notification-center.lg-material{-webkit-backdrop-filter:blur(2px) saturate(130%)!important;backdrop-filter:blur(2px) saturate(130%)!important}}