From 6353c467f776f371c9d75a5b5d9bf11f597013ce Mon Sep 17 00:00:00 2001 From: end-4 <97237370+end-4@users.noreply.github.com> Date: Fri, 16 Feb 2024 17:34:39 +0700 Subject: [PATCH] Delete style.css --- .config/ags/style.css | 2460 ----------------------------------------- 1 file changed, 2460 deletions(-) delete mode 100644 .config/ags/style.css diff --git a/.config/ags/style.css b/.config/ags/style.css deleted file mode 100644 index 8e7efd5d2..000000000 --- a/.config/ags/style.css +++ /dev/null @@ -1,2460 +0,0 @@ -*:not(popover) { - all: unset; } - -@keyframes flyin-top { - from { - margin-top: -2.795rem; } - to { - margin-top: 0rem; } } - -@keyframes flyin-bottom { - from { - margin-top: 4.841rem; - margin-bottom: -4.841rem; } - to { - margin-bottom: 0rem; - margin-top: 0rem; } } - -.test { - background-image: linear-gradient(45deg, #f4d609 0%, #f4d609 10%, #212121 10%, #212121 20%, #f4d609 20%, #f4d609 30%, #212121 30%, #212121 40%, #f4d609 40%, #f4d609 50%, #212121 50%, #212121 60%, #f4d609 60%, #f4d609 70%, #212121 70%, #212121 80%, #f4d609 80%, #f4d609 90%, #212121 90%, #212121 100%); - background-repeat: repeat; } - -.test-size { - min-height: 3rem; - min-width: 3rem; } - -.txt-title { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 2.045rem; } - -.txt-title-small { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 1.364rem; } - -.techfont { - font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace; } - -.txt-reading { - font-family: "Lexend", "Noto Sans", sans-serif; } - -.no-anim { - transition: 0ms; } - -.txt { - color: #ecdfe0; } - -.txt-primary { - color: #ffc8d5; } - -.txt-onSecondaryContainer { - color: #ffd9df; } - -.txt-onSurfaceVariant { - color: #d6c1c4; } - -.txt-shadow { - text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.69); - margin: 10px; } - -.txt-gigantic { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 3rem; } - -.txt-massive { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 2.7273rem; } - -.txt-hugerass { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 2.045rem; } - -.txt-hugeass { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 1.8182rem; } - -.txt-larger { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 1.6363rem; } - -.txt-large { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 1.4545rem; } - -.txt-norm { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 1.2727rem; } - -.txt-small { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 1.0909rem; } - -.txt-smallie { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 1rem; } - -.txt-smaller { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 0.9091rem; } - -.txt-tiny { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 0.7273rem; } - -.txt-poof { - font-size: 0px; } - -.txt-subtext { - color: #aaa0a1; } - -.txt-action { - color: #cbc0c1; } - -.txt-thin { - font-weight: 300; } - -.txt-semibold { - font-weight: 500; } - -.txt-bold { - font-weight: bold; } - -.txt-italic { - font-style: italic; } - -.btn-primary { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: #ffc8d5; - color: #66002a; - padding: 0.682rem 1.023rem; } - -.titlefont { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; } - -.mainfont { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; } - -.icon-material { - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; } - -.icon-nerd { - font-family: "SpaceMono NF", "SpaceMono Nerd Font", "JetBrains Mono NF", "JetBrains Mono Nerd Font", monospace; } - -.separator-line { - background-color: #9f8c8f; - min-width: 0.068rem; - min-height: 0.068rem; } - -.separator-circle { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: #9f8c8f; - margin: 0rem 0.682rem; - min-width: 0.273rem; - min-height: 0.273rem; } - -.spacing-h-3 > * { - margin-right: 0.205rem; } - -.spacing-h-3 > *:last-child { - margin-right: 0rem; } - -.spacing-v-3 > * { - margin-bottom: 0.205rem; } - -.spacing-v-3 > *:last-child { - margin-bottom: 0rem; } - -.spacing-v-15 > * { - margin-bottom: 1.023rem; } - -.spacing-v-15 > *:last-child { - margin-bottom: 0rem; } - -.spacing-h-15 > * { - margin-right: 1.023rem; } - -.spacing-h-15 > *:last-child { - margin-right: 0rem; } - -.spacing-h-15 > revealer > * { - margin-right: 1.023rem; } - -.spacing-h-15 > revealer:last-child > * { - margin-right: 0rem; } - -.spacing-h-15 > scrolledwindow > * { - margin-right: 1.023rem; } - -.spacing-h-15 > scrolledwindow:last-child > * { - margin-right: 0rem; } - -.spacing-v-5 > box { - margin-bottom: 0.341rem; } - -.spacing-v-5 > box:last-child { - margin-bottom: 0rem; } - -.spacing-v-5 > * { - margin-bottom: 0.341rem; } - -.spacing-v-5 > *:last-child { - margin-bottom: 0rem; } - -.spacing-v-5-revealer > revealer > * { - margin-bottom: 0.341rem; } - -.spacing-v-5-revealer > revealer:last-child > * { - margin-bottom: 0rem; } - -.spacing-v-5-revealer > scrolledwindow > * { - margin-bottom: 0.341rem; } - -.spacing-v-5-revealer > scrolledwindow:last-child > * { - margin-bottom: 0rem; } - -.spacing-h-4 > * { - margin-right: 0.273rem; } - -.spacing-h-4 > *:last-child { - margin-right: 0rem; } - -.spacing-h-4 > overlay > *:first-child { - margin-right: 0.273rem; } - -.spacing-h-4 > overlay:last-child > * { - margin-right: 0rem; } - -.spacing-h-5 > * { - margin-right: 0.341rem; } - -.spacing-h-5 > *:last-child { - margin-right: 0rem; } - -.spacing-h-5 > widget > * { - margin-right: 0.341rem; } - -.spacing-h-5 > widget:last-child > * { - margin-right: 0rem; } - -.spacing-h-5 > revealer > * { - margin-right: 0.341rem; } - -.spacing-h-5 > revealer:last-child > * { - margin-right: 0rem; } - -.spacing-h-5 > scrolledwindow > * { - margin-right: 0.341rem; } - -.spacing-h-5 > scrolledwindow:last-child > * { - margin-right: 0rem; } - -.spacing-v-minus5 > * { - margin-bottom: -0.341rem; } - -.spacing-v-minus5 > *:last-child { - margin-bottom: 0rem; } - -.spacing-h-10 > * { - margin-right: 0.682rem; } - -.spacing-h-10 > *:last-child { - margin-right: 0rem; } - -.spacing-h-10 > revealer > * { - margin-right: 0.682rem; } - -.spacing-h-10 > revealer:last-child > * { - margin-right: 0rem; } - -.spacing-h-10 > scrolledwindow > * { - margin-right: 0.682rem; } - -.spacing-h-10 > scrolledwindow:last-child > * { - margin-right: 0rem; } - -.spacing-h-10 > flowboxchild > * { - margin-right: 0.682rem; } - -.spacing-h-10 > flowboxchild:last-child > * { - margin-right: 0rem; } - -.spacing-v-10 > * { - margin-bottom: 0.682rem; } - -.spacing-v-10 > *:last-child { - margin-bottom: 0rem; } - -.spacing-h-20 > * { - margin-right: 1.364rem; } - -.spacing-h-20 > *:last-child { - margin-right: 0rem; } - -.spacing-v-20 > * { - margin-bottom: 1.364rem; } - -.spacing-v-20 > *:last-child { - margin-bottom: 0rem; } - -.anim-enter { - transition: 200ms cubic-bezier(0.05, 0.7, 0.1, 1); } - -.anim-exit { - transition: 150ms cubic-bezier(0.3, 0, 0.8, 0.15); } - -.button-minsize { - min-width: 2.727rem; - min-height: 2.727rem; } - -.margin-right-5 { - margin-right: 0.341rem; } - -.margin-left-5 { - margin-left: 0.341rem; } - -.margin-top-5 { - margin-top: 0.341rem; } - -.margin-bottom-5 { - margin-bottom: 0.341rem; } - -.margin-right-10 { - margin-right: 0.682rem; } - -.margin-left-10 { - margin-left: 0.682rem; } - -.margin-top-10 { - margin-top: 0.682rem; } - -.margin-bottom-10 { - margin-bottom: 0.682rem; } - -.margin-right-15 { - margin-right: 1.023rem; } - -.margin-left-15 { - margin-left: 1.023rem; } - -.margin-top-15 { - margin-top: 1.023rem; } - -.margin-bottom-15 { - margin-bottom: 1.023rem; } - -.width-10 { - min-width: 0.682rem; } - -.height-10 { - min-width: 0.682rem; } - -.invisible { - opacity: 0; - background-color: transparent; - color: transparent; } - -.spacing-h--5 > box { - margin-right: -0.341rem; } - -.spacing-h--5 > box:last-child { - margin-right: 0rem; } - -.spacing-v--5 > * { - margin-bottom: -0.341rem; } - -.spacing-v--5 > *:last-child { - margin-bottom: 0rem; } - -.spacing-h--10 > * { - margin-left: -1.364rem; } - -.spacing-h--10 > *:first-child { - margin-left: 0rem; } - -.spacing-v--10 > * { - margin-bottom: -0.682rem; } - -.spacing-v--10 > *:last-child { - margin-bottom: 0rem; } - -.spacing-v--10 > * { - margin-bottom: -0.682rem; } - -.spacing-v--10 > *:last-child { - margin-bottom: 0rem; } - -.spacing-h--20 > * { - margin-left: -1.364rem; } - -.spacing-h--20 > *:first-child { - margin-left: 0rem; } - -.instant { - transition: 0ms; } - -.menu-decel { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); } - -.element-show { - transition: 300ms cubic-bezier(0.85, 0, 0.15, 1); } - -.element-hide { - transition: 300ms cubic-bezier(0.85, 0, 0.15, 1); } - -.element-move { - transition: 300ms cubic-bezier(0.85, 0, 0.15, 1); } - -.element-decel { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); } - -.element-bounceout { - transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1); } - -.element-accel { - transition: 300ms cubic-bezier(0.55, 0, 1, 0.45); } - -.page-move { - transition: 500ms cubic-bezier(0.85, 0, 0.15, 1); } - -* { - caret-color: #ffc8d5; } - * selection { - background-color: #e4bcc3; - color: #42292e; } - -@keyframes appear { - from { - opacity: 0; } - to { - opacity: 1; } } - -menu { - border-top: 1px solid rgba(63, 56, 57, 0.121); - border-left: 1px solid rgba(63, 56, 57, 0.121); - border-right: 1px solid rgba(49, 42, 43, 0.1105); - border-bottom: 1px solid rgba(49, 42, 43, 0.1105); - padding: 0.681rem; - background: #3d3234; - color: #d6c1c4; - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - animation-name: appear; - animation-duration: 40ms; - animation-timing-function: ease-out; - animation-iteration-count: 1; } - -menubar > menuitem { - border-radius: 0.545rem; - -gtk-outline-radius: 0.545rem; - min-width: 13.636rem; - min-height: 2.727rem; } - -menu > menuitem { - padding: 0.4em 1.5rem; - background: transparent; - transition: 0.2s ease background; - border-radius: 0.545rem; - -gtk-outline-radius: 0.545rem; } - -menu > menuitem:hover, -menu > menuitem:focus { - background-color: #4c4042; } - -menu > menuitem:active { - background-color: #5c4f51; } - -radio { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - margin: 0.273rem; - min-width: 15px; - min-height: 15px; - border: 0.068rem solid #9f8c8f; } - -radio:checked { - min-width: 8px; - min-height: 8px; - background-color: #66002a; - border: 0.477rem solid #ffc8d5; } - -tooltip { - animation-name: appear; - animation-duration: 100ms; - animation-timing-function: ease-out; - animation-iteration-count: 1; - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: #3d3234; - color: #d6c1c4; - border: 1px solid #d6c1c4; } - -popover { - border-top: 1px solid rgba(63, 56, 57, 0.121); - border-left: 1px solid rgba(63, 56, 57, 0.121); - border-right: 1px solid rgba(49, 42, 43, 0.1105); - border-bottom: 1px solid rgba(49, 42, 43, 0.1105); - padding: 0.681rem; - background: #3d3234; - color: #d6c1c4; - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - animation-name: appear; - animation-duration: 40ms; - animation-timing-function: ease-out; - animation-iteration-count: 1; } - -.configtoggle-box { - padding: 0.205rem 0.341rem; - border: 0.136rem solid transparent; } - -.configtoggle-box:focus { - border: 0.136rem solid #73696a; } - -.switch-bg { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: #1a1415; - border: 0.136rem solid #ecdfe0; - min-width: 2.864rem; - min-height: 1.637rem; } - -.switch-bg-true { - background-color: #ffc8d5; - border: 0.136rem solid #ffc8d5; } - -.switch-fg { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - background-color: #ecdfe0; - color: #221b1c; - min-width: 0.819rem; - min-height: 0.819rem; - margin-left: 0.477rem; } - -.switch-fg-true { - background-color: #66002a; - color: #ffc8d5; - min-width: 1.431rem; - min-height: 1.431rem; - margin-left: 1.431rem; } - -.switch-fg-toggling-false { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - min-width: 1.636rem; - min-height: 0.819rem; } - -.segment-container { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - border: 0.068rem solid #9f8c8f; } - -.segment-container > *:first-child { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; } - -.segment-container > * { - border-right: 0.068rem solid #9f8c8f; - padding: 0.341rem 0.682rem; } - -.segment-container > *:last-child { - border-right: 0rem solid transparent; - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; } - -.segment-btn { - color: #ecdfe0; } - -.segment-btn:focus, -.segment-btn:hover { - background-color: rgba(128, 128, 128, 0.3); } - -.segment-btn-enabled { - background-color: #5c3f45; - color: #ffd9df; } - -.segment-btn-enabled:hover, -.segment-btn-enabled:focus { - background-color: #5c3f45; - color: #ffd9df; } - -.gap-v-5 { - min-height: 0.341rem; } - -.gap-h-5 { - min-width: 0.341rem; } - -.gap-v-10 { - min-height: 0.682rem; } - -.gap-h-10 { - min-width: 0.682rem; } - -.gap-v-15 { - min-height: 1.023rem; } - -.gap-h-15 { - min-width: 1.023rem; } - -.bar-height { - min-height: 2.727rem; } - -.bar-bg { - background-color: #110d0e; - min-height: 2.727rem; } - -.bar-sidespace { - min-width: 1.5rem; } - -.bar-group-margin { - padding: 0.273rem 0rem; } - -.bar-group { - background-color: rgba(61, 50, 52, 0.45); } - -.bar-group-pad { - padding: 0.205rem; } - -.bar-group-pad-less { - padding: 0rem 0.681rem; } - -.bar-group-pad-system { - padding: 0rem 0.341rem; } - -.bar-group-pad-music { - padding-right: 1.023rem; - padding-left: 0.341rem; } - -.bar-group-standalone { - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - -gtk-outline-radius: 1.364rem; } - -.bar-group-round { - border-radius: 10rem; - -gtk-outline-radius: 10rem; } - -.bar-group-middle { - border-radius: 0.477rem; - -gtk-outline-radius: 0.477rem; } - -.bar-group-left { - border-radius: 0.477rem; - -gtk-outline-radius: 0.477rem; - border-top-left-radius: 1.364rem; - border-bottom-left-radius: 1.364rem; } - -.bar-group-right { - border-radius: 0.477rem; - -gtk-outline-radius: 0.477rem; - border-top-right-radius: 1.364rem; - border-bottom-right-radius: 1.364rem; } - -.bar-ws-width { - min-width: 18.341rem; } - -.bar-ws { - min-width: 1.774rem; - color: #696162; - color: #746c6d; } - -.bar-ws-active { - background-color: #5c3f45; - color: #ffd9df; } - -.bar-ws-occupied { - background-color: #3d3234; - color: #d6c1c4; } - -.bar-separator { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 0.341rem; - min-height: 0.341rem; - background-color: rgba(54, 47, 48, 0.31); - margin: 0rem 0.341rem; } - -.bar-clock-box { - margin: 0rem 0.682rem; } - -.bar-clock { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 1.2727rem; } - -.bar-date { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 1rem; - color: #ecdfe0; } - -.bar-batt { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 1.77rem; - min-width: 1.77rem; - border-radius: 10rem; - background-color: #5c3f45; - color: #ffd9df; } - -.bar-sidemodule { - min-width: 26rem; } - -.bar-batt-low { - background-color: #ffb4a9; - color: #930006; } - -.bar-batt-full { - background-color: #374b3e; - color: #d1e9d6; } - -.bar-batt-circprog { - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - min-width: 0.068rem; - min-height: 1.636rem; - padding: 0rem; - background-color: #5c3f45; - color: #ffd9df; } - -.bar-batt-circprog-low { - background-color: #ffb4a9; - color: #930006; } - -.bar-batt-circprog-full { - background-color: #374b3e; - color: #d1e9d6; } - -.bar-music-playstate { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 1.77rem; - min-width: 1.77rem; - border-radius: 10rem; - background-color: #5c3f45; - color: #ffd9df; } - -.bar-music-circprog { - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - min-width: 0.068rem; - min-height: 1.636rem; - padding: 0rem; - background-color: #5c3f45; - color: #ffd9df; } - -.bar-music-playstate-playing { - min-height: 1.77rem; - min-width: 1.77rem; - border-radius: 10rem; - background-color: #5c3f45; - color: #ffd9df; } - -.bar-music-playstate-txt { - transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1); - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; } - -.bar-music-cover { - background-position: center; - background-repeat: no-repeat; - background-size: 100% auto; - min-width: 11.932rem; } - -.bar-music-extended-bg { - border-radius: 1.364rem; - min-width: 34.091rem; } - -.bar-music-extended-ctl-bg { - border-radius: 1.364rem; - background-color: rgba(30, 30, 30, 0.6); } - -.bar-music-hide-false { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - transition-duration: 100ms; - opacity: 1; } - -.bar-music-hide-true { - transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07); - transition-duration: 100ms; - opacity: 0; } - -.bar-corner-spacing { - min-width: 1.705rem; - min-height: 1.705rem; } - -.corner { - background-color: #110d0e; - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; } - -.corner-black { - background-color: black; - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; } - -.bar-topdesc { - margin-top: -0.136rem; - margin-bottom: -0.341rem; - color: #aaa0a1; } - -.bar-space-button { - padding: 0.341rem; } - -.bar-space-button > box:first-child { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 0rem 0.682rem; } - -.bar-space-button:hover > box:first-child, -.bar-space-button:focus > box:first-child { - background-color: rgba(128, 128, 128, 0.3); } - -.bar-space-button:active > box:first-child { - background-color: rgba(128, 128, 128, 0.7); } - -.bar-space-button-leftmost box { - margin: 0rem 0.682rem; } - -.bar-space-area-rightmost > box { - padding-right: 2.386rem; } - -.bar-systray { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - margin: 0.137rem 0rem; - padding: 0rem 0.682rem; } - -.bar-systray-item { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 1.032rem; - min-width: 1.032rem; - font-size: 1.032rem; } - -.bar-statusicons { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - margin: 0.273rem; - padding: 0rem 0.614rem; } - -.bar-statusicons-hover { - background-color: #272223; } - -.bar-statusicons-active { - background-color: #3d3738; } - -.bar-util-btn { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 1.77rem; - min-width: 1.77rem; - background-color: #3d3234; } - -.bar-util-btn:hover, -.bar-util-btn:focus { - background-color: #4c4042; } - -.bar-util-btn:active { - background-color: #5c4f51; } - -.cheatsheet-bg { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - margin-bottom: 0.682rem; - background-color: #110d0e; - padding: 1.364rem; } - -.cheatsheet-key { - font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace; - min-height: 1.364rem; - min-width: 1.364rem; - margin: 0.17rem; - padding: 0.136rem 0.205rem; - border-radius: 0.409rem; - -gtk-outline-radius: 0.409rem; - color: #ffc8d5; - border: 0.068rem solid #ffc8d5; - box-shadow: 0rem 0.136rem 0rem #ffc8d5; - font-weight: 500; } - -.cheatsheet-key-notkey { - min-height: 1.364rem; - padding: 0.136rem 0.205rem; - margin: 0.17rem; - color: #ffd9e0; } - -.cheatsheet-closebtn { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 2.386rem; - min-height: 2.386rem; } - -.cheatsheet-closebtn:hover, -.cheatsheet-closebtn:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.cheatsheet-closebtn:active { - background-color: rgba(128, 128, 128, 0.7); } - -.cheatsheet-category-title { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 1.705rem; } - -.bg-wallpaper-transition { - transition: 1000ms cubic-bezier(0.05, 0.7, 0.1, 1); - font-size: 1px; } - -.bg-time-box { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - margin: 2.045rem; - padding: 0.682rem; } - -.bg-time-clock { - font-family: 'Gabarito'; - font-size: 5.795rem; - color: #ecdfe0; } - -.bg-time-date { - font-family: 'Gabarito'; - font-size: 2.591rem; - color: #ecdfe0; } - -.bg-distro-box { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - margin: 2.045rem; - padding: 0.682rem; } - -.bg-distro-txt { - font-family: 'Gabarito'; - font-size: 1.432rem; - color: #ecdfe0; } - -.bg-distro-name { - font-family: 'Gabarito'; - font-size: 1.432rem; - color: #ffd9df; } - -.bg-graph { - color: rgba(255, 255, 255, 0.5); - border-radius: 0.614rem; - border: 0.682rem solid; } - -.bg-quicklaunch-title { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - color: #d6c1c4; } - -.bg-quicklaunch-btn { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: #3d3234; - color: #d6c1c4; - border: 0.068rem solid #aaa0a1; - min-width: 4.432rem; - min-height: 2.045rem; - padding: 0.273rem 0.682rem; } - -.bg-quicklaunch-btn:hover, -.bg-quicklaunch-btn:focus { - background-color: #45393b; } - -.bg-quicklaunch-btn:active { - background-color: #4c4042; } - -.bg-system-bg { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; } - -.bg-system-circprog { - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - min-width: 0.205rem; - min-height: 4.091rem; - font-size: 0px; - padding: 0rem; - background-color: #3d3234; } - -.dock-bg { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - background-color: #110d0e; - padding: 0.682rem; } - -.dock-app-btn { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - padding: 0.273rem; } - -.dock-app-btn:hover, -.dock-app-btn:focus { - background-color: rgba(44, 37, 38, 0.31); } - -.dock-app-btn:active { - background-color: rgba(64, 56, 57, 0.31); } - -.dock-app-icon { - min-width: 3.409rem; - min-height: 3.409rem; - font-size: 3.409rem; } - -.dock-separator { - min-width: 0.068rem; - background-color: #3d3234; } - -.osd-bg { - min-width: 8.864rem; - min-height: 3.409rem; } - -.osd-value { - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - background-color: #110d0e; - border-radius: 1.023rem; - padding: 0.625rem 1.023rem; - padding-top: 0.313rem; } - -.osd-progress { - min-height: 0.955rem; - min-width: 0.068rem; - padding: 0rem; - border-radius: 10rem; - transition: 200ms cubic-bezier(0.1, 1, 0, 1); } - .osd-progress trough { - min-height: 0.954rem; - min-width: 0.068rem; - border-radius: 10rem; - background-color: #5c3f45; } - .osd-progress progress { - transition: 200ms cubic-bezier(0.1, 1, 0, 1); - min-height: 0.680rem; - min-width: 0.680rem; - margin: 0rem 0.137rem; - border-radius: 10rem; - background-color: #ffd9df; } - -.osd-icon { - color: #ffd9e0; } - -.osd-label { - font-size: 1.023rem; - font-weight: 500; - color: #ecdfe0; - margin-top: 0.341rem; } - -.osd-value-txt { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 1.688rem; - font-weight: 500; - color: #ecdfe0; } - -.osd-notifs { - padding-top: 0.313rem; } - -.osd-colorscheme { - border-radius: 1.023rem; - background-color: #110d0e; - padding: 1.023rem; - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; } - -.osd-color { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 2.727rem; - min-height: 1.705rem; - padding: 0rem 0.341rem; - font-weight: bold; } - .osd-color box { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - margin: 0.409rem; } - -.osd-color-primary { - background-color: #ffc8d5; - color: #66002a; } - .osd-color-primary box { - background-color: #66002a; } - -.osd-color-primaryContainer { - background-color: #923353; - color: #ffd9e0; } - .osd-color-primaryContainer box { - background-color: #ffd9e0; } - -.osd-color-secondary { - background-color: #e4bcc3; - color: #42292e; } - .osd-color-secondary box { - background-color: #42292e; } - -.osd-color-secondaryContainer { - background-color: #5c3f45; - color: #ffd9df; } - .osd-color-secondaryContainer box { - background-color: #ffd9df; } - -.osd-color-surfaceVariant { - background-color: #3d3234; - color: #d6c1c4; } - .osd-color-surfaceVariant box { - background-color: #d6c1c4; } - -.osd-color-surface { - background-color: #221b1c; - color: #ecdfe0; } - .osd-color-surface box { - background-color: #ecdfe0; } - -.osd-color-background { - background-color: #110d0e; - color: #ecdfe0; } - .osd-color-background box { - background-color: #ecdfe0; } - -.osd-show { - transition: 200ms cubic-bezier(0.1, 1, 0, 1); } - -.osd-hide { - transition: 190ms cubic-bezier(0.85, 0, 0.15, 1); } - -.overview-window { - margin-top: 2.727rem; } - -.overview-search-box { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - min-width: 13.636rem; - min-height: 3.409rem; - padding: 0rem 1.364rem; - padding-right: 2.864rem; - background-color: #110d0e; - color: #ecdfe0; - caret-color: transparent; } - .overview-search-box selection { - background-color: #e4bcc3; - color: #42292e; } - -.overview-search-box-extended { - min-width: 25.909rem; - caret-color: #ffd9df; } - -.overview-search-prompt { - color: #aaa0a1; } - -.overview-search-icon { - margin: 0rem 1.023rem; } - -.overview-search-prompt-box { - margin-left: -18.545rem; - margin-right: 0.544rem; } - -.overview-search-icon-box { - margin-left: -18.545rem; - margin-right: 0.544rem; } - -.overview-search-results { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - min-width: 28.773rem; - padding: 0.682rem; - background-color: #110d0e; - color: #ecdfe0; } - -.overview-search-results-icon { - margin: 0rem 0.682rem; - font-size: 2.386rem; - min-width: 2.386rem; - min-height: 2.386rem; } - -.overview-search-results-txt { - margin-right: 0.682rem; } - -.overview-search-results-txt-cmd { - margin-right: 0.682rem; - font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace; - font-size: 1.227rem; } - -.overview-search-result-btn { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - padding: 0.341rem; - min-width: 2.386rem; - min-height: 2.386rem; - caret-color: transparent; } - -.overview-search-result-btn:hover, -.overview-search-result-btn:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.overview-search-result-btn:active { - background-color: rgba(128, 128, 128, 0.7); } - -.overview-tasks { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - padding: 0.341rem; - background-color: #110d0e; - color: #ecdfe0; } - -.overview-tasks-workspace { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - margin: 0.341rem; - background-color: rgba(55, 47, 48, 0.1147); } - -.overview-tasks-workspace-number { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - color: rgba(222, 209, 210, 0.31); } - -.overview-tasks-window { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - background-color: rgba(61, 50, 52, 0.31); - color: #ffd9df; - border: 0.068rem solid rgba(255, 217, 223, 0.07); } - -.overview-tasks-window:hover, -.overview-tasks-window:focus { - background-color: rgba(114, 82, 89, 0.525); } - -.overview-tasks-window:active { - background-color: rgba(133, 97, 105, 0.55); } - -.overview-tasks-window-selected { - background-color: rgba(133, 97, 105, 0.55); } - -.overview-tasks-window-dragging { - opacity: 0.2; } - -.osk-window { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - background-color: #110d0e; } - -.osk-body { - padding: 1.023rem; - padding-top: 0px; } - -.osk-show { - transition: 170ms cubic-bezier(0.1, 1, 0, 1); } - -.osk-hide { - margin-top: 30.682rem; - margin-bottom: -30.682rem; - transition: 100ms cubic-bezier(0.38, 0.04, 1, 0.07); } - -.osk-dragline { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: #3d3234; - min-height: 0.273rem; - min-width: 10.227rem; - margin-top: 0.545rem; - margin-bottom: 0.205rem; } - -.osk-key { - border-radius: 0.682rem; - background-color: rgba(61, 50, 52, 0.31); - color: #d6c1c4; - padding: 0.188rem; - font-weight: 500; - font-size: 1.091rem; } - -.osk-key:hover, -.osk-key:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.osk-key:active { - background-color: rgba(128, 128, 128, 0.7); - font-size: 1.091rem; } - -.osk-key-active { - background-color: rgba(128, 128, 128, 0.7); } - -.osk-key-normal { - min-width: 2.5rem; - min-height: 2.5rem; } - -.osk-key-fn { - min-width: 2.5125rem; - min-height: 1.25rem; } - -.osk-key-tab { - min-width: 4rem; - min-height: 2.5rem; } - -.osk-key-caps { - min-width: 4.75rem; - min-height: 2.5rem; } - -.osk-key-shift { - min-width: 6.25rem; - min-height: 2.5rem; } - -.osk-key-control { - min-width: 3.25rem; - min-height: 2.5rem; } - -.osk-control-button { - border-radius: 0.682rem; - background-color: rgba(61, 50, 52, 0.31); - color: #d6c1c4; - font-weight: 500; - font-size: 1.091rem; - padding: 0.682rem; } - -.osk-control-button:hover, -.osk-control-button:focus { - background-color: rgba(76, 64, 66, 0.31); } - -.osk-control-button:active { - background-color: rgba(107, 93, 95, 0.31); - font-size: 1.091rem; } - -.osk-key-empty, .osk-key-empty:hover, .osk-key-empty:focus { - min-width: 2.5rem; - min-height: 2.5rem; - background-color: transparent; } - -.sidebar-right { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - border-radius: 1.297rem; - min-width: 27.818rem; - background-color: #110d0e; - padding: 1.023rem; } - -.sideright-show { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); } - -.sideright-hide { - transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07); - margin-right: -30.682rem; } - -.sidebar-left { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - border-top: 1px solid rgba(171, 160, 161, 0.19); - border-left: 1px solid rgba(171, 160, 161, 0.19); - border-right: 1px solid rgba(135, 125, 126, 0.145); - border-bottom: 1px solid rgba(135, 125, 126, 0.145); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - border-radius: 1.297rem; - min-width: 27.818rem; - background-color: #110d0e; - padding: 1.023rem; } - -.sideleft-show { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); } - -.sideleft-hide { - margin-left: -30.682rem; - transition: 160ms cubic-bezier(0.38, 0.04, 1, 0.07); } - -.sidebar-group { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - padding: 0.341rem; - background-color: rgba(34, 27, 28, 0.31); } - -.sidebar-group-nopad { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: rgba(34, 27, 28, 0.31); } - -.sidebar-group-invisible { - padding: 0.341rem; } - -.sidebar-group-invisible-morehorizpad { - padding: 0.341rem 0.682rem; } - -.sidebar-togglesbox { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 0.341rem; - background-color: rgba(34, 27, 28, 0.31); } - -.sidebar-iconbutton { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - color: #ecdfe0; - min-width: 2.727rem; - min-height: 2.727rem; } - -.sidebar-iconbutton:hover, -.sidebar-iconbutton:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-iconbutton:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-button { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - padding: 0rem 0.818rem; - background-color: #5c3f45; - color: #ffd9df; } - -.sidebar-button:hover, -.sidebar-button:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-button:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-button-active { - background-color: #ffc8d5; - color: #66002a; } - -.sidebar-button-active:hover, -.sidebar-button-active:focus { - background-color: rgba(246, 195, 207, 0.79); } - -.sidebar-button-active:active { - background-color: rgba(228, 185, 195, 0.58); } - -.sidebar-buttons-separator { - min-width: 0.068rem; - min-height: 0.068rem; - background-color: #d6c1c4; } - -.sidebar-navrail { - padding: 0rem 1.159rem; } - -.sidebar-navrail-btn > box > label { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0.1, 1, 0, 1); } - -.sidebar-navrail-btn:hover > box > label:first-child, -.sidebar-navrail-btn:focus > box > label:first-child { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-navrail-btn:active > box > label:first-child { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-navrail-btn-active > box > label:first-child { - background-color: #5c3f45; - color: #ffd9df; } - -.sidebar-navrail-btn-active:hover > box > label:first-child, -.sidebar-navrail-btn-active:focus > box > label:first-child { - background-color: rgba(93, 64, 70, 0.93); - color: rgba(253, 215, 221, 0.93); } - -.sidebar-sysinfo-grouppad { - padding: 1.159rem; } - -.sidebar-memory-ram-circprog { - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - min-width: 0.818rem; - min-height: 4.091rem; - padding: 0.409rem; - background-color: #5c3f45; - color: #ffd9df; - font-size: 0px; } - -.sidebar-memory-swap-circprog { - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - min-width: 0.818rem; - min-height: 2.255rem; - padding: 0.409rem; - margin: 0.918rem; - background-color: #5c3f45; - color: #ffd9df; - font-size: 0px; } - -.sidebar-cpu-circprog { - min-width: 0.818rem; - min-height: 3.409rem; - padding: 0.409rem; - background-color: #5c3f45; - color: #ffd9df; - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - font-size: 0px; } - -.sidebar-scrollbar trough { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 0.545rem; - background-color: transparent; } - -.sidebar-scrollbar slider { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-width: 0.273rem; - min-height: 2.045rem; - background-color: rgba(214, 193, 196, 0.31); } - -.sidebar-scrollbar slider:hover, -.sidebar-scrollbar slider:focus { - background-color: rgba(214, 193, 196, 0.448); } - -.sidebar-scrollbar slider:active { - background-color: #8a7a7c; } - -.sidebar-calendar-btn { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 2.523rem; - min-width: 2.523rem; - color: #ecdfe0; } - -.sidebar-calendar-btn:hover, -.sidebar-calendar-btn:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-calendar-btn:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-calendar-btn-txt { - margin-left: -10.341rem; - margin-right: -10.341rem; } - -.sidebar-calendar-btn-today { - background-color: #ffc8d5; - color: #66002a; } - -.sidebar-calendar-btn-today:hover, -.sidebar-calendar-btn-today:focus { - background-color: rgba(246, 195, 207, 0.79); } - -.sidebar-calendar-btn-today:active { - background-color: rgba(228, 185, 195, 0.58); } - -.sidebar-calendar-btn-othermonth { - color: #877d7e; } - -.sidebar-calendar-header { - margin: 0.341rem; } - -.sidebar-calendar-monthyear-btn { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - padding: 0rem 0.682rem; - background-color: rgba(61, 50, 52, 0.31); - color: #d6c1c4; } - -.sidebar-calendar-monthyear-btn:hover, -.sidebar-calendar-monthyear-btn:focus { - background-color: rgba(128, 128, 128, 0.3); - color: #cebabd; } - -.sidebar-calendar-monthyear-btn:active { - background-color: rgba(128, 128, 128, 0.7); - color: #bfacae; } - -.sidebar-calendar-monthshift-btn { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-width: 2.045rem; - min-height: 2.045rem; - background-color: rgba(61, 50, 52, 0.31); - color: #d6c1c4; } - -.sidebar-calendar-monthshift-btn:hover { - background-color: rgba(128, 128, 128, 0.3); - color: #cebabd; } - -.sidebar-calendar-monthshift-btn:active { - background-color: rgba(128, 128, 128, 0.7); - color: #bfacae; } - -.sidebar-selector-tab { - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 2.5rem; - color: #ecdfe0; } - -.sidebar-selector-tab:hover, -.sidebar-selector-tab:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-selector-tab:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-selector-tab-active > box > label { - color: #ffc8d5; } - -.sidebar-selector-highlight-offset { - margin-top: -0.205rem; - margin-bottom: 0.205rem; } - -.sidebar-selector-highlight { - transition: 180ms ease-in-out; - color: #ffc8d5; - min-height: 0.205rem; } - -.sidebar-todo-item { - padding-right: 0.545rem; } - -.sidebar-todo-item-even { - background-color: rgba(61, 50, 52, 0.1); } - -.sidebar-todo-item-action { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - min-width: 1.705rem; - min-height: 1.705rem; } - -.sidebar-todo-item-action:hover, -.sidebar-todo-item-action:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-todo-item-action:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-todo-crosser { - transition: margin 200ms cubic-bezier(0.1, 1, 0, 1), background-color 0ms; - min-width: 0rem; } - -.sidebar-todo-crosser-crossed { - background-color: #ecdfe0; } - -.sidebar-todo-crosser-removed { - background-color: #ffb4a9; } - -.sidebar-todo-new { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - color: #ffd9df; - margin: 0.341rem; - padding: 0.205rem 0.545rem; - border: 0.068rem solid #ecdfe0; } - -.sidebar-todo-new, -.sidebar-todo-new:focus { - background-color: #61444a; } - -.sidebar-todo-new:active { - background-color: #7d5e64; } - -.sidebar-todo-add { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - min-width: 1.705rem; - min-height: 1.705rem; - color: #ffd9df; - border: 0.068rem solid #ecdfe0; } - -.sidebar-todo-add:hover, -.sidebar-todo-add:focus { - background-color: #61444a; } - -.sidebar-todo-add:active { - background-color: #7d5e64; } - -.sidebar-todo-add-available { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - min-width: 1.705rem; - min-height: 1.705rem; - background-color: #ffc8d5; - color: #66002a; - border: 0.068rem solid #ffc8d5; } - -.sidebar-todo-add-available:hover, -.sidebar-todo-add-available:focus { - background-color: #fac2d0; } - -.sidebar-todo-add-available:active { - background-color: #e0a0b3; } - -.sidebar-todo-entry { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - background-color: #3d3234; - color: #d6c1c4; - caret-color: #d6c1c4; - margin: 0rem 0.341rem; - min-height: 1.773rem; - min-width: 0rem; - padding: 0.205rem 0.682rem; - border: 0.068rem solid #8a7a7c; } - -.sidebar-todo-entry:focus { - border: 0.068rem solid #c7b3b6; } - -.sidebar-module { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - padding: 0.341rem; - background-color: rgba(61, 50, 52, 0.45); - padding: 0.682rem; } - -.sidebar-module-btn-arrow { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; - background-color: rgba(61, 50, 52, 0.45); - min-width: 1.705rem; - min-height: 1.705rem; } - .sidebar-module-btn-arrow:hover { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-module-scripts-button { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; - background-color: rgba(61, 50, 52, 0.45); - min-width: 1.705rem; - min-height: 1.705rem; } - .sidebar-module-scripts-button:hover { - background-color: rgba(128, 128, 128, 0.3); } - .sidebar-module-scripts-button:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-module-colorpicker-wrapper { - padding: 0.341rem; } - -.sidebar-module-colorpicker-cursorwrapper { - padding: 0.341rem 0.136rem; } - -.sidebar-module-colorpicker-hue { - min-height: 13.636rem; - min-width: 1.091rem; - border-radius: 0.341rem; } - -.sidebar-module-colorpicker-hue-cursor { - background-color: #ecdfe0; - border: 0.136rem solid #ecdfe0; - min-height: 0.136rem; - margin-top: -0.136rem; - border-radius: 0.341rem; } - -.sidebar-module-colorpicker-saturationandlightness-wrapper { - padding: 0.341rem; } - -.sidebar-module-colorpicker-saturationandlightness { - min-height: 13.636rem; - min-width: 13.636rem; - border-radius: 0.341rem; } - -.sidebar-module-colorpicker-saturationandlightness-cursorwrapper { - padding: 0.341rem; - margin-top: -0.409rem; - margin-left: -0.409rem; } - -.sidebar-module-colorpicker-saturationandlightness-cursor { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - border: 0.136rem solid white; - min-width: 0.682rem; - min-height: 0.682rem; - margin-top: -0.409rem; - margin-left: -0.409rem; } - -.sidebar-module-colorpicker-result-area { - padding: 0.341rem; } - -.sidebar-module-colorpicker-result-box { - border-radius: 0.341rem; - min-width: 2.045rem; - min-height: 0.682rem; - padding: 0.341rem; } - -.sidebar-chat-apiswitcher { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 0.341rem; - background-color: rgba(34, 27, 28, 0.31); } - -.sidebar-chat-apiswitcher-icon { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 2.182rem; - min-height: 2.182rem; - font-size: 1.406rem; - color: #ecdfe0; } - -.sidebar-chat-apiswitcher-icon-enabled { - background-color: #5c3f45; - color: #ffd9df; } - -.sidebar-chat-viewport { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - padding: 0.682rem 0rem; } - -.sidebar-chat-textarea { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: #272021; - color: #d6c1c4; - padding: 0.682rem; } - -.sidebar-chat-entry { - color: #d6c1c4; - caret-color: #d6c1c4; - min-height: 1.773rem; - min-width: 0rem; } - -.sidebar-chat-wrapper { - transition: 400ms cubic-bezier(0.1, 1, 0, 1); } - -.sidebar-chat-wrapper-extended { - min-height: 7.500rem; } - -.sidebar-chat-send { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-width: 1.705rem; - min-height: 1.705rem; - border-radius: 0.478rem; } - -.sidebar-chat-send:hover, -.sidebar-chat-send:focus { - background-color: #3d3234; } - -.sidebar-chat-send:active { - background-color: #605556; } - -.sidebar-chat-send-available { - background-color: #ffc8d5; - color: #66002a; } - -.sidebar-chat-send-available:hover, -.sidebar-chat-send-available:focus { - background-color: #fac2d0; } - -.sidebar-chat-send-available:active { - background-color: #e0a0b3; } - -.sidebar-chat-message { - margin: 0.682rem; } - -.sidebar-chat-indicator { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 0.136rem; - background-color: #ecdfe0; } - -.sidebar-chat-indicator-user { - background-color: #ecdfe0; } - -.sidebar-chat-indicator-bot { - background-color: #ffc8d5; } - -.sidebar-chat-indicator-System { - background-color: #e4bcc3; } - -.sidebar-chat-name { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - padding: 0.341rem; - margin-left: -0.136rem; - padding-left: 0.818rem; } - -.sidebar-chat-txtblock { - margin-left: -0.136rem; - padding: 0.341rem; - padding-left: 0.818rem; } - -.sidebar-chat-txt { - font-family: "Lexend", "Noto Sans", sans-serif; } - -.sidebar-chat-codeblock { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: rgba(92, 79, 81, 0.31); - color: #d6c1c4; - margin: 0rem 0.682rem; - border: 0.068rem solid rgba(255, 217, 223, 0.07); } - -.sidebar-chat-codeblock-topbar { - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - margin: 0.273rem; - margin-bottom: 0rem; - background-color: rgba(129, 102, 107, 0.517); - color: #ffd9df; - border-radius: 0.886rem; - border: 0.068rem solid #6c4e54; - border-top-left-radius: 0.886rem; - border-top-right-radius: 0.886rem; - padding: 0.341rem 0.477rem; } - -.sidebar-chat-codeblock-topbar-txt { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - padding: 0.273rem; } - -.sidebar-chat-codeblock-topbar-btn { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - padding: 0.273rem 0.477rem; } - -.sidebar-chat-codeblock-topbar-btn:hover, -.sidebar-chat-codeblock-topbar-btn:focus { - background-color: #7d5e64; } - -.sidebar-chat-codeblock-topbar-btn:active { - background-color: #9d7d83; } - -.sidebar-chat-codeblock-code { - font-family: "JetBrains Mono NF", "JetBrains Mono Nerd Font", "JetBrains Mono NL", "SpaceMono NF", "SpaceMono Nerd Font", monospace; - padding: 0.682rem; } - -.sidebar-chat-divider { - min-height: 1px; - background-color: #7a6b6e; - margin: 0rem 0.545rem; } - -.sidebar-chat-welcome-txt { - margin: 0rem 3.409rem; } - -.sidebar-chat-settings-toggles { - margin: 0rem 5.455rem; } - -.sidebar-chat-welcome-icon { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - font-size: 4rem; } - -.sidebar-chat-welcome-logo { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; - min-height: 4.773rem; - min-width: 4.773rem; - font-size: 3.076rem; - background-color: #ecdfe0; - color: #110d0e; } - -.sidebar-chat-chip { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - padding: 0.341rem 0.477rem; } - -.sidebar-chat-chip-action { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - background-color: #272021; - color: #d6c1c4; } - -.sidebar-chat-chip-action:hover, -.sidebar-chat-chip-action:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-chat-chip-action:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-chat-chip-action-active { - color: #7a6b6e; - border: 0.068rem solid #7a6b6e; } - -.sidebar-chat-chip-toggle { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - padding: 0.341rem 0.477rem; - background-color: #272021; - color: #d6c1c4; } - -.sidebar-chat-chip-toggle:focus, -.sidebar-chat-chip-toggle:hover { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-chat-chip-toggle:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-pin { - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - min-height: 2.386rem; - min-width: 2.386rem; - color: #ecdfe0; } - -.sidebar-pin:hover, -.sidebar-pin:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.sidebar-pin:active { - background-color: rgba(128, 128, 128, 0.7); } - -.sidebar-pin-enabled { - background-color: #ffc8d5; } - .sidebar-pin-enabled label { - color: #66002a; } - -.sidebar-pin-enabled:hover, -.sidebar-pin-enabled:focus { - background-color: #f0b4c4; } - -.sidebar-pin-enabled:active { - background-color: #e0a0b3; } - -.sidebar-waifu-heading { - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - padding: 0.341rem; - margin-left: -0.136rem; - padding-left: 0.818rem; } - -.sidebar-waifu-content { - margin-left: 0.682rem; } - -.sidebar-waifu-txt { - font-family: "Lexend", "Noto Sans", sans-serif; - margin-left: 0.682rem; } - -.sidebar-waifu-image { - margin-left: 0.682rem; - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-size: cover; - background-repeat: no-repeat; - background-position: center; } - -.sidebar-waifu-image-actions { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - padding: 0.313rem; } - -.sidebar-waifu-image-action { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 1.875rem; - min-height: 1.875rem; - background-color: rgba(0, 0, 0, 0.7); - color: rgba(255, 255, 255, 0.7); } - -.sidebar-waifu-image-action:hover, -.sidebar-waifu-image-action:focus { - background-color: rgba(30, 30, 30, 0.7); } - -.sidebar-waifu-image-action:active { - background-color: rgba(60, 60, 60, 0.7); } - -.session-bg { - margin-top: -2.727rem; - background-color: rgba(17, 13, 14, 0.64); } - -.session-button { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - min-width: 8.182rem; - min-height: 8.182rem; - background-color: #3d3234; - color: #d6c1c4; - font-size: 3rem; } - -.session-button-focused { - background-color: #5c3f45; - color: #ffd9df; } - -.session-button-desc { - background-color: #302728; - color: #e1d0d2; - border-bottom-left-radius: 1.705rem; - border-bottom-right-radius: 1.705rem; - padding: 0.205rem 0.341rem; - font-weight: 700; } - -.session-button-cancel { - border-radius: 1.705rem; - -gtk-outline-radius: 1.705rem; - min-width: 8.182rem; - min-height: 5.455rem; - background-color: #3d3234; - color: #d6c1c4; - font-size: 3rem; } - -.notif-low { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: rgba(61, 50, 52, 0.45); - color: #d6c1c4; - padding: 0.818rem; - padding-right: 1.363rem; } - -.notif-normal { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: rgba(61, 50, 52, 0.45); - color: #d6c1c4; - padding: 0.818rem; - padding-right: 1.363rem; } - -.notif-critical { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: #5c3f45; - color: #ffd9df; - padding: 0.818rem; - padding-right: 1.363rem; } - -.notif-clicked-low { - background-color: rgba(79, 67, 69, 0.429); } - -.notif-clicked-normal { - background-color: rgba(79, 67, 69, 0.429); } - -.notif-clicked-critical { - background-color: #64474d; } - -.popup-notif-low { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - min-width: 30.682rem; - background-color: #110d0e; - color: #d6c1c4; - padding: 0.818rem; - padding-right: 1.363rem; } - -.popup-notif-normal { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - min-width: 30.682rem; - background-color: #110d0e; - color: #d6c1c4; - padding: 0.818rem; - padding-right: 1.363rem; } - -.popup-notif-critical { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - min-width: 30.682rem; - background-color: #5c3f45; - color: #ffd9df; - padding: 0.818rem; - padding-right: 1.363rem; } - -.popup-notif-clicked-low { - background-color: #1e1a1b; } - -.popup-notif-clicked-normal { - background-color: #1e1a1b; } - -.popup-notif-clicked-critical { - background-color: #63454b; } - -.notif-body-low { - color: #a49294; } - -.notif-body-normal { - color: #a49294; } - -.notif-body-critical { - color: #c9a6ac; } - -.notif-icon { - border-radius: 9999px; - -gtk-outline-radius: 9999px; - min-width: 3.409rem; - min-height: 3.409rem; - font-size: 3.409rem; } - -.notif-icon-material { - background-color: #5c3f45; - color: #ffd9df; } - -.notif-icon-material-low { - background-color: #5c3f45; - color: #ffd9df; } - -.notif-icon-material-normal { - background-color: #5c3f45; - color: #ffd9df; } - -.notif-icon-material-critical { - background-color: #ffd9df; - color: #5c3f45; } - -.notif-expand-btn { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - min-width: 1.841rem; - min-height: 1.841rem; } - -.notif-expand-btn:hover, -.notif-expand-btn:focus { - background: rgba(128, 128, 128, 0.3); } - -.notif-expand-btn:active { - background: rgba(128, 128, 128, 0.7); } - -.notif-listaction-btn { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - padding: 0.341rem 0.682rem; } - -.notif-listaction-btn:hover, -.notif-listaction-btn:focus { - background-color: rgba(128, 128, 128, 0.3); } - -.notif-listaction-btn:active { - background-color: rgba(128, 128, 128, 0.7); } - -.notif-listaction-btn-enabled { - background-color: #5c3f45; - color: #ffd9df; } - -.notif-listaction-btn-enabled:hover, -.notif-listaction-btn-enabled:focus { - background-color: #6c4e54; } - -.notif-listaction-btn-enabled:active { - background-color: #85666c; } - -.osd-notif { - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - background-color: rgba(17, 13, 14, 0.46); - min-width: 30.682rem; } - -.notif-circprog-low { - transition: 0ms linear; - min-width: 0.136rem; - min-height: 3.136rem; - padding: 0rem; - color: #ffd9df; } - -.notif-circprog-normal { - transition: 0ms linear; - min-width: 0.136rem; - min-height: 3.136rem; - padding: 0rem; - color: #ffd9df; } - -.notif-circprog-critical { - transition: 0ms linear; - min-width: 0.136rem; - min-height: 3.136rem; - padding: 0rem; - color: #5c3f45; } - -.notif-actions { - min-height: 2.045rem; } - -.notif-action { - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; } - -.notif-action-low { - background-color: rgba(52, 44, 45, 0.31); - color: #d6c1c4; } - -.notif-action-low:focus, -.notif-action-low:hover { - background-color: rgba(128, 128, 128, 0.3); } - -.notif-action-low:active { - background-color: rgba(128, 128, 128, 0.7); } - -.notif-action-normal { - background-color: rgba(52, 44, 45, 0.31); - color: #d6c1c4; } - -.notif-action-normal:focus, -.notif-action-normal:hover { - background-color: rgba(128, 128, 128, 0.3); } - -.notif-action-normal:active { - background-color: rgba(128, 128, 128, 0.7); } - -.notif-action-critical { - background-color: #6c4e54; - color: #d6c1c4; } - -.notif-action-critical:focus, -.notif-action-critical:hover { - background-color: #795b61; } - -.notif-action-critical:active { - background-color: #816268; } - -@keyframes flyin-top { - from { - margin-top: -2.795rem; } - to { - margin-top: 0rem; } } - -@keyframes flyin-bottom { - from { - margin-top: 4.841rem; - margin-bottom: -4.841rem; } - to { - margin-bottom: 0rem; - margin-top: 0rem; } } - -.osd-music { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.45); - margin: 0.476rem; - margin-top: 0.313rem; - border-radius: 1.159rem; - -gtk-outline-radius: 1.159rem; - min-width: 29.659rem; - background-color: #110d0e; - padding: 0rem 1.023rem; - background: linear-gradient(127deg, rgba(49, 40, 42, 0.7), rgba(49, 40, 42, 0.55) 70.71%), linear-gradient(217deg, rgba(81, 67, 69, 0.7), rgba(81, 67, 69, 0.55) 70.71%), radial-gradient(circle at 0% 100%, #5c3f45 13%, rgba(0, 0, 0, 0) 100%), linear-gradient(336deg, rgba(92, 63, 69, 0.7), rgba(92, 63, 69, 0.55) 70.71%), linear-gradient(#110d0e, #110d0e); } - -.osd-music-cover-fallback { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - min-width: 7.5rem; - min-height: 7.5rem; - background-color: rgba(34, 27, 28, 0.31); - color: #ddcfd1; } - -.osd-music-cover { - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - margin-top: 1.023rem; - margin-bottom: 1.023rem; - min-width: 7.5rem; - min-height: 7.5rem; } - -.osd-music-cover-art { - border-radius: 0.818rem; - -gtk-outline-radius: 0.818rem; - min-width: 7.5rem; - min-height: 7.5rem; - background-size: cover; - background-position: center; } - -.osd-music-info { - margin: 1.023rem 0rem; } - -.osd-music-title { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - font-size: 1.364rem; - color: #ddcfd1; } - -.osd-music-artists { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - font-family: "Rubik", "Geist", "AR One Sans", "Reddit Sans", "Inter", "Roboto", "Ubuntu", "Noto Sans", sans-serif; - font-size: 0.955rem; - color: rgba(208, 195, 197, 0.9); } - -.osd-music-pill { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - -gtk-outline-radius: 9999px; - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - min-width: 1.833rem; - padding: 0.273rem 0.682rem; - background-color: rgba(58, 45, 47, 0.5); - color: #ddcfd1; } - -.osd-music-controls { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - border-radius: 9999px; - -gtk-outline-radius: 9999px; - font-family: "Gabarito", "Poppins", "Lexend", sans-serif; - min-width: 1.833rem; - padding: 0.205rem; - background-color: rgba(58, 45, 47, 0.5); - color: #ddcfd1; } - -.osd-music-controlbtn { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - min-width: 2.045rem; - min-height: 2.045rem; - border-radius: 9999px; - -gtk-outline-radius: 9999px; } - -.osd-music-controlbtn:hover, -.osd-music-controlbtn:focus { - background-color: rgba(99, 86, 88, 0.55); } - -.osd-music-controlbtn:active { - background-color: rgba(114, 101, 103, 0.575); } - -.osd-music-controlbtn-txt { - transition: 300ms cubic-bezier(0, 0.55, 0.45, 1); - transition: 100ms cubic-bezier(0.05, 0.7, 0.1, 1); - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; - font-size: 1.364rem; - margin: -0.1rem 0rem; } - -.osd-music-circprog { - transition: 1000ms cubic-bezier(0.1, 1, 0, 1); - min-width: 0.409rem; - min-height: 3.068rem; - padding: 0.273rem; - color: #ddcfd1; } - -.osd-music-playstate { - transition: 300ms cubic-bezier(0.1, 1, 0, 1); - min-height: 3.068rem; - min-width: 3.068rem; - border-radius: 10rem; - background-color: rgba(58, 45, 47, 0.5); - color: #ddcfd1; } - -.osd-music-playstate-btn > label { - transition: 50ms cubic-bezier(0.05, 0.7, 0.1, 1); - font-family: "Material Symbols Rounded", "MaterialSymbolsRounded", "Material Symbols Outlined", "Material Symbols Sharp"; - font-size: 1.364rem; - margin: -0.1rem 0rem; } - -.growingRadial { - transition: 300ms cubic-bezier(0.2, 0, 0, 1); } - -.fadingRadial { - transition: 50ms cubic-bezier(0.2, 0, 0, 1); } - -.sidebar-pinned { - margin: 0rem; - border-radius: 0rem; - border-bottom-right-radius: 1.705rem; - border: 0rem solid; }