From baec0946d37f4542c70d7a23e23508352249f95f Mon Sep 17 00:00:00 2001 From: Aslam Shah Date: Mon, 23 Dec 2019 10:20:30 +0100 Subject: [PATCH] Add scss folder with single scss file --- icons-scss/icons.scss | 15984 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 15984 insertions(+) create mode 100644 icons-scss/icons.scss diff --git a/icons-scss/icons.scss b/icons-scss/icons.scss new file mode 100644 index 0000000..8a44073 --- /dev/null +++ b/icons-scss/icons.scss @@ -0,0 +1,15984 @@ +.gg-abstract { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + transform: scale(var(--ggs, 1)); + border-right: 3px solid; + border-top: 3px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + left: 0; + bottom: 0; + border: 3px solid; + border-radius: 12px; + } +} +.gg-add-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + width: 2px; + height: 10px; + top: 4px; + left: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + } +} +.gg-add { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + width: 2px; + height: 10px; + top: 4px; + left: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + } +} +.gg-adidas { + position: relative; + box-sizing: border-box; + display: block; + width: 23px; + height: 15px; + transform: scale(var(--ggs, 1)); + overflow: hidden; + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 5px; + height: 18px; + background: currentColor; + transform: rotate(-30deg); + left: 4px; + bottom: -14px; + box-shadow: 7px -2px, 14px -4px; + } +} +.gg-alarm { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 4.5px + 6px/5px 2px, + linear-gradient(currentColor 7px, transparent 0) no-repeat 4.5px 2px/2px 6px; + box-sizing: border-box; + position: relative; + display: block; + width: 16px; + height: 16px; + border-radius: 100%; + border: 2px solid transparent; + transform: scale(var(--ggs, 1)); + box-shadow: 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 2px; + background: currentColor; + top: -4px; + transform: rotate(42deg); + right: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 2px; + background: currentColor; + top: -4px; + left: -5px; + transform: rotate(-42deg); + } +} +.gg-album { + box-sizing: border-box; + position: relative; + display: block; + width: 18px; + height: 18px; + transform: scale(var(--ggs, 1)); + border-left: 7px solid transparent; + border-right: 3px solid transparent; + border-bottom: 8px solid transparent; + box-shadow: 0 0 0 2px, inset 6px 4px 0 -4px, inset -6px 4px 0 -4px; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 5px; + background: currentColor; + transform: rotate(46deg); + top: 5px; + right: 4px; + transform: rotate(-46deg); + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 5px; + background: currentColor; + transform: rotate(46deg); + top: 5px; + right: 4px; + } +} +.gg-align-bottom { + box-sizing: border-box; + position: relative; + display: block; + height: 12px; + width: 12px; + border-bottom: 2px solid; + transform: scale(var(--ggs, 1)); + margin-top: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + bottom: 2px; + height: 6px; + right: 1px; + opacity: 0.5; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + bottom: 2px; + left: 1px; + height: 12px; + } +} +.gg-align-center { + box-sizing: border-box; + position: relative; + display: block; + height: 12px; + width: 12px; + border-top: 2px solid transparent; + transform: scale(var(--ggs, 1)); + margin-left: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + background: currentColor; + width: 6px; + right: 1px; + top: 4px; + opacity: 0.5; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + background: currentColor; + left: 2px; + width: 12px; + top: -2px; + } +} +.gg-align-left { + box-sizing: border-box; + position: relative; + display: block; + height: 12px; + width: 12px; + border-left: 2px solid; + transform: scale(var(--ggs, 1)); + margin-left: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + width: 12px; + background: currentColor; + left: 2px; + top: 1px; + width: 6px; + top: 7px; + opacity: 0.5; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + width: 12px; + background: currentColor; + left: 2px; + top: 1px; + } +} +.gg-align-middle { + box-sizing: border-box; + position: relative; + display: block; + height: 12px; + width: 12px; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + margin-top: -8px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + height: 6px; + right: 1px; + top: 5px; + opacity: 0.5; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + left: 1px; + height: 12px; + top: 2px; + } +} +.gg-align-right { + box-sizing: border-box; + position: relative; + display: block; + height: 12px; + width: 12px; + border-right: 2px solid; + transform: scale(var(--ggs, 1)); + margin-right: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + width: 12px; + background: currentColor; + right: 2px; + top: 1px; + width: 6px; + top: 7px; + opacity: 0.5; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + width: 12px; + background: currentColor; + right: 2px; + top: 1px; + } +} +.gg-align-top { + box-sizing: border-box; + position: relative; + display: block; + height: 12px; + width: 12px; + border-top: 2px solid; + transform: scale(var(--ggs, 1)); + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + top: 2px; + height: 6px; + right: 1px; + opacity: 0.5; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + top: 2px; + left: 1px; + height: 12px; + } +} +.gg-apple-watch { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 13px + 4px/2px 4px; + box-sizing: border-box; + position: relative; + display: block; + width: 24px; + height: 24px; + border: 5px solid transparent; + transform: scale(var(--ggs, 1)); + border-radius: 9px; + box-shadow: inset 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 5px; + border: 2px solid; + border-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + left: 2px; + top: -3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 5px; + border: 2px solid; + border-bottom: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + left: 2px; + transform: scaleY(-1); + top: 12px; + } +} +.gg-arrow-bottom-left-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 6px; + height: 6px; + bottom: 4px; + border-bottom: 2px solid; + border-left: 2px solid; + } +} +.gg-arrow-bottom-left-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 6px; + height: 6px; + bottom: 4px; + border-bottom: 2px solid; + border-left: 2px solid; + } +} +.gg-arrow-bottom-left { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border-bottom: 2px solid; + transform: scale(var(--ggs, 1)); + border-left: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + bottom: 3px; + left: -3px; + } +} +.gg-arrow-bottom-right-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + bottom: 4px; + border-bottom: 2px solid; + border-right: 2px solid; + } +} +.gg-arrow-bottom-right-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + bottom: 4px; + border-bottom: 2px solid; + border-right: 2px solid; + } +} +.gg-arrow-bottom-right { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border-bottom: 2px solid; + transform: scale(var(--ggs, 1)); + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + bottom: 3px; + right: -3px; + } +} +.gg-arrow-down-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 4px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(-45deg); + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 4px; + width: 2px; + height: 10px; + left: 8px; + background: currentColor; + } +} +.gg-arrow-down-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 4px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(-45deg); + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 4px; + width: 2px; + height: 10px; + left: 8px; + background: currentColor; + } +} +.gg-arrow-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 4px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(-45deg); + left: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 4px; + width: 2px; + height: 16px; + left: 10px; + background: currentColor; + } +} +.gg-arrow-left-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + bottom: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 10px; + height: 2px; + bottom: 8px; + background: currentColor; + } +} +.gg-arrow-left-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + bottom: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 10px; + height: 2px; + bottom: 8px; + background: currentColor; + } +} +.gg-arrow-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + bottom: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + width: 16px; + height: 2px; + bottom: 10px; + background: currentColor; + } +} +.gg-arrow-long-down-c { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + border-top: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 8px; + top: -4px; + left: -2px; + } +} +.gg-arrow-long-down-e { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + border-top: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + top: -5px; + left: -2px; + } +} +.gg-arrow-long-down-l { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 2px; + background: currentColor; + top: -1px; + left: -2px; + } +} +.gg-arrow-long-down-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + border-top: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + transform: rotate(45deg); + top: -5px; + left: -2px; + } +} +.gg-arrow-long-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 0; + left: -2px; + } +} +.gg-arrow-long-left-c { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-right: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 8px; + right: -4px; + bottom: -2px; + } +} +.gg-arrow-long-left-e { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-right: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + right: -4px; + bottom: -2px; + } +} +.gg-arrow-long-left-l { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 6px; + background: currentColor; + right: -1px; + bottom: -2px; + } +} +.gg-arrow-long-left-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-right: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + transform: rotate(45deg); + right: -5px; + bottom: -2px; + } +} +.gg-arrow-long-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 0; + bottom: -2px; + } +} +.gg-arrow-long-right-c { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + right: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 8px; + left: -4px; + bottom: -2px; + } +} +.gg-arrow-long-right-e { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + right: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + left: -4px; + bottom: -2px; + } +} +.gg-arrow-long-right-l { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + right: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 6px; + background: currentColor; + left: -1px; + bottom: -2px; + } +} +.gg-arrow-long-right-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + right: 0; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + transform: rotate(45deg); + left: -5px; + bottom: -2px; + } +} +.gg-arrow-long-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + width: 24px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + right: 0; + bottom: -2px; + } +} +.gg-arrow-long-up-c { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + border-bottom: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + top: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 8px; + bottom: -4px; + left: -2px; + } +} +.gg-arrow-long-up-e { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + border-bottom: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + top: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + bottom: -5px; + left: -2px; + } +} +.gg-arrow-long-up-l { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + top: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 2px; + background: currentColor; + bottom: -1px; + left: -2px; + } +} +.gg-arrow-long-up-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + border-bottom: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + width: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + top: 0; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + transform: rotate(45deg); + bottom: -5px; + left: -2px; + } +} +.gg-arrow-long-up { + display: block; + box-sizing: border-box; + width: 6px; + position: relative; + transform: scale(var(--ggs, 1)); + border-right: 2px solid transparent; + border-left: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + height: 24px; + &::after { + display: block; + box-sizing: border-box; + width: 6px; + content: ""; + position: absolute; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + top: 0; + left: -2px; + } +} +.gg-arrow-right-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 10px; + height: 2px; + bottom: 8px; + background: currentColor; + } +} +.gg-arrow-right-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 10px; + height: 2px; + bottom: 8px; + background: currentColor; + } +} +.gg-arrow-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 3px; + width: 8px; + height: 8px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 3px; + width: 16px; + height: 2px; + bottom: 10px; + background: currentColor; + } +} +.gg-arrow-top-left-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + bottom: 8px; + right: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 4px; + top: 4px; + border-top: 2px solid; + border-left: 2px solid; + } +} +.gg-arrow-top-left-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 6px; + height: 6px; + top: 4px; + border-top: 2px solid; + border-left: 2px solid; + } +} +.gg-arrow-top-left { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + transform: scale(var(--ggs, 1)); + border-top: 2px solid; + border-left: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + top: 3px; + left: -3px; + } +} +.gg-arrow-top-right-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + top: 4px; + border-top: 2px solid; + border-right: 2px solid; + } +} +.gg-arrow-top-right-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 10px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + top: 4px; + border-top: 2px solid; + border-right: 2px solid; + } +} +.gg-arrow-top-right { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border-top: 2px solid; + transform: scale(var(--ggs, 1)); + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + top: 3px; + right: -3px; + } +} +.gg-arrow-up-o { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 4px; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 4px; + width: 2px; + height: 10px; + left: 8px; + background: currentColor; + } +} +.gg-arrow-up-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 4px; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 4px; + width: 2px; + height: 10px; + left: 8px; + background: currentColor; + } +} +.gg-arrow-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 4px; + width: 8px; + height: 8px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 4px; + width: 2px; + height: 16px; + left: 10px; + background: currentColor; + } +} +.gg-assign { + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + background: currentColor; + transform: scale(var(--ggs, 1)); + border-radius: 100px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 12px; + box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px, + -5px 5px 0 -3px; + left: -3px; + top: -3px; + } +} +.gg-attachment { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border: 2px solid; + border-top: 0; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + transform: scale(var(--ggs, 1)); + margin-top: 11px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + right: -2px; + width: 10px; + height: 14px; + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + border: 2px solid; + width: 6px; + height: 12px; + border-top: 0; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + left: 2px; + bottom: 4px; + } +} +.gg-backspace { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-left: 0; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border-top: 2px solid; + border-left: 2px solid; + border-top-left-radius: 1px; + transform: rotate(-45deg); + top: 0; + left: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: linear-gradient(currentColor 18px, transparent 0) no-repeat + center center/10px 2px; + border-right: 3px solid transparent; + box-shadow: inset 0 0 0 2px; + right: 2px; + bottom: 1px; + width: 8px; + height: 8px; + border-left: 3px solid transparent; + transform: rotate(45deg); + } +} +.gg-battery-empty { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 12px; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 3px; + margin-left: -3px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 4px; + height: 6px; + right: -4px; + top: 1px; + background: currentColor; + } +} +.gg-battery { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 12px; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 3px; + margin-left: -3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 6px; + background: currentColor; + top: 1px; + width: 6px; + left: 1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 6px; + background: currentColor; + top: 1px; + right: -4px; + border-radius: 3px; + width: 4px; + } +} +.gg-bell { + border-top-left-radius: 100px; + border-top-right-radius: 100px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-bottom: 0; + width: 14px; + height: 14px; + &::before { + border-top-left-radius: 100px; + border-top-right-radius: 100px; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 4px; + height: 4px; + top: -4px; + left: 3px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 16px; + height: 10px; + border: 6px solid transparent; + border-top: 1px solid transparent; + box-shadow: inset 0 0 0 4px, 0 -2px 0 0; + top: 14px; + left: -3px; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + } +} +.gg-block { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 100%; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + transform: rotate(-45deg); + top: 5px; + left: 1px; + } +} +.gg-bmw { + position: relative; + box-sizing: border-box; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 18px; + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + border: 9px solid; + border-top-color: transparent; + border-bottom-color: transparent; + border-radius: 18px; + transform: rotate(45deg); + left: -2px; + top: -2px; + } +} +.gg-board { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 12px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + box-shadow: 0 0 0 2px, inset 2px 0 0, inset -2px 0 0; + border-radius: 2px; +} +.gg-bolt { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 21px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + transform: rotate(30deg); + border-top: 12px solid; + right: 0; + bottom: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + transform: rotate(30deg); + border-bottom: 12px solid; + left: 0; + top: 0; + } +} +.gg-bookmark { + display: block; + box-sizing: border-box; + border-top-right-radius: 3px; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 3px; + overflow: hidden; + position: relative; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 16px; + &::after { + display: block; + box-sizing: border-box; + border-top-right-radius: 3px; + content: ""; + position: absolute; + width: 12px; + height: 12px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + top: 9px; + left: -1px; + } +} +.gg-border-all { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + content: ""; + position: absolute; + border: 3px solid; + bottom: 0; + left: 0; + } +} +.gg-border-bottom { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-bottom: 3px solid; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-bottom: 3px solid; + content: ""; + position: absolute; + height: 10px; + border: 3px solid; + border-bottom: 0; + bottom: 2px; + left: 0; + opacity: 0.3; + } +} +.gg-border-left { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-left: 3px solid; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-left: 3px solid; + content: ""; + position: absolute; + width: 10px; + border: 3px solid; + border-left: 0; + bottom: 0; + left: 2px; + opacity: 0.3; + } +} +.gg-border-right { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-right: 3px solid; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-right: 3px solid; + content: ""; + position: absolute; + width: 10px; + border: 3px solid; + border-right: 0; + bottom: 0; + right: 2px; + opacity: 0.3; + } +} +.gg-border-style-dashed { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 26px; + height: 17px; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 26px; + height: 17px; + content: ""; + position: absolute; + height: 2px; + top: 7px; + border-top: 2px dashed; + } +} +.gg-border-style-dotted { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 26px; + height: 17px; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 26px; + height: 17px; + content: ""; + position: absolute; + height: 2px; + top: 7px; + border-top: 2px dotted; + } +} +.gg-border-style-solid { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 26px; + height: 17px; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 26px; + height: 17px; + content: ""; + position: absolute; + height: 2px; + top: 7px; + border-top: 2px solid; + } +} +.gg-border-top { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-top: 3px solid; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border-top: 3px solid; + content: ""; + position: absolute; + height: 10px; + border: 3px solid; + border-top: 0; + top: 2px; + left: 0; + opacity: 0.3; + } +} +.gg-bot { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 21px; + height: 10px; + border-right: 8px solid transparent; + border-left: 8px solid transparent; + border-bottom: 1px solid transparent; + border-radius: 12px; + box-shadow: 0 0 0 2px, -4px 0 0 -1px, 4px 0 0 -1px, inset 0 -4px 0 -2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + box-shadow: 0 0 0 2px; + top: 3px; + border-radius: 100px; + right: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + box-shadow: 0 0 0 2px; + top: 3px; + left: -4px; + border-radius: 3px; + } +} +.gg-bowl { + display: block; + position: relative; + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + width: 20px; + height: 18px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 2px; + height: 10px; + border-radius: 4px; + transform: rotate(45deg); + right: 4px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 20px; + height: 12px; + border: 2px solid; + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; + bottom: 0; + } +} +.gg-box { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 20px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + width: 22px; + left: -2px; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + left: 6px; + width: 6px; + top: 8px; + } +} +.gg-boy { + display: block; + box-sizing: border-box; + border-radius: 42px; + position: relative; + width: 20px; + height: 20px; + transform: scale(var(--ggs, 1)); + overflow: hidden; + box-shadow: inset 0 0 0 2px; + &::after { + display: block; + box-sizing: border-box; + border-radius: 42px; + content: ""; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + box-shadow: 6px 0 0; + left: 6px; + top: 10px; + width: 20px; + height: 20px; + top: -13px; + right: -12px; + } + &::before { + display: block; + box-sizing: border-box; + border-radius: 42px; + content: ""; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + box-shadow: 6px 0 0; + left: 6px; + top: 10px; + } +} +.gg-brackets { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 4px; + height: 10px; + top: 2px; + border-left: 0; + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 4px; + height: 10px; + top: 2px; + border-right: 0; + left: 2px; + } +} +.gg-briefcase { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 2px; + margin-top: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 18px; + height: 3px; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 1px solid transparent; + box-shadow: 0 2px 0, inset 16px 74px 0; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + border-top-left-radius: 1px; + border-top-right-radius: 1px; + left: 4px; + width: 10px; + height: 4px; + border-bottom: 0; + top: -5px; + } +} +.gg-browser { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 18px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 22px; + height: 2px; + background: currentColor; + top: 4px; + border-radius: 3px; + width: 2px; + box-shadow: 3px 0 0, 6px 0 0; + top: 1px; + left: 1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 22px; + height: 2px; + background: currentColor; + top: 4px; + } +} +.gg-bulb { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-bottom-color: transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + border-left: 3px solid; + border-right: 3px solid; + border-radius: 2px; + bottom: 0; + left: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 0; + border-bottom-left-radius: 18px; + border-bottom-right-radius: 18px; + top: 10px; + border-bottom: 2px solid transparent; + box-shadow: 0 5px 0 -2px, inset 2px 0 0 0, inset -2px 0 0 0, + inset 0 -4px 0 -2px; + width: 8px; + height: 8px; + left: 2px; + } +} +.gg-c-plus-plus { + position: relative; + display: block; + width: 16px; + height: 16px; + transform: scale(var(--ggs, 1)); + border: 3px solid currentColor; + box-sizing: border-box; + border-radius: 100px; + border-right-color: transparent; + &::after { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 9px; + height: 6px; + border-left: 2px solid; + border-right: 2px solid; + right: -9px; + top: 2px; + width: 13px; + height: 2px; + border-left: 6px solid; + border-right: 6px solid; + right: -11px; + top: 4px; + } + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 9px; + height: 6px; + border-left: 2px solid; + border-right: 2px solid; + right: -9px; + top: 2px; + } +} +.gg-calculator { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 22px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + top: 2px; + left: 2px; + width: 2px; + box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0, 0 8px 0, + 4px 8px 0, 8px 8px 0, 8px 6px 0; + top: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + top: 2px; + left: 2px; + } +} +.gg-calendar-dates { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + left: 2px; + width: 10px; + top: -4px; + box-shadow: 0 6px 0 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + left: 2px; + background: currentColor; + width: 2px; + box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0; + top: 6px; + } +} +.gg-calendar-due { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 6px; + background: currentColor; + width: 4px; + height: 4px; + bottom: 3px; + left: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 6px; + background: currentColor; + top: 2px; + width: 10px; + height: 2px; + left: 2px; + } +} +.gg-calendar-next { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + border: 2px solid transparent; + border-bottom: 4px solid transparent; + border-right: 4px solid transparent; + border-left: 3px solid transparent; + box-shadow: 0 0 0 2px, inset 0 -2px 0; + border-radius: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 5px solid; + bottom: -2px; + right: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + border-radius: 2px; + top: 0; + left: -1px; + width: 10px; + height: 2px; + } +} +.gg-calendar-today { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-top: 4px solid; + border-radius: 3px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + height: 4px; + width: 4px; + border-radius: 2px; + right: 2px; + bottom: 2px; + } +} +.gg-calendar-two { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 3px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 3px; + top: 2px; + left: 2px; + } +} +.gg-calendar { + display: block; + box-sizing: border-box; + position: relative; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-top: 4px solid; + border-radius: 3px; + &::before { + display: block; + box-sizing: border-box; + content: ""; + position: absolute; + width: 10px; + border-radius: 3px; + left: 2px; + background: currentColor; + height: 2px; + top: 2px; + } +} +.gg-camera { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 3px; + width: 18px; + height: 12px; + perspective: 24px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 5px; + border-top: 2px solid; + border-right: 2px solid; + top: -5px; + right: 2px; + border-top-right-radius: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + border-left-color: transparent; + transform: rotateY(-70deg); + width: 8px; + height: 8px; + right: -7px; + top: 0; + } +} +.gg-cap { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 12px; + border: 2px solid; + border-bottom-color: transparent; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + box-shadow: 0 0 0 2px, inset 12px 0 0 0; + bottom: -8px; + width: 18px; + height: 6px; + border-radius: 1px; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 2px; + left: 5px; + top: -4px; + } +} +.gg-captions { + border-radius: 1px; + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 16px; + border: 2px solid; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 16px; + border: 2px solid; + content: ""; + position: absolute; + width: 5px; + height: 8px; + border-right: transparent; + top: 2px; + left: 2px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 16px; + border: 2px solid; + content: ""; + position: absolute; + width: 5px; + height: 8px; + border-right: transparent; + top: 2px; + left: 2px; + left: 9px; + } +} +.gg-cast { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat bottom + right/6px 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat top left/2px 2px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 16px; + border-top: 2px solid; + border-right: 2px solid; + border-radius: 2px; + border-left: 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 20px; + height: 20px; + border: 6px double; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + border-radius: 50%; + transform: rotate(-45deg); + bottom: -10px; + left: -10px; + width: 4px; + height: 4px; + border: 2px solid; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + bottom: -2px; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 20px; + height: 20px; + border: 6px double; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + border-radius: 50%; + transform: rotate(-45deg); + bottom: -10px; + left: -10px; + } +} +.gg-chart { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border-bottom: 2px solid; + border-left: 2px solid; + &::after { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + width: 18px; + height: 18px; + border-radius: 100px; + border-right-color: transparent; + left: -10px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + border-top-right-radius: 100px; + right: -2px; + top: -2px; + width: 8px; + height: 8px; + } +} +.gg-check-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + top: -1px; + width: 6px; + height: 10px; + border-width: 0 2px 2px 0; + border-style: solid; + transform-origin: bottom left; + transform: rotate(45deg); + } +} +.gg-check-r { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 22px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + top: -1px; + width: 6px; + height: 10px; + border-width: 0 2px 2px 0; + border-style: solid; + transform-origin: bottom left; + transform: rotate(45deg); + } +} +.gg-check { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + top: -1px; + width: 6px; + height: 10px; + border-width: 0 2px 2px 0; + border-style: solid; + transform-origin: bottom left; + transform: rotate(45deg); + } +} +.gg-chevron-double-down-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 40px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 3px; + top: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 3px; + } +} +.gg-chevron-double-down-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 4px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 3px; + top: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 3px; + } +} +.gg-chevron-double-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 7px; + top: 3px; + top: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 7px; + top: 3px; + } +} +.gg-chevron-double-left-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 40px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 6px; + left: 5px; + left: 9px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 6px; + left: 5px; + } +} +.gg-chevron-double-left-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 4px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 6px; + left: 5px; + left: 9px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 6px; + left: 5px; + } +} +.gg-chevron-double-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 7px; + left: 6px; + left: 11px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 7px; + left: 6px; + } +} +.gg-chevron-double-right-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 40px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-right: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + top: 6px; + right: 5px; + right: 9px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-right: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + top: 6px; + right: 5px; + } +} +.gg-chevron-double-right-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 4px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-right: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + top: 6px; + right: 5px; + right: 9px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-right: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + top: 6px; + right: 5px; + } +} +.gg-chevron-double-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-right: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + top: 7px; + right: 6px; + right: 11px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-right: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + top: 7px; + right: 6px; + } +} +.gg-chevron-double-up-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 40px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + bottom: 3px; + bottom: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + bottom: 3px; + } +} +.gg-chevron-double-up-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 4px; + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + bottom: 3px; + bottom: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + bottom: 3px; + } +} +.gg-chevron-double-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 7px; + bottom: 3px; + bottom: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 7px; + bottom: 3px; + } +} +.gg-chevron-down-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 5px; + } +} +.gg-chevron-down-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 5px; + } +} +.gg-chevron-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 4px; + top: 2px; + } +} +.gg-chevron-left-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 7px; + top: 6px; + } +} +.gg-chevron-left-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 7px; + top: 6px; + } +} +.gg-chevron-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 4px; + } +} +.gg-chevron-right-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + left: 5px; + top: 6px; + } +} +.gg-chevron-right-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + left: 5px; + top: 6px; + } +} +.gg-chevron-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + right: 6px; + top: 4px; + } +} +.gg-chevron-up-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + left: 6px; + bottom: 5px; + } +} +.gg-chevron-up-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + left: 6px; + bottom: 5px; + } +} +.gg-chevron-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(-45deg); + left: 4px; + bottom: 2px; + } +} +.gg-circleci { + display: block; + box-sizing: border-box; + border-radius: 18px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 24px; + border: 4px solid; + background: linear-gradient(currentColor 8px, transparent 0) no-repeat -2px center/8px + 3px; + &::before { + display: block; + box-sizing: border-box; + border-radius: 18px; + content: ""; + position: absolute; + width: 10px; + height: 10px; + border: 3px solid; + top: 3px; + right: 3px; + } +} +.gg-clipboard { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 2px; + width: 10px; + left: 2px; + height: 2px; + background: currentColor; + box-shadow: 0 -4px 0 0; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 2px; + width: 10px; + left: 2px; + border: 2px solid; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + top: -2px; + height: 6px; + } +} +.gg-close-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 40px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + border-radius: 5px; + top: 8px; + left: 3px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + border-radius: 5px; + top: 8px; + left: 3px; + } +} +.gg-close-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + border-radius: 5px; + top: 8px; + left: 3px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + border-radius: 5px; + top: 8px; + left: 3px; + } +} +.gg-close { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 40px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + border-radius: 5px; + top: 8px; + left: 1px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + border-radius: 5px; + top: 8px; + left: 1px; + } +} +.gg-cloud { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 2px; + background: currentColor; + margin-bottom: -20px; + &::after { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + bottom: 0; + width: 16px; + height: 16px; + border-radius: 100px; + border-left-color: transparent; + right: -8px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + bottom: 0; + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; + border-right: 0; + left: -6px; + width: 7px; + height: 12px; + } +} +.gg-code-climate { + display: block; + box-sizing: border-box; + position: relative; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 16px; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 12px; + border-left: 4px solid; + border-top: 4px solid; + transform: rotate(45deg); + height: 6px; + right: 0; + bottom: 6px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 12px; + border-left: 4px solid; + border-top: 4px solid; + transform: rotate(45deg); + height: 12px; + left: 2px; + bottom: -2px; + } +} +.gg-code-slash { + display: block; + position: relative; + box-sizing: border-box; + transform: rotate(15deg) scale(var(--ggs, 1)); + width: 2px; + height: 16px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + transform: rotate(-60deg); + border-right: 2px solid; + border-bottom: 2px solid; + right: -8px; + top: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + transform: rotate(-60deg); + border-left: 2px solid; + border-top: 2px solid; + left: -8px; + top: 5px; + } +} +.gg-code { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 20px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 20px; + content: ""; + position: absolute; + height: 8px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg) scaleY(1); + left: -4px; + top: 6px; + transform: rotate(-45deg) scaleX(-1); + left: 4px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 20px; + content: ""; + position: absolute; + height: 8px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg) scaleY(1); + left: -4px; + top: 6px; + } +} +.gg-coffe { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 14px; + border: 2px solid; + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + margin-left: -4px; + margin-top: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 8px; + border: 2px solid; + border-radius: 100px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + right: -6px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 2px; + background: currentColor; + box-shadow: 4px 0 0, 8px 0 0; + border-radius: 3px; + width: 2px; + height: 4px; + top: -7px; + } +} +.gg-collage { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 20px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 20px; + background: currentColor; + left: 5px; + top: -2px; + width: 9px; + height: 2px; + left: -2px; + top: 4px; + box-shadow: 7px 5px 0 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 20px; + background: currentColor; + left: 5px; + top: -2px; + } +} +.gg-color-bucket { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 10px; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + margin-top: -18px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + transform: rotate(45deg); + width: 6px; + height: 6px; + border-radius: 0 100% 100% 100%; + background: currentColor; + right: -15px; + bottom: -12px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + transform: rotate(45deg); + border: 2px solid; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + top: 4px; + left: -4px; + width: 14px; + height: 16px; + } +} +.gg-color-picker { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 18px; + height: 10px; + border-left: 0; + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-right: 2px solid transparent; + box-shadow: inset 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 8px; + height: 6px; + right: -9px; + box-shadow: -21px 0 0 -2px; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + top: -2px; + border-radius: 3px; + width: 2px; + height: 10px; + right: -3px; + } +} +.gg-comedy-central { + box-sizing: border-box; + display: block; + border: 3px solid; + border-radius: 100px; + position: relative; + border-left-color: transparent; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + &::before { + box-sizing: border-box; + display: block; + border: 3px solid; + border-radius: 100px; + content: ""; + position: absolute; + border-right-color: transparent; + width: 10px; + height: 10px; + bottom: 2px; + right: 2px; + } +} +.gg-comment { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 16px; + border: 2px solid; + border-bottom: 0; + box-shadow: -6px 8px 0 -6px, 6px 8px 0 -6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + box-shadow: 0 4px 0 0; + left: 4px; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + border: 2px solid; + border-top-color: transparent; + border-bottom-left-radius: 20px; + right: 4px; + bottom: -6px; + height: 6px; + } +} +.gg-compress { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 26px; + height: 2px; + border-left: 10px solid; + border-right: 10px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + top: -2px; + border-left: 2px solid; + right: -5px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + top: -2px; + border-right: 2px solid; + left: -5px; + transform: rotate(45deg); + } +} +.gg-controller { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 8px; + border: 2px solid; + border-radius: 100px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 14px; + box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, + -6px 6px 0 -4px; + left: -5px; + top: -5px; + transform: rotate(45deg); + } +} +.gg-copy { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 18px; + border: 2px solid; + margin-left: -5px; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 2px; + background: currentColor; + left: 2px; + top: 2px; + box-shadow: 0 4px 0, 0 8px 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: linear-gradient(currentColor 5px, transparent 0) no-repeat right + top/5px 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat left bottom/ + 2px 5px; + box-shadow: inset -4px -4px 0 -2px; + bottom: -6px; + right: -6px; + width: 14px; + height: 18px; + } +} +.gg-copyright { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 40px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 40px; + content: ""; + position: absolute; + border-right-color: transparent; + width: 8px; + height: 8px; + top: 3px; + left: 3px; + transform: none; + } +} +.gg-corner-down-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + bottom: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + width: 16px; + height: 12px; + border-bottom-right-radius: 4px; + border-bottom: 2px solid; + border-right: 2px solid; + bottom: 6px; + } +} +.gg-corner-down-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 3px; + width: 8px; + height: 8px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + bottom: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 3px; + width: 16px; + height: 12px; + border-bottom-left-radius: 4px; + border-bottom: 2px solid; + border-left: 2px solid; + bottom: 6px; + } +} +.gg-corner-left-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 3px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + left: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 3px; + width: 12px; + height: 16px; + border-top-left-radius: 4px; + border-top: 2px solid; + border-left: 2px solid; + left: 6px; + } +} +.gg-corner-left-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 3px; + width: 8px; + height: 8px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 3px; + width: 12px; + height: 16px; + border-bottom-left-radius: 4px; + border-bottom: 2px solid; + border-left: 2px solid; + left: 6px; + } +} +.gg-corner-right-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 3px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + right: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + bottom: 3px; + width: 12px; + height: 16px; + border-top-right-radius: 4px; + border-top: 2px solid; + border-right: 2px solid; + right: 6px; + } +} +.gg-corner-right-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 3px; + width: 8px; + height: 8px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + right: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 3px; + width: 12px; + height: 16px; + border-bottom-right-radius: 4px; + border-bottom: 2px solid; + border-right: 2px solid; + right: 6px; + } +} +.gg-corner-up-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + top: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 3px; + width: 16px; + height: 12px; + border-top-right-radius: 4px; + border-top: 2px solid; + border-right: 2px solid; + top: 6px; + } +} +.gg-corner-up-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 3px; + width: 8px; + height: 8px; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + top: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 3px; + width: 16px; + height: 12px; + border-top-left-radius: 4px; + border-top: 2px solid; + border-left: 2px solid; + top: 6px; + } +} +.gg-credit-card { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 18px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 24px; + left: -2px; + height: 2px; + background: currentColor; + top: 9px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 24px; + left: -2px; + height: 2px; + background: currentColor; + top: 9px; + width: 6px; + left: 2px; + top: 3px; + } +} +.gg-crop { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 14px; + border-left: 2px solid; + border-bottom: 2px solid; + top: 1px; + right: 1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 14px; + border-right: 2px solid; + border-top: 2px solid; + left: 1px; + top: 5px; + } +} +.gg-cross { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + width: 2px; + height: 12px; + top: -4px; + left: 4px; + } +} +.gg-crowdfire { + display: block; + box-sizing: border-box; + position: relative; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 8px; + height: 8px; + border-top: 4px solid; + border-right: 4px solid; + right: 2px; + top: 2px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 20px; + height: 20px; + border: 4px solid; + border-radius: 100px; + border-right-color: transparent; + transform: rotate(-45deg); + } +} +.gg-danger { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 40px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + background: currentColor; + left: 7px; + top: 2px; + height: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + background: currentColor; + left: 7px; + height: 2px; + bottom: 2px; + } +} +.gg-dark-mode { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid; + border-radius: 100px; + width: 20px; + height: 20px; + &::after { + content: ""; + box-sizing: border-box; + position: absolute; + display: block; + border: 4px solid; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + border-left: 0; + width: 4px; + height: 8px; + right: 4px; + top: 4px; + } + &::before { + content: ""; + box-sizing: border-box; + position: absolute; + display: block; + border: 5px solid; + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; + border-right: 0; + width: 9px; + height: 18px; + top: -1px; + left: -1px; + } +} +.gg-data { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + border: 2px solid; + border-radius: 50%; + width: 14px; + height: 14px; + border-top-color: transparent; + border-bottom-color: transparent; + &::after { + box-sizing: border-box; + position: relative; + display: block; + border: 2px solid; + border-radius: 50%; + width: 14px; + height: 14px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + background: linear-gradient(currentColor 8px, transparent 0) no-repeat + bottom center/2px 8px; + width: 22px; + height: 22px; + top: -6px; + left: -6px; + border-top-color: transparent; + border-bottom-color: transparent; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + border: 2px solid; + border-radius: 50%; + width: 14px; + height: 14px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + } +} +.gg-database { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 14px; + border: 2px solid transparent; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 6px solid transparent; + box-shadow: 0 0 0 2px, inset 0 2px 0 0, inset 0 -2px 0 0; + border-radius: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 10px; + border-bottom: 2px solid; + border-top: 2px solid; + top: 0; + left: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 20px; + height: 2px; + top: 4px; + left: -8px; + } +} +.gg-designmodo { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 16px; + background: linear-gradient(currentColor 5px, transparent 0) no-repeat right + 3px/8px 3px; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 10px; + height: 10px; + border: 3px solid; + border-radius: 10px; + width: 14px; + height: 14px; + border: 3px solid transparent; + border-bottom: 3px solid; + left: 3px; + bottom: 0; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 10px; + height: 10px; + border: 3px solid; + border-radius: 10px; + } +} +.gg-desktop { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 18px; + border: 2px solid; + border-radius: 3px; + overflow: hidden; + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 22px; + height: 2px; + background: currentColor; + top: 2px; + left: -2px; + } + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + background: currentColor; + width: 2px; + height: 2px; + border-radius: 4px; + bottom: 2px; + left: 4px; + box-shadow: 4px 0 0, 8px 0 0; + } +} +.gg-details-less { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 14px; + border: 2px solid transparent; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + border-radius: 3px; + background: currentColor; + width: 10px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + border-radius: 3px; + background: currentColor; + top: 2px; + width: 16px; + } +} +.gg-details-more { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 14px; + border: 2px solid transparent; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + border-radius: 3px; + background: currentColor; + width: 10px; + bottom: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + border-radius: 3px; + background: currentColor; + box-shadow: 0 4px 0 0; + top: 0; + width: 16px; + } +} +.gg-dialpad { + transform: scale(var(--ggs, 1)); + box-shadow: -5px 0 0, 5px 0 0; + box-sizing: border-box; + position: relative; + display: block; + width: 3px; + height: 3px; + background: currentColor; + &::before { + box-shadow: -5px 0 0, 5px 0 0; + box-sizing: border-box; + position: relative; + display: block; + width: 3px; + height: 3px; + background: currentColor; + content: ""; + position: absolute; + left: 0; + bottom: 5px; + } + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 3px; + height: 3px; + background: currentColor; + content: ""; + position: absolute; + left: 0; + box-shadow: -5px 0 0, 5px 0 0, 0 5px 0; + top: 5px; + } +} +.gg-digitalocean { + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 5px solid; + box-sizing: border-box; + border-radius: 100px; + border-bottom-color: transparent; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + transform: rotate(-45deg); + box-shadow: -4px 4px 0 -1px; + width: 5px; + height: 5px; + right: 2px; + bottom: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + transform: rotate(-45deg); + width: 2px; + height: 2px; + right: 7px; + bottom: -5px; + } +} +.gg-directory { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 2px 2px/4px + 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 2px 6px/4px 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 2px 10px/4px 2px; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 18px; + box-sizing: border-box; + border-radius: 3px; + border: 2px solid; + position: relative; + margin-left: -2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 9px; + height: 4px; + border-radius: 150px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; + right: 2px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + top: 2px; + border-radius: 100px; + right: 4px; + width: 5px; + height: 5px; + } +} +.gg-disc { + display: block; + box-sizing: border-box; + border: 2px solid; + border-radius: 50%; + border-top-color: transparent; + border-bottom-color: transparent; + transform: rotate(45deg) scale(var(--ggs, 1)); + position: relative; + width: 14px; + height: 14px; + &::after { + display: block; + box-sizing: border-box; + border: 2px solid; + border-radius: 50%; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + border-radius: 100%; + top: -6px; + left: -6px; + } + &::before { + display: block; + box-sizing: border-box; + border: 2px solid; + border-radius: 50%; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + } +} +.gg-display-flex { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + height: 14px; + width: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px, inset -2px 0 0 0, inset 2px 0 0 0; +} +.gg-display-fullwidth { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + height: 14px; + width: 16px; + box-shadow: inset 0 0 0 2px, 0 2px 0 0, 0 -2px 0 0; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; +} +.gg-display-grid { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + height: 14px; + width: 14px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + border-right: 4px solid; + border-left: 4px solid; + top: 0; + left: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + border-right: 4px solid; + border-left: 4px solid; + top: 0; + left: 0; + top: 6px; + } +} +.gg-display-spacing { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + height: 14px; + width: 14px; + box-shadow: inset 0 0 0 2px, 2px 0 0 0, -2px 0 0 0; + border-left: 2px solid transparent; + border-right: 2px solid transparent; +} +.gg-distribute-horizontal { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + height: 14px; + width: 14px; + border-left: 2px solid; + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + width: 4px; + background: currentColor; + right: 3px; + top: 3px; + opacity: 0.5; + } +} +.gg-distribute-vertical { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + height: 14px; + width: 14px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 4px; + width: 8px; + background: currentColor; + right: 3px; + top: 3px; + opacity: 0.5; + } +} +.gg-dolby { + display: block; + box-sizing: border-box; + height: 16px; + border: 4px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 24px; + &::after { + display: block; + box-sizing: border-box; + height: 16px; + border: 4px solid; + content: ""; + position: absolute; + width: 14px; + top: -4px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + right: -4px; + } + &::before { + display: block; + box-sizing: border-box; + height: 16px; + border: 4px solid; + content: ""; + position: absolute; + width: 14px; + top: -4px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + left: -4px; + } +} +.gg-dollar { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 20px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 8px; + border: 2px solid; + border-left: 0; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + bottom: 3px; + right: -6px; + box-shadow: -4px 2px 0 -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 8px; + border: 2px solid; + border-right: 0; + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; + top: 3px; + left: -6px; + box-shadow: 4px -2px 0 -2px; + } +} +.gg-dribbble { + background: radial-gradient( + 50% 100%, + transparent 0, + transparent 9px, + currentColor 9.2px, + currentColor 11px, + transparent 11.2px + ) + no-repeat -9px center; + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-25deg) scale(var(--ggs, 1)); + width: 22px; + height: 22px; + box-shadow: inset 0 0 0 2px; + border-radius: 50%; + overflow: hidden; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 50%; + border: 2px solid; + height: 26px; + top: 13px; + left: -7px; + width: 31px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 50%; + border: 2px solid; + height: 26px; + width: 36px; + left: -6px; + top: -15px; + } +} +.gg-drive { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 26px; + height: 10px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + border-radius: 10px; + background: currentColor; + top: 2px; + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + border-radius: 10px; + background: currentColor; + top: 2px; + right: 2px; + right: 6px; + } +} +.gg-drop { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border-radius: 0 100% 100% 100%; + box-shadow: inset 0 0 0 2px; + margin-top: 3px; +} +.gg-duplicate { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border: 2px solid transparent; + border-bottom: 4px solid transparent; + box-shadow: 0 0 0 2px, inset 0 -2px 0 0; + margin-left: -4px; + margin-top: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 14px; + border-right: 2px solid; + border-top: 2px solid; + right: -8px; + top: -8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + left: 2px; + bottom: -2px; + width: 2px; + height: 6px; + } +} +.gg-edit-black-point { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 3px solid; + border-radius: 6px; + left: 2px; + top: 2px; + } +} +.gg-edit-contrast { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 12px; + background: currentColor; + } +} +.gg-edit-exposure { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 8px; + border-top: 2px solid; + border-bottom: 2px solid; + left: 3px; + top: 3px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 6px; + background: currentColor; + left: 5px; + top: 1px; + } +} +.gg-edit-fade { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 20px; + left: -2px; + background: currentColor; + opacity: 0.6; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 20px; + left: -2px; + background: currentColor; + opacity: 0.6; + left: 6px; + opacity: 0.1; + } +} +.gg-edit-highlight { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 14px; + top: -1px; + background: repeating-linear-gradient( + currentColor, + currentColor 2px, + transparent 0px, + transparent 3px + ); + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 14px; + right: 0; + background: currentColor; + } +} +.gg-edit-noise { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 12px; + background-image: radial-gradient(currentColor 25%, transparent 25%), + radial-gradient(currentColor 25%, transparent 25%); + background-position: 4px 4px, 2px 2px; + background-size: 4px 4px; + } +} +.gg-edit-shadows { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 100px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 14px; + right: 0; + top: -1px; + background: repeating-linear-gradient( + currentColor, + currentColor 2px, + transparent 0px, + transparent 3px + ); + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 14px; + left: 0; + background: currentColor; + } +} +.gg-eject { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(45deg); + left: 5px; + bottom: 1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + width: 12px; + height: 2px; + bottom: 0; + left: 3px; + } +} +.gg-enter { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 18px; + border: 2px solid; + border-left: 0; + box-shadow: -8px -6px 0 -6px, -8px 6px 0 -6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + width: 6px; + height: 6px; + border-right: 2px solid; + border-top: 2px solid; + top: 4px; + transform: rotate(45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: 4px; + background: currentColor; + width: 16px; + height: 2px; + top: 6px; + } +} +.gg-erase { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 10px; + border: 2px solid; + border-radius: 2px; + transform: rotate(-45deg); + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + border-radius: 3px; + width: 18px; + height: 2px; + transform: rotate(45deg); + bottom: -3px; + left: -8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + top: -1px; + width: 3px; + height: 8px; + left: 4px; + } +} +.gg-ereader { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 18px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 18px; + right: 9px; + top: -2px; + background: currentColor; + width: 5px; + height: 2px; + box-shadow: 0 4px 0, 0 8px 0; + top: 2px; + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 18px; + right: 9px; + top: -2px; + background: currentColor; + } +} +.gg-euro { + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + border: 2px solid; + box-sizing: border-box; + border-radius: 100px; + border-right-color: transparent; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 9px; + height: 5px; + border-top: 2px solid; + border-bottom: 2px solid; + transform: skewX(-20deg); + left: -4px; + top: 3px; + } +} +.gg-eventbrite { + display: block; + position: relative; + box-sizing: border-box; + transform: rotate(-25deg) scale(var(--ggs, 1)); + width: 20px; + height: 20px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 18px; + height: 11px; + border: 4px solid; + border-top-right-radius: 20px; + border-top-left-radius: 20px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 18px; + height: 18px; + border: 4px solid; + border-top-color: transparent; + border-right-color: transparent; + border-radius: 20px; + } +} +.gg-expand { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-left: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + bottom: 4px; + transform: rotate(-44deg); + width: 14px; + height: 2px; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + left: 5px; + top: -7px; + } +} +.gg-export { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 14px; + border: 2px solid; + border-top: 0; + box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-top: 2px solid; + right: 4px; + bottom: 14px; + transform: rotate(45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 2px; + height: 14px; + right: 6px; + bottom: 5px; + } +} +.gg-extension { + box-sizing: border-box; + display: block; + border: 2px solid; + border-radius: 3px; + position: relative; + transform: translateX(-10px) scale(var(--ggs, 1)); + width: 8px; + height: 14px; + border-bottom-right-radius: 0; + &::after { + box-sizing: border-box; + display: block; + border: 2px solid; + border-radius: 3px; + content: ""; + position: absolute; + height: 8px; + top: -5px; + right: -11px; + width: 8px; + } + &::before { + box-sizing: border-box; + display: block; + border: 2px solid; + border-radius: 3px; + content: ""; + position: absolute; + height: 8px; + bottom: -2px; + left: -2px; + width: 14px; + border-top-left-radius: 0; + } +} +.gg-external { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 12px; + box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px; + margin-left: -2px; + margin-top: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: -4px; + width: 8px; + height: 8px; + border-right: 2px solid; + border-top: 2px solid; + top: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: -4px; + background: currentColor; + transform: rotate(-45deg); + width: 12px; + height: 2px; + top: 1px; + } +} +.gg-eye { + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 18px; + border-bottom-right-radius: 100px; + border-bottom-left-radius: 100px; + overflow: hidden; + box-sizing: border-box; + &::after { + content: ""; + display: block; + border-radius: 100px; + position: absolute; + box-sizing: border-box; + top: 2px; + box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px; + width: 24px; + height: 24px; + } + &::before { + content: ""; + display: block; + border-radius: 100px; + position: absolute; + box-sizing: border-box; + width: 8px; + height: 8px; + border: 2px solid; + bottom: 4px; + left: 8px; + } +} +.gg-feed { + display: block; + box-sizing: border-box; + background: currentColor; + box-shadow: 0 10px 0 0; + margin-left: -8px; + margin-top: -8px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 7px; + height: 7px; + border-radius: 1px; + &::after { + display: block; + box-sizing: border-box; + background: currentColor; + box-shadow: 0 10px 0 0; + content: ""; + position: absolute; + border-radius: 3px; + width: 12px; + height: 2px; + top: 1px; + left: 9px; + opacity: 0.8; + width: 8px; + top: 4px; + opacity: 0.5; + } + &::before { + display: block; + box-sizing: border-box; + background: currentColor; + box-shadow: 0 10px 0 0; + content: ""; + position: absolute; + border-radius: 3px; + width: 12px; + height: 2px; + top: 1px; + left: 9px; + opacity: 0.8; + } +} +.gg-file-add { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 2px 9px/6px + 2px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 16px; + border: 2px solid transparent; + border-right: 0; + border-top: 0; + box-shadow: 0 0 0 2px; + border-radius: 1px; + border-top-right-radius: 4px; + overflow: hidden; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 6px; + width: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + right: -1px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 6px; + background: currentColor; + left: 4px; + width: 2px; + top: 7px; + } +} +.gg-file-document { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 16px; + border: 2px solid transparent; + border-right: 0; + border-top: 0; + box-shadow: 0 0 0 2px; + border-radius: 1px; + border-top-right-radius: 4px; + overflow: hidden; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + right: -1px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + box-shadow: 0 4px 0, -6px -4px 0; + left: 0; + width: 10px; + height: 2px; + top: 8px; + } +} +.gg-file-remove { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 16px; + border: 2px solid transparent; + border-right: 0; + border-top: 0; + box-shadow: 0 0 0 2px; + border-radius: 1px; + border-top-right-radius: 4px; + overflow: hidden; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + right: -1px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + background: currentColor; + left: 2px; + height: 2px; + top: 9px; + } +} +.gg-file { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 16px; + border: 2px solid transparent; + border-right: 0; + border-top: 0; + box-shadow: 0 0 0 2px; + border-radius: 1px; + border-top-right-radius: 4px; + overflow: hidden; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-left: 2px solid; + border-bottom: 2px solid; + right: -1px; + top: -1px; + } +} +.gg-film { + display: block; + box-sizing: border-box; + border-radius: 3px; + border: 2px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 18px; + &::after { + display: block; + box-sizing: border-box; + border-radius: 3px; + content: ""; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + left: 2px; + top: 2px; + box-shadow: 0 4px 0, 0 8px 0, 12px 0 0, 12px 4px 0, 12px 8px 0; + } +} +.gg-flag { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 18px; + border-left: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 2px solid; + border-left: 0; + top: 2px; + left: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-top: 2px solid; + border-bottom: 2px solid; + } +} +.gg-folder-add { + background: linear-gradient(currentColor 10px, transparent 0) no-repeat center + center/2px 6px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 2px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + top: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + left: 6px; + width: 6px; + height: 2px; + top: 5px; + } +} +.gg-folder-remove { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 4px; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 2px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + top: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + background: currentColor; + left: 5px; + width: 8px; + height: 2px; + top: 5px; + } +} +.gg-folder { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 3px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 3px; + content: ""; + position: absolute; + width: 10px; + height: 4px; + border-bottom: 0; + border-top-left-radius: 2px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + top: -5px; + } +} +.gg-format-bold { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border: 2px solid; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border: 2px solid; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + content: ""; + position: absolute; + width: 10px; + left: -2px; + top: 4px; + } +} +.gg-format-center { + display: block; + box-sizing: border-box; + height: 2px; + background: currentColor; + border-radius: 3px; + box-shadow: 0 8px 0; + margin-top: -12px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 16px; + &::before { + display: block; + box-sizing: border-box; + height: 2px; + background: currentColor; + border-radius: 3px; + box-shadow: 0 8px 0; + content: ""; + position: absolute; + width: 10px; + top: 4px; + left: 3px; + } +} +.gg-format-color { + box-sizing: border-box; + position: relative; + display: block; + width: 9px; + height: 2px; + background: currentColor; + transform: scale(var(--ggs, 1)); + border-radius: 3px; + box-shadow: -2px 8px 0 0, 2px 8px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 14px; + background: currentColor; + top: -8px; + transform: rotate(-25deg); + right: 1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 14px; + background: currentColor; + top: -8px; + transform: rotate(25deg); + left: 1px; + } +} +.gg-format-heading { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 14px; + border-left: 2px solid; + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + background: currentColor; + top: 6px; + left: -2px; + } +} +.gg-format-indent-decrease { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 14px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 2px; + width: 8px; + height: 6px; + border-top: 2px solid; + border-bottom: 2px solid; + right: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 2px; + border-right: 4px solid; + left: 1px; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + } +} +.gg-format-indent-increase { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 14px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 2px; + width: 8px; + height: 6px; + border-top: 2px solid; + border-bottom: 2px solid; + right: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 2px; + border-left: 4px solid; + left: 1px; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + } +} +.gg-format-italic { + box-sizing: border-box; + position: relative; + display: block; + transform: skewX(-20deg) scale(var(--ggs, 1)); + width: 6px; + height: 12px; + border-top: 2px solid; + border-bottom: 2px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 10px; + width: 2px; + background: currentColor; + left: 2px; + top: -2px; + } +} +.gg-format-justify { + display: block; + box-sizing: border-box; + width: 16px; + height: 2px; + border-radius: 3px; + background: currentColor; + box-shadow: 0 8px 0; + margin-top: -11px; + transform: scale(var(--ggs, 1)); + position: relative; + &::before { + display: block; + box-sizing: border-box; + width: 16px; + height: 2px; + border-radius: 3px; + background: currentColor; + box-shadow: 0 8px 0; + content: ""; + position: absolute; + top: 4px; + left: 0; + } +} +.gg-format-left { + display: block; + box-sizing: border-box; + height: 2px; + background: currentColor; + border-radius: 3px; + box-shadow: 0 8px 0; + margin-top: -11px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 16px; + &::before { + display: block; + box-sizing: border-box; + height: 2px; + background: currentColor; + border-radius: 3px; + box-shadow: 0 8px 0; + content: ""; + position: absolute; + width: 10px; + top: 4px; + left: 0; + } +} +.gg-format-line-height { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 10px; + border-top: 2px solid transparent; + border-bottom: 2px solid transparent; + border-left: 4px solid transparent; + box-shadow: -2px 0 0 0, 2px -4px 0 -2px, 2px 4px 0 -2px, inset 0 2px 0 0, + inset 0 -2px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-right: 3px solid transparent; + border-left: 3px solid transparent; + left: -8px; + border-bottom: 4px solid; + top: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-right: 3px solid transparent; + border-left: 3px solid transparent; + left: -8px; + border-top: 4px solid; + bottom: -5px; + } +} +.gg-format-right { + display: block; + box-sizing: border-box; + height: 2px; + background: currentColor; + border-radius: 3px; + box-shadow: 0 8px 0; + margin-top: -11px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 16px; + &::before { + display: block; + box-sizing: border-box; + height: 2px; + background: currentColor; + border-radius: 3px; + box-shadow: 0 8px 0; + content: ""; + position: absolute; + width: 10px; + top: 4px; + left: 6px; + } +} +.gg-format-separator { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 18px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 18px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -12px; + left: 3px; + opacity: 0.5; + width: 12px; + box-shadow: 0 4px 0 0, 0 8px 0 0, 0 16px 0 0; + } +} +.gg-format-slash { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(25deg) scale(var(--ggs, 1)); + width: 2px; + height: 14px; + background: currentColor; + border-radius: 3px; +} +.gg-format-strike { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 3px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + box-shadow: 0 -2px 0 0, inset 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 2px; + background: currentColor; + left: -6px; + top: 4px; + width: 2px; + height: 4px; + left: 0; + top: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 2px; + background: currentColor; + left: -6px; + top: 4px; + } +} +.gg-format-text { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 8px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + box-shadow: 0 -2px 0 0, inset 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 18px; + height: 18px; + border: 1px dashed; + top: -6px; + left: -8px; + } +} +.gg-format-underline { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 12px; + border: 2px solid; + border-top: 0; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 12px; + height: 2px; + background: currentColor; + left: -2px; + bottom: -6px; + } +} +.gg-format-uppercase { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + box-shadow: 0 -2px 0 0, inset 0 0 0 2px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + box-shadow: 0 -2px 0 0, inset 0 0 0 2px; + content: ""; + position: absolute; + width: 6px; + height: 4px; + border-left: 2px solid transparent; + border-right: 2px solid transparent; + bottom: 0; + right: -8px; + } +} +.gg-games { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 12px; + border: 3px solid transparent; + border-left: 6px solid transparent; + box-shadow: 0 0 0 2px, inset 2px 0 0; + border-radius: 40px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + border-radius: 3px; + width: 2px; + box-shadow: 0 4px 0, -2px 2px 0, 2px 2px 0; + top: 0; + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + left: -2px; + width: 6px; + top: 2px; + } +} +.gg-gender-female { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 100%; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + bottom: -6px; + left: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + bottom: -6px; + left: -1px; + width: 2px; + height: 9px; + bottom: -9px; + left: 2px; + } +} +.gg-gender-male { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 100%; + margin-left: -4px; + margin-top: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: -6px; + border-right: 2px solid; + border-top: 2px solid; + width: 7px; + height: 7px; + left: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: -6px; + width: 2px; + background: currentColor; + left: 7px; + transform: rotate(45deg); + } +} +.gg-ghost { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 16px; + background: linear-gradient(currentColor 40px, transparent 0) no-repeat -6px center/40px + 4px; + overflow: hidden; + &::after { + content: ""; + background: currentColor; + box-sizing: border-box; + position: absolute; + display: block; + height: 4px; + width: 12px; + box-shadow: 14px 0 0; + width: 20px; + left: -12px; + box-shadow: 22px 0 0; + bottom: 0; + } + &::before { + content: ""; + background: currentColor; + box-sizing: border-box; + position: absolute; + display: block; + height: 4px; + width: 12px; + box-shadow: 14px 0 0; + } +} +.gg-gift { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 14px; + margin-top: 8px; + border: 2px solid transparent; + box-shadow: inset 2px 0 0, inset -2px 0 0, 0 -2px 0, inset 0 2px 0, + inset 0 -2px 0; + background: linear-gradient(currentColor 10px, transparent 0), + linear-gradient(currentColor 10px, transparent 0), + linear-gradient(currentColor 10px, transparent 0); + background-repeat: no-repeat; + background-size: 2px 10px, 2px 10px, 2px 10px; + background-position: 8px 0, 18px -8px, -2px -8px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 6px; + height: 8px; + border: 2px solid; + top: -10px; + left: 3px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 6px; + height: 8px; + border: 2px solid; + top: -10px; + right: 3px; + transform: rotate(45deg); + } +} +.gg-girl { + display: block; + box-sizing: border-box; + border-radius: 42px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + overflow: hidden; + box-shadow: inset 0 0 0 2px; + &::after { + display: block; + box-sizing: border-box; + border-radius: 42px; + content: ""; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + box-shadow: 6px 0 0; + left: 6px; + top: 10px; + width: 20px; + height: 20px; + top: -11px; + left: -12px; + box-shadow: 17px -4px 0 3px; + } + &::before { + display: block; + box-sizing: border-box; + border-radius: 42px; + content: ""; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + box-shadow: 6px 0 0; + left: 6px; + top: 10px; + } +} +.gg-git-branch { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 14px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + box-shadow: 0 12px 0 0, 6px 6px 0 0; + border-radius: 100%; + left: -1px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-right: 2px solid; + border-bottom: 2px solid; + border-bottom-right-radius: 4px; + bottom: 0; + width: 8px; + height: 6px; + left: 0; + } +} +.gg-git-commit { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 16px; + border-radius: 3px; + border-top: 6px solid; + border-bottom: 6px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + box-shadow: 0 0 0 2px; + border-radius: 100%; + left: 0; + top: 1px; + } +} +.gg-git-fork { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 14px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + box-shadow: 0 12px 0 0, 6px 2px 0 0; + border-radius: 100%; + left: -1px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-right: 2px solid; + border-bottom: 2px solid; + border-bottom-right-radius: 4px; + bottom: 4px; + width: 8px; + height: 6px; + left: 0; + } +} +.gg-git-pull { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 14px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + box-shadow: 0 12px 0 0, 6px 8px 0 0; + border-radius: 100%; + left: -1px; + top: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-right: 2px solid; + border-top: 2px solid; + border-top-right-radius: 4px; + width: 8px; + height: 6px; + left: 0; + top: 2px; + } +} +.gg-gitter { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 18px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + box-shadow: inset 2px 0 0, inset -2px 0 0; + &::after { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 2px; + background: currentColor; + height: 10px; + left: 8px; + } + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 2px; + background: currentColor; + height: 13px; + top: -3px; + left: -4px; + } +} +.gg-glass { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 13px; + border-top: 8px solid transparent; + border-left: 2px solid transparent; + border-right: 2px solid transparent; + box-shadow: inset 0 0 0 2px, 0 2px 0 0; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border: 2px solid; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + left: -4px; + bottom: 3px; + } +} +.gg-globe { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 100px; + margin-left: -3px; + margin-top: -7px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 10px; + border-radius: 50px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border: 2px solid; + border-top-color: transparent; + right: -7px; + bottom: -5px; + transform: rotate(-35deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 11px; + border-right: 2px solid transparent; + box-shadow: 0 2px 0, inset -2px 0 0; + left: 1px; + width: 6px; + height: 2px; + } +} +.gg-google-tasks { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + &::after { + content: ""; + position: absolute; + display: block; + background: currentColor; + height: 18px; + width: 4px; + border-radius: 20px; + transform: rotate(40deg); + right: 2px; + bottom: 0; + } + &::before { + content: ""; + position: absolute; + display: block; + background: currentColor; + width: 6px; + height: 6px; + border-radius: 10px; + bottom: 6px; + left: 2px; + } +} +.gg-google { + box-sizing: border-box; + display: block; + position: relative; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 4px solid; + border-right-color: transparent; + border-radius: 22px; + &::before { + box-sizing: border-box; + display: block; + content: ""; + position: absolute; + border-top: 4px solid; + border-right: 4px solid; + border-bottom: 4px solid; + border-radius: 0 0 10px 0; + width: 10px; + height: 12px; + right: -4px; + bottom: -4px; + } +} +.gg-gym { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-35deg) scale(var(--ggs, 1)); + width: 8px; + height: 20px; + border-top: 9px solid transparent; + border-bottom: 9px solid transparent; + box-shadow: inset 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 22px; + height: 2px; + border-left: 2px solid; + border-right: 2px solid; + top: 0; + left: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + box-shadow: -3px 0 0 -1px, 3px 0 0 -1px, inset 2px 0 0 0, inset -2px 0 0 0; + width: 14px; + height: 8px; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + top: -3px; + left: -3px; + } +} +.gg-hashtag { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 16px; + border-left: 2px solid; + border-right: 2px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 8px; + border-top: 2px solid; + border-bottom: 2px solid; + left: -6px; + top: 4px; + } +} +.gg-headset { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border-top-left-radius: 120px; + border-top-right-radius: 120px; + border: 2px solid; + border-bottom: 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 6px; + height: 8px; + top: 8px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + left: 10px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 6px; + height: 8px; + top: 8px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + left: -2px; + } +} +.gg-heart { + border: 2px solid; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + width: 10px; + height: 8px; + border-bottom: 0; + box-sizing: border-box; + position: relative; + transform: translate( + calc(-10px / 2 * var(--ggs, 1)), + calc(-6px / 2 * var(--ggs, 1)) + ) + rotate(-45deg) scale(var(--ggs, 1)); + display: block; + &::after { + border: 2px solid; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + width: 10px; + height: 8px; + border-bottom: 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: -9px; + transform: rotate(90deg); + top: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 11px; + height: 11px; + border-left: 2px solid; + border-bottom: 2px solid; + left: -2px; + top: 3px; + } +} +.gg-hello { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + overflow: hidden; + width: 20px; + height: 20px; + border-radius: 6px; + border-bottom-left-radius: 0; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 10px; + height: 5px; + background: currentColor; + border-bottom-left-radius: 30px; + border-bottom-right-radius: 30px; + bottom: 5px; + left: 5px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 30px; + height: 30px; + border: 8px solid; + left: -5px; + top: -5px; + border-radius: 30px; + } +} +.gg-home-screen { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 22px; + border-radius: 3px; + border: 2px solid; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + border-radius: 2px; + width: 2px; + height: 2px; + left: 1px; + background: currentColor; + top: 1px; + box-shadow: 3px 0, 6px 0, 0 3px, 3px 3px, 6px 3px, 0 6px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + border-radius: 2px; + width: 2px; + height: 2px; + left: 1px; + background: currentColor; + bottom: 1px; + box-shadow: 3px 0 0, 6px 0 0; + } +} +.gg-home { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 0 + bottom/4px 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat right bottom/4px + 2px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 14px; + border: 2px solid; + border-top: 0; + border-bottom: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: -2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 10px; + border: 2px solid; + border-radius: 100px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom: 0; + left: 3px; + bottom: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + border-left: 2px solid; + border-top-left-radius: 4px; + transform: rotate(45deg); + top: -5px; + border-radius: 3px; + width: 14px; + height: 14px; + left: 0; + } +} +.gg-icecream { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 16px; + border: 2px solid; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + margin-top: -8px; + border-bottom: 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 8px; + border: 2px solid; + bottom: -6px; + left: 2px; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + border-top: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-left: 4px solid; + border-right: 4px solid; + width: 12px; + height: 2px; + bottom: 0; + left: -2px; + } +} +.gg-if-design { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + background: linear-gradient(currentColor 18px, transparent 0) no-repeat center + center/4px 18px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 10px top/4px 4px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 10px 5px/4px 4px, + linear-gradient(currentColor 14px, transparent 0) no-repeat 0 5px/4px 14px; + &::before { + content: ""; + display: block; + position: absolute; + width: 4px; + height: 4px; + border-radius: 10px; + background-color: currentColor; + } +} +.gg-image { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 16px; + overflow: hidden; + box-shadow: 0 0 0 2px; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + transform: rotate(45deg); + border-radius: 3px; + width: 16px; + height: 16px; + top: 9px; + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 6px; + height: 6px; + border-radius: 100%; + top: 2px; + left: 2px; + } +} +.gg-import { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 14px; + border: 2px solid; + border-top: 0; + box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-right: 2px solid; + border-bottom: 2px solid; + right: 4px; + bottom: 4px; + transform: rotate(45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 2px; + height: 14px; + right: 6px; + bottom: 5px; + } +} +.gg-inbox { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + box-shadow: inset 0 -2px 0 0; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + height: 7px; + width: 7px; + border-radius: 2px; + bottom: -2px; + right: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + height: 7px; + width: 7px; + border-radius: 2px; + bottom: -2px; + left: -2px; + } +} +.gg-indie-hackers { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 12px; + &::after { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + height: 12px; + width: 10px; + right: 0; + border-left: 3px solid; + border-right: 3px solid; + background: linear-gradient(currentColor 14px, transparent 0) no-repeat 0 + center/14px 3px; + } + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + height: 12px; + width: 3px; + background: currentColor; + } +} +.gg-infinity { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat -4px 4px/2px + 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 4px 4px/2px 2px; + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 10px; + height: 18px; + border: 4px solid transparent; + box-shadow: inset 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 200px; + transform: rotate(45deg); + border-right-color: transparent; + left: -8px; + top: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 200px; + transform: rotate(45deg); + border-left-color: transparent; + right: -8px; + top: 4px; + } +} +.gg-info { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 40px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + background: currentColor; + left: 7px; + bottom: 2px; + height: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + background: currentColor; + left: 7px; + height: 2px; + top: 2px; + } +} +.gg-inpicture { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 5px; + background: currentColor; + right: 2px; + bottom: 2px; + } +} +.gg-insert-after-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 20px; + &::before { + box-shadow: -2px 12px 0, 2px 12px 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + width: 2px; + height: 8px; + top: 2px; + left: 5px; + } +} +.gg-insert-after-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 4px; + &::before { + box-shadow: -2px 12px 0, 2px 12px 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + width: 2px; + height: 8px; + top: 2px; + left: 5px; + } +} +.gg-insert-after { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + &::before { + box-shadow: -2px 10px 0, 2px 10px 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + width: 2px; + height: 10px; + top: 4px; + left: 8px; + } +} +.gg-insert-before-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 20px; + &::before { + box-shadow: -2px -12px 0, 2px -12px 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + width: 2px; + height: 8px; + top: 2px; + left: 5px; + } +} +.gg-insert-before-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 4px; + &::before { + box-shadow: -2px -12px 0, 2px -12px 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 5px; + left: 2px; + width: 2px; + height: 8px; + top: 2px; + left: 5px; + } +} +.gg-insert-before { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + &::before { + box-shadow: -2px -10px 0, 2px -10px 0; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + width: 2px; + height: 10px; + top: 4px; + left: 8px; + } +} +.gg-instagram { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 4px; + width: 20px; + height: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + left: 3px; + width: 10px; + height: 10px; + border-radius: 100%; + top: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 2px; + background: currentColor; + right: 1px; + top: 1px; + } +} +.gg-internal { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 12px; + box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px; + margin-left: -2px; + margin-top: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 2px; + width: 7px; + height: 7px; + border-left: 2px solid; + border-bottom: 2px solid; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 2px; + background: currentColor; + transform: rotate(-45deg); + width: 14px; + height: 2px; + bottom: 8px; + } +} +.gg-key { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 8px; + border: 2px solid; + border-radius: 100px; + margin-left: -12px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: -12px; + width: 5px; + height: 3px; + top: 2px; + border-left: 2px solid; + border-right: 2px solid; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + right: -12px; + background: currentColor; + width: 12px; + height: 2px; + top: 1px; + } +} +.gg-keyboard { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 26px; + height: 14px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + width: 10px; + bottom: 2px; + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + top: 2px; + box-shadow: 4px 0 0, 8px 0 0, 12px 0 0, 16px 0 0, 16px 4px 0, 0 4px 0; + width: 2px; + left: 2px; + } +} +.gg-keyhole { + display: block; + box-sizing: border-box; + border-radius: 20px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + &::after { + display: block; + box-sizing: border-box; + border-radius: 20px; + content: ""; + position: absolute; + background: currentColor; + width: 2px; + height: 5px; + left: 7px; + bottom: 3px; + } + &::before { + display: block; + box-sizing: border-box; + border-radius: 20px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid; + left: 5px; + top: 3px; + } +} +.gg-laptop { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 12px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 22px; + height: 2px; + background: currentColor; + left: -4px; + bottom: -5px; + border-radius: 100px; + } +} +.gg-layout-grid-small { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-left: 6px double; + border-right: 2px solid; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-left: 6px double; + border-right: 2px solid; + content: ""; + position: absolute; + left: -6px; + bottom: 4px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-left: 6px double; + border-right: 2px solid; + content: ""; + position: absolute; + left: -6px; + top: 4px; + } +} +.gg-layout-grid { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 10px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 10px; + content: ""; + position: absolute; + height: 4px; + border-left: 4px solid; + border-right: 4px solid; + bottom: 0; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 10px; + content: ""; + position: absolute; + height: 4px; + border-left: 4px solid; + border-right: 4px solid; + top: 0; + } +} +.gg-layout-list { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-left: 6px double; + border-right: 4px solid; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-left: 6px double; + border-right: 4px solid; + content: ""; + position: absolute; + left: -6px; + bottom: 4px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 10px; + height: 2px; + border-left: 6px double; + border-right: 4px solid; + content: ""; + position: absolute; + left: -6px; + top: 4px; + } +} +.gg-linear { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + overflow: hidden; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 25px; + height: 25px; + transform: rotate(-45deg); + background: currentColor; + top: -14px; + left: 4px; + width: 2px; + box-shadow: -3px 4px 0 0, -6px -2px 0 0; + top: -3px; + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 25px; + height: 25px; + transform: rotate(-45deg); + background: currentColor; + top: -14px; + left: 4px; + } +} +.gg-link { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 8px; + height: 2px; + background: currentColor; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 8px; + height: 10px; + border: 2px solid; + top: -4px; + border-left: 0; + border-top-right-radius: 40px; + border-bottom-right-radius: 40px; + right: -6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 8px; + height: 10px; + border: 2px solid; + top: -4px; + border-right: 0; + border-top-left-radius: 40px; + border-bottom-left-radius: 40px; + left: -6px; + } +} +.gg-list { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 20px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + top: 3px; + left: 3px; + box-shadow: 0 4px 0, 0 8px 0; + border-radius: 3px; + width: 8px; + left: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + background: currentColor; + top: 3px; + left: 3px; + box-shadow: 0 4px 0, 0 8px 0; + } +} +.gg-live-photo { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + border-radius: 100px; + border: 2px dotted currentColor; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + border-radius: 100px; + border: 2px dotted currentColor; + content: ""; + position: absolute; + width: 8px; + height: 8px; + border: 1px solid transparent; + top: 4px; + left: 4px; + box-shadow: 0 0 0 2px, inset 0 0 0 2px currentColor; + } +} +.gg-loadbar-alt { + display: block; + box-sizing: border-box; + height: 4px; + border-radius: 4px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 18px; + &::before { + display: block; + box-sizing: border-box; + height: 4px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + animation: loadbaralt 2s cubic-bezier(0, 0, 0.58, 1) infinite; + } + &::after { + display: block; + box-sizing: border-box; + height: 4px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + width: 18px; + opacity: 0.3; + } +} +@keyframes loadbaralt { + 0%, + to { + left: 0; + right: 80%; + } + 25%, + 75% { + left: 0; + right: 0; + } + 50% { + left: 80%; + right: 0; + } +} +.gg-loadbar-doc { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-radius: 1px; + width: 12px; + height: 14px; + overflow: hidden; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + height: 2px; + background: currentColor; + animation: gg-doc 1s linear infinite alternate; + width: 5px; + top: 8px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + height: 2px; + background: currentColor; + animation: gg-doc 1s linear infinite alternate; + width: 14px; + box-shadow: -4px 4px 0; + } +} +@keyframes gg-doc { + 0% { + left: -16px; + } + 60%, + to { + left: 0; + } +} +.gg-loadbar-sound { + display: block; + box-sizing: border-box; + width: 2px; + height: 12px; + box-shadow: inset 0 -12px 0; + animation: gg-bar 1.3s ease infinite alternate; + position: relative; + transform: scale(var(--ggs, 1)); + &::after { + display: block; + box-sizing: border-box; + width: 2px; + height: 12px; + box-shadow: inset 0 -12px 0; + animation: gg-bar 1.3s ease infinite alternate; + content: ""; + position: absolute; + bottom: 0; + right: -4px; + animation-delay: -3.7s; + } + &::before { + display: block; + box-sizing: border-box; + width: 2px; + height: 12px; + box-shadow: inset 0 -12px 0; + animation: gg-bar 1.3s ease infinite alternate; + content: ""; + position: absolute; + bottom: 0; + left: -4px; + animation-delay: -2.4s; + } +} +@keyframes gg-bar { + 10% { + box-shadow: inset 0 -4px 0; + } + 30% { + box-shadow: inset 0 -10px 0; + } + 60% { + box-shadow: inset 0 -6px 0; + } + 80% { + box-shadow: inset 0 -8px 0; + } + to { + box-shadow: inset 0 -2px 0; + } +} +.gg-loadbar { + display: block; + box-sizing: border-box; + height: 4px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 18px; + &::before { + display: block; + box-sizing: border-box; + height: 4px; + content: ""; + position: absolute; + border-radius: 4px; + background: currentColor; + animation: loadbar 2s cubic-bezier(0, 0, 0.58, 1) infinite; + } +} +@keyframes loadbar { + 0%, + to { + left: 0; + right: 80%; + } + 25%, + 75% { + left: 0; + right: 0; + } + 50% { + left: 80%; + right: 0; + } +} +.gg-lock-unlock { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 6px; + border: 2px solid; + border-top-right-radius: 100px; + border-top-left-radius: 100px; + border-bottom: transparent; + margin-top: -18px; + margin-left: -2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + width: 16px; + height: 10px; + border-radius: 2px; + left: -4px; + top: 10px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 6px; + background: currentColor; + left: -2px; + top: 4px; + } +} +.gg-lock { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 11px; + border: 2px solid; + border-top-right-radius: 50%; + border-top-left-radius: 50%; + border-bottom: transparent; + margin-top: -12px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 10px; + border-radius: 2px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + left: -4px; + top: 9px; + } +} +.gg-log-in { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 16px; + border: 2px solid; + border-left: 0; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + margin-right: -10px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + border-right: 2px solid; + transform: rotate(45deg); + width: 8px; + height: 8px; + left: -8px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 2px; + background: currentColor; + left: -11px; + bottom: 5px; + } +} +.gg-log-off { + box-sizing: border-box; + position: relative; + display: block; + border-radius: 16px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border-top: 2px solid transparent; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 8px; + width: 2px; + background: currentColor; + left: 5px; + bottom: 6px; + } +} +.gg-log-out { + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 16px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + border-right: 0; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; + margin-left: -10px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + border-left: 2px solid; + transform: rotate(-45deg); + width: 8px; + height: 8px; + left: 4px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 2px; + background: currentColor; + left: 5px; + bottom: 5px; + } +} +.gg-magnet { + display: block; + box-sizing: border-box; + width: 14px; + border: 4px solid; + transform: scale(var(--ggs, 1)); + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + border-top: 0; + position: relative; + height: 12px; + &::before { + display: block; + box-sizing: border-box; + width: 14px; + content: ""; + position: absolute; + height: 3px; + border-left: 4px solid; + border-right: 4px solid; + top: -5px; + left: -4px; + opacity: 0.5; + } +} +.gg-mail-forward { + display: block; + box-sizing: border-box; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + transform: scale(var(--ggs, 1)); + border-top-left-radius: 4px; + position: relative; + width: 14px; + &::before { + display: block; + box-sizing: border-box; + height: 6px; + border-top: 2px solid; + content: ""; + position: absolute; + width: 6px; + border-right: 2px solid; + top: -4px; + right: -1px; + transform: rotate(45deg); + } +} +.gg-mail-open { + display: block; + box-sizing: border-box; + height: 14px; + border: 2px solid; + border-top: 0; + transform: scale(var(--ggs, 1)); + position: relative; + width: 18px; + border-radius: 2px; + &::after { + display: block; + box-sizing: border-box; + height: 14px; + border: 2px solid; + content: ""; + position: absolute; + border-radius: 3px; + width: 14px; + transform: rotate(-45deg); + bottom: 3px; + left: 0; + } +} +.gg-mail-reply { + display: block; + box-sizing: border-box; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + transform: scale(var(--ggs, 1)); + border-top-right-radius: 4px; + position: relative; + width: 14px; + &::before { + display: block; + box-sizing: border-box; + height: 6px; + border-top: 2px solid; + content: ""; + position: absolute; + width: 6px; + border-left: 2px solid; + top: -4px; + left: -1px; + transform: rotate(-45deg); + } +} +.gg-mail { + display: block; + box-sizing: border-box; + height: 14px; + border: 2px solid; + overflow: hidden; + transform: scale(var(--ggs, 1)); + position: relative; + width: 18px; + border-radius: 2px; + &::after { + display: block; + box-sizing: border-box; + height: 14px; + border: 2px solid; + content: ""; + position: absolute; + border-radius: 3px; + width: 14px; + transform: rotate(-45deg); + bottom: 3px; + left: 0; + } +} +.gg-math-divide { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 16px; + height: 2px; + background: currentColor; + border-radius: 20px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 16px; + height: 2px; + background: currentColor; + border-radius: 20px; + content: ""; + position: absolute; + width: 4px; + height: 4px; + top: -6px; + left: 6px; + top: 4px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 16px; + height: 2px; + background: currentColor; + border-radius: 20px; + content: ""; + position: absolute; + width: 4px; + height: 4px; + top: -6px; + left: 6px; + } +} +.gg-math-equal { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 2px; + background: currentColor; + border-radius: 10px; + margin-top: -6px; + box-shadow: 0 6px 0; +} +.gg-math-minus { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 2px; + background: currentColor; + border-radius: 10px; +} +.gg-math-percent { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 2px; + background: currentColor; + border-radius: 20px; + transform: rotate(-45deg); + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 20px; + top: -7px; + left: 6px; + top: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 20px; + top: -7px; + left: 6px; + } +} +.gg-math-plus { + display: block; + box-sizing: border-box; + background: currentColor; + border-radius: 10px; + margin-top: -2px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 2px; + &::after { + display: block; + box-sizing: border-box; + background: currentColor; + border-radius: 10px; + content: ""; + position: absolute; + width: 2px; + height: 16px; + top: -7px; + left: 7px; + } +} +.gg-maximize-alt { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 22px; + height: 2px; + border-left: 8px solid; + border-right: 8px solid; + transform: rotate(-45deg); + bottom: 6px; + left: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 22px; + height: 2px; + border-left: 8px solid; + border-right: 8px solid; + transform: rotate(-45deg); + bottom: 6px; + left: -4px; + transform: rotate(45deg); + } +} +.gg-maximize { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px; +} +.gg-media-live { + transform: scale(var(--ggs, 1)); + border-top-color: transparent; + border-bottom-color: transparent; + box-sizing: border-box; + position: relative; + display: block; + border: 2px solid; + border-radius: 50%; + width: 14px; + height: 14px; + &::after { + border-top-color: transparent; + border-bottom-color: transparent; + box-sizing: border-box; + position: relative; + display: block; + border: 2px solid; + border-radius: 50%; + width: 14px; + height: 14px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + top: -6px; + left: -6px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + border: 2px solid; + border-radius: 50%; + width: 14px; + height: 14px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + } +} +.gg-media-podcast { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border: 2px solid; + border-bottom-color: transparent; + border-radius: 50%; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border: 2px solid; + border-bottom-color: transparent; + border-radius: 50%; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + width: 22px; + height: 22px; + top: -6px; + left: -6px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + border: 2px solid; + border-bottom-color: transparent; + border-radius: 50%; + content: ""; + position: absolute; + width: 6px; + height: 6px; + top: 2px; + left: 2px; + } +} +.gg-menu-boxed { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border-radius: 3px; + border: 2px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 3px; + top: 2px; + left: 2px; + box-shadow: 0 4px 0, 0 8px 0; + } +} +.gg-menu-left { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -6px; + width: 10px; + top: 6px; + width: 14px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -6px; + width: 10px; + } +} +.gg-menu-right { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -6px; + right: 0; + width: 10px; + top: 6px; + width: 14px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -6px; + right: 0; + width: 10px; + } +} +.gg-menu-round { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border-radius: 24px; + border: 2px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 3px; + top: 4px; + left: 4px; + box-shadow: 0 4px 0, 0 8px 0; + } +} +.gg-menu { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -6px; + top: 6px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 2px; + border-radius: 3px; + background: currentColor; + content: ""; + position: absolute; + top: -6px; + } +} +.gg-merge-horizontal { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + transform: rotate(-45deg); + border-bottom: 2px solid; + border-left: 2px solid; + left: 4px; + bottom: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + transform: rotate(-45deg); + border-top: 2px solid; + border-right: 2px solid; + right: 4px; + top: 5px; + } +} +.gg-merge-vertical { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 14px; + border-radius: 3px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + top: 4px; + border-left: 2px solid; + left: 5px; + transform: rotate(45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + top: 4px; + border-right: 2px solid; + transform: rotate(-45deg); + right: 5px; + } +} +.gg-mic { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 12px; + border-bottom-left-radius: 120px; + border-bottom-right-radius: 120px; + border: 2px solid; + border-top: 0; + margin-top: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 8px; + height: 18px; + left: 2px; + top: -10px; + border-radius: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + top: 12px; + left: 1px; + border-right: 4px solid transparent; + box-shadow: 0 2px 0, inset -2px 0 0; + } +} +.gg-microbit { + display: block; + box-sizing: border-box; + border-radius: 20px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 14px; + border: 3px solid; + &::before { + display: block; + box-sizing: border-box; + border-radius: 20px; + content: ""; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + top: 2px; + left: 2px; + box-shadow: 10px 0 0 0; + } +} +.gg-microsoft { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 18px; + height: 18px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 18px; + height: 18px; + content: ""; + position: absolute; + width: 8px; + border-top: 8px solid; + border-bottom: 8px solid; + right: 0; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 18px; + height: 18px; + content: ""; + position: absolute; + width: 8px; + border-top: 8px solid; + border-bottom: 8px solid; + } +} +.gg-minimize-alt { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 26px; + height: 2px; + border-left: 10px solid; + border-right: 10px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + top: -2px; + border-left: 2px solid; + right: -5px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + top: -2px; + border-right: 2px solid; + left: -5px; + transform: rotate(45deg); + } +} +.gg-minimize { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 4px; + height: 4px; + box-shadow: -8px -4px 0 -1px, -6px -4px 0 -1px, 8px 4px 0 -1px, 6px 4px 0 -1px, + 8px -4px 0 -1px, 6px -4px 0 -1px, -8px 4px 0 -1px, -6px 4px 0 -1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 18px; + border-top: 6px solid; + border-bottom: 6px solid; + box-shadow: 18px 0 0 -2px; + top: -7px; + left: -3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 18px; + border-top: 6px solid; + border-bottom: 6px solid; + box-shadow: 18px 0 0 -2px; + top: -7px; + right: -3px; + } +} +.gg-monday { + display: block; + box-sizing: border-box; + position: relative; + transform: scale(var(--ggs, 1)); + width: 21px; + height: 16px; + &::after { + background: currentColor; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + border-radius: 22px; + height: 6px; + bottom: 1px; + right: 0; + } + &::before { + background: currentColor; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + border-radius: 22px; + height: 16px; + transform: rotate(35deg); + box-shadow: 7px -5px 0 0; + } +} +.gg-moon { + display: block; + box-sizing: border-box; + border-radius: 50%; + overflow: hidden; + position: relative; + transform: rotate(-135deg) scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-bottom-color: transparent; + &::after { + display: block; + box-sizing: border-box; + border-radius: 50%; + content: ""; + position: absolute; + width: 12px; + height: 18px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + top: 8px; + left: 2px; + } +} +.gg-more-alt { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 100%; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 100%; + content: ""; + position: absolute; + top: 0; + left: -6px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 100%; + content: ""; + position: absolute; + top: 0; + right: -6px; + } +} +.gg-more-vertical-alt { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 100%; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 100%; + content: ""; + position: absolute; + left: 0; + top: 6px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 4px; + background: currentColor; + border-radius: 100%; + content: ""; + position: absolute; + top: -6px; + right: 0; + } +} +.gg-more-vertical { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 100%; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 100%; + content: ""; + position: absolute; + top: 6px; + left: -2px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 100%; + content: ""; + position: absolute; + top: 6px; + left: -2px; + top: -10px; + } +} +.gg-more { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 100%; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 100%; + content: ""; + position: absolute; + top: -2px; + left: -9px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 6px; + height: 6px; + border: 2px solid; + border-radius: 100%; + content: ""; + position: absolute; + top: -2px; + right: -9px; + } +} +.gg-mouse { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 24px; + border: 2px solid; + border-radius: 10px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 6px; + background: currentColor; + top: 3px; + left: 5px; + } +} +.gg-move-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 8px; + border-left: 2px solid; + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-top: 5px solid; + bottom: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + left: 2px; + top: 0; + width: 2px; + height: 12px; + } +} +.gg-move-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 10px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-right: 5px solid; + left: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + right: 0; + top: 2px; + width: 12px; + height: 2px; + } +} +.gg-move-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 10px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 5px solid; + right: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + left: 0; + top: 2px; + width: 12px; + height: 2px; + } +} +.gg-move-task { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 10px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 5px solid; + left: -6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + top: 2px; + width: 8px; + height: 2px; + left: 0; + } +} +.gg-move-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 8px; + border-left: 2px solid; + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-left: 3px solid transparent; + border-right: 3px solid transparent; + border-bottom: 5px solid; + top: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + left: 2px; + bottom: 0; + width: 2px; + height: 12px; + } +} +.gg-music-note { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 14px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + width: 10px; + height: 6px; + top: -4px; + left: 0; + border-radius: 2px; + transform: skewY(-15deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + bottom: -4px; + width: 8px; + height: 8px; + left: -6px; + border-radius: 10px; + } +} +.gg-music-speaker { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 22px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + border-radius: 100px; + width: 4px; + height: 4px; + left: 4px; + top: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + border-radius: 100px; + bottom: 2px; + width: 8px; + height: 8px; + left: 2px; + } +} +.gg-music { + display: block; + box-sizing: border-box; + border: 2px solid; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom: 0; + margin-top: -4px; + position: relative; + transform: skewY(-15deg) scale(var(--ggs, 1)); + width: 14px; + height: 16px; + &::after { + display: block; + box-sizing: border-box; + border: 2px solid; + content: ""; + position: absolute; + width: 7px; + height: 7px; + top: 9px; + left: -7px; + transform: skewY(15deg); + border-radius: 10px; + left: 5px; + } + &::before { + display: block; + box-sizing: border-box; + border: 2px solid; + content: ""; + position: absolute; + width: 7px; + height: 7px; + top: 9px; + left: -7px; + transform: skewY(15deg); + border-radius: 10px; + } +} +.gg-notes { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 22px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + left: 2px; + width: 6px; + top: 14px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + left: 2px; + box-shadow: 0 4px 0, 0 8px 0; + width: 12px; + top: 2px; + } +} +.gg-oculus { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 12px; + border: 4px solid; + border-radius: 22px; +} +.gg-options { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 2px; + box-shadow: -3px 4px 0 0, 3px -4px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 2px solid; + border-radius: 100%; + bottom: -7px; + right: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 2px solid; + border-radius: 100%; + top: -7px; + left: -4px; + } +} +.gg-organisation { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat center + 2px/12px 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat center 6px/12px + 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat center 10px/12px + 2px, + linear-gradient(currentColor 18px, transparent 0) no-repeat center/2px 18px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 18px; + border: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 14px; + border: 2px solid; + left: 8px; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + right: -8px; + top: 6px; + box-shadow: 0 4px 0, -4px 4px 0, -4px 0 0; + width: 2px; + height: 2px; + } +} +.gg-overflow { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border-radius: 20px; + border-bottom: 8px solid; + &::after { + content: ""; + box-sizing: border-box; + position: absolute; + display: block; + border-radius: 20px; + width: 16px; + height: 16px; + border-top: 8px solid; + opacity: 0.2; + left: 0; + top: 0; + } + &::before { + content: ""; + box-sizing: border-box; + position: absolute; + display: block; + border-radius: 20px; + width: 20px; + height: 20px; + border-bottom: 10px solid; + opacity: 0.6; + left: -2px; + top: -2px; + } +} +.gg-pacman { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border-bottom: 2px solid; + border-left: 2px solid; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 100px; + border-right-color: transparent; + left: -10px; + transform: rotate(-45deg); + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + background: currentColor; + top: 5px; + border-radius: 3px; + width: 2px; + height: 2px; + left: -5px; + } +} +.gg-password { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 30px; + height: 12px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + height: 2px; + right: 2px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + background: currentColor; + left: 2px; + top: 2px; + box-shadow: 6px 0 0, 12px 0 0; + height: 4px; + border-radius: 100%; + } +} +.gg-path-back { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border: 2px solid; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-right: 5px solid; + border-bottom: 5px solid; + bottom: 0; + right: 0; + } +} +.gg-path-crop { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + border: 2px solid; + width: 10px; + height: 10px; + opacity: 0.5; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + border: 2px solid; + width: 10px; + height: 10px; + background: linear-gradient(currentColor 4px, transparent 0) no-repeat top + left/4px 4px; + bottom: 0; + right: 0; + } +} +.gg-path-divide { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-top: 4px solid; + border-left: 4px solid; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + background: linear-gradient(currentColor 4px, transparent 0) no-repeat 1px + 1px/4px 4px; + border-right: 4px solid; + border-bottom: 4px solid; + bottom: 0; + right: 0; + } +} +.gg-path-exclude { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-top: 4px solid; + border-left: 4px solid; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-right: 4px solid; + border-bottom: 4px solid; + bottom: 0; + right: 0; + } +} +.gg-path-front { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-left: 5px solid; + border-top: 5px solid; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border: 2px solid; + bottom: 0; + right: 0; + } +} +.gg-path-intersect { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + border: 2px solid; + width: 10px; + height: 10px; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + border: 2px solid; + width: 10px; + height: 10px; + background: linear-gradient(currentColor 4px, transparent 0) no-repeat top + left/4px 4px; + bottom: 0; + right: 0; + } +} +.gg-path-outline { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + border: 2px solid; + width: 10px; + height: 10px; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + border: 2px solid; + width: 10px; + height: 10px; + bottom: 0; + right: 0; + } +} +.gg-path-trim { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-left: 3px solid; + border-top: 3px solid; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + background: currentColor; + bottom: 0; + right: 0; + } +} +.gg-path-unite { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + &::after { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + background: currentColor; + width: 10px; + height: 10px; + } + &::before { + content: ""; + position: absolute; + display: block; + box-sizing: border-box; + background: currentColor; + width: 10px; + height: 10px; + bottom: 0; + right: 0; + } +} +.gg-patreon { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 16px; + background: currentColor; + left: -6px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 4px; + height: 16px; + background: currentColor; + left: -6px; + content: ""; + position: absolute; + width: 12px; + height: 12px; + opacity: 0.5; + border-radius: 100px; + left: 6px; + } +} +.gg-pen { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 14px; + height: 4px; + border-right: 2px solid transparent; + box-shadow: 0 0 0 2px, inset -2px 0 0; + border-top-right-radius: 1px; + border-bottom-right-radius: 1px; + margin-right: -2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 7px; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-right: 7px solid; + left: -11px; + top: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + border-left: 0; + right: -6px; + width: 3px; + height: 4px; + border-radius: 1px; + top: 0; + } +} +.gg-pentagon-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + &:before { + width: 51%; + content: " "; + position: absolute; + top: 0; + height: 100%; + left: -2px; + border-top: 2px solid; + border-left: 2px solid; + border-bottom: 2px solid; + transform: skew(0deg, 30deg); + } + &:after { + content: " "; + position: absolute; + top: 0; + height: 100%; + right: -2px; + width: 50%; + border-right: 2px solid; + border-bottom: 2px solid; + border-top: 2px solid; + transform: skew(0deg, -30deg); + } +} +.gg-pentagon-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 8px; + &:before { + height: 51%; + content: " "; + position: absolute; + left: 0; + width: 100%; + top: -2px; + border-top: 2px solid; + border-right: 2px solid; + border-left: 2px solid; + transform: skewX(-30deg); + } + &:after { + content: " "; + position: absolute; + left: 0; + width: 100%; + bottom: -2px; + height: 50%; + border-right: 2px solid; + border-bottom: 2px solid; + border-left: 2px solid; + transform: skewX(30deg); + } +} +.gg-pentagon-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 8px; + &:before { + height: 51%; + content: " "; + position: absolute; + left: 0; + width: 100%; + top: -2px; + border-top: 2px solid; + border-right: 2px solid; + border-left: 2px solid; + transform: skewX(30deg); + } + &:after { + content: " "; + position: absolute; + left: 0; + width: 100%; + bottom: -2px; + height: 50%; + border-right: 2px solid; + border-bottom: 2px solid; + border-left: 2px solid; + transform: skewX(-30deg); + } +} +.gg-pentagon-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + &:before { + width: 51%; + content: " "; + position: absolute; + top: 0; + height: 100%; + left: -2px; + border-top: 2px solid; + border-left: 2px solid; + border-bottom: 2px solid; + transform: skew(0deg, -30deg); + } + &:after { + content: " "; + position: absolute; + top: 0; + height: 100%; + right: -2px; + width: 50%; + border-right: 2px solid; + border-bottom: 2px solid; + border-top: 2px solid; + transform: skew(0deg, 30deg); + } +} +.gg-performance { + background: linear-gradient(currentColor 8px, transparent 0) no-repeat + center/2px 6px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + border-radius: 3px; + width: 14px; + height: 8px; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + border-bottom: 0; + top: 2px; + left: 2px; + } + &::before { + content: ""; + display: block; + position: absolute; + border: 2px solid; + bottom: 2px; + width: 2px; + height: 2px; + box-sizing: content-box; + border-radius: 100px; + left: 6px; + } +} +.gg-pexels { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 14px; + border: 2px solid; + border-right: 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 2px; + height: 6px; + bottom: -2px; + right: -1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 5px; + height: 10px; + border: 2px solid; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + border-left: 0; + right: -5px; + top: -2px; + } +} +.gg-photoscan { + box-sizing: border-box; + display: block; + position: relative; + transform: scale(var(--ggs, 1)); + border-radius: 2px; + width: 14px; + height: 18px; + border: 2px solid; + border-bottom: 4px solid; + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 4px; + height: 4px; + border-radius: 20px; + box-shadow: 0 0 0 2px, inset 0 0 0 2px; + border: 1px solid transparent; + } +} +.gg-piano { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 23px; + height: 18px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 10px; + background: currentColor; + box-shadow: 5px 0 0, 10px 0 0; + width: 1px; + bottom: -2px; + left: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 10px; + background: currentColor; + box-shadow: 5px 0 0, 10px 0 0; + top: -2px; + width: 3px; + left: 3px; + } +} +.gg-pill { + display: block; + box-sizing: border-box; + width: 12px; + border-top-left-radius: 140px; + border-top-right-radius: 140px; + border: 2px solid; + transform: rotate(45deg) scale(var(--ggs, 1)); + position: relative; + height: 14px; + &::after { + display: block; + box-sizing: border-box; + width: 12px; + content: ""; + position: absolute; + height: 12px; + background: currentColor; + left: -2px; + bottom: -12px; + border-bottom-left-radius: 140px; + border-bottom-right-radius: 140px; + } +} +.gg-pin-alt { + box-sizing: border-box; + position: relative; + display: block; + width: 2px; + height: 8px; + border-radius: 3px; + transform: scale(var(--ggs, 1)); + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 12px; + border: 6px double; + border-radius: 100px; + top: -10px; + left: -5px; + } +} +.gg-pin-bottom { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 8px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + bottom: -2px; + border-radius: 3px; + width: 10px; + height: 2px; + left: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 6px double; + border-radius: 100px; + top: -10px; + left: -5px; + } +} +.gg-pin-top { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 8px; + background: currentColor; + margin-top: -8px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + top: -2px; + border-radius: 3px; + width: 10px; + height: 2px; + left: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 6px double; + border-radius: 100px; + bottom: -10px; + left: -5px; + } +} +.gg-pin { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border-radius: 100% 100% 0 100%; + box-shadow: inset 0 0 0 2px; + margin-top: -4px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border: 2px solid; + top: 5px; + left: 5px; + border-radius: 40px; + } +} +.gg-play-backwards { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 3px; + height: 10px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 6px solid; + right: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 6px solid; + right: -7px; + right: -14px; + } +} +.gg-play-forwards { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 3px; + height: 10px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 6px solid; + left: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 6px solid; + left: -7px; + left: -14px; + } +} +.gg-play-list-add { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 6px; + border-top: 0 solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + top: 6px; + right: -8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + top: 6px; + right: -8px; + width: 2px; + height: 10px; + top: 2px; + right: -4px; + } +} +.gg-play-list-check { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 6px; + border-top: 0 solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 5px; + height: 8px; + border-right: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg); + top: 2px; + right: -4px; + } +} +.gg-play-list-remove { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 6px; + border-top: 0 solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + top: 8px; + right: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 2px; + background: currentColor; + transform: rotate(-45deg); + top: 8px; + right: -4px; + width: 2px; + height: 8px; + top: 5px; + right: -1px; + } +} +.gg-play-list { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 6px; + border-top: 0 solid transparent; + border-bottom: 2px solid transparent; + box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 5px solid; + top: 6px; + right: -3px; + } +} +.gg-play-pause-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 22px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 6px; + top: 6px; + border-left: 2px solid; + border-right: 2px solid; + } +} +.gg-play-pause-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 6px; + top: 6px; + border-left: 2px solid; + border-right: 2px solid; + } +} +.gg-play-pause { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 10px; + border-left: 3px solid; + border-right: 3px solid; +} +.gg-play-stop-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 20px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + top: 6px; + left: 6px; + background: currentColor; + } +} +.gg-play-stop-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + top: 6px; + left: 6px; + background: currentColor; + } +} +.gg-play-stop { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + background: currentColor; +} +.gg-play-track-next-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-left: 5px solid; + left: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 2px; + border-radius: 2px; + left: 11px; + background: currentColor; + } +} +.gg-play-track-next-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-left: 5px solid; + left: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 2px; + border-radius: 2px; + left: 11px; + background: currentColor; + } +} +.gg-play-track-next { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 3px; + height: 10px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 6px solid; + left: -7px; + } +} +.gg-play-track-prev-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-right: 5px solid; + right: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 2px; + border-radius: 2px; + right: 11px; + background: currentColor; + } +} +.gg-play-track-prev-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-right: 5px solid; + right: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 8px; + top: 5px; + width: 2px; + border-radius: 2px; + right: 11px; + background: currentColor; + } +} +.gg-play-track-prev { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 3px; + height: 10px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 10px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 6px solid; + right: -7px; + } +} +.gg-pocket { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 20px; + border: 2px solid; + border-radius: 6px; + border-bottom-left-radius: 22px; + border-bottom-right-radius: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 22px; + width: 8px; + height: 2px; + background: currentColor; + bottom: 7px; + transform: rotate(48deg); + left: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 22px; + width: 8px; + height: 2px; + background: currentColor; + bottom: 7px; + transform: rotate(-48deg); + right: 3px; + } +} +.gg-pokemon { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 5px solid transparent; + box-shadow: 0 0 0 2px, inset 0 0 0 2px; + border-radius: 100%; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 20px; + height: 2px; + border-left: 8px solid; + border-right: 8px solid; + left: -6px; + top: 3px; + } +} +.gg-polaroid { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 20px; + border: 2px solid; + border-radius: 2px; + box-shadow: inset 0 -5px 0; +} +.gg-poll { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 3px solid transparent; + border-top: 6px solid transparent; + box-shadow: 0 0 0 2px, inset 2px 0 0; + border-radius: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 10px; + background: currentColor; + top: -3px; + left: 4px; + height: 4px; + top: 3px; + left: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 10px; + background: currentColor; + top: -3px; + left: 4px; + } +} +.gg-printer { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 0 10px/6px + 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 14px 10px/6px 2px, + linear-gradient(currentColor 5px, transparent 0) no-repeat 4px 4px/2px 2px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 14px; + border: 2px solid transparent; + border-bottom: 0; + box-shadow: inset 0 2px 0, inset 2px 2px 0, inset -2px 2px 0, inset -2px 2px 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + border: 2px solid; + left: 4px; + height: 8px; + top: 8px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + border: 2px solid; + left: 4px; + height: 6px; + top: -4px; + } +} +.gg-product-hunt { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 3px; + width: 2px; + height: 8px; + background: currentColor; + left: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + top: 3px; + border: 2px solid; + border-left: 0; + border-top-right-radius: 40px; + border-bottom-right-radius: 40px; + width: 6px; + height: 6px; + left: 5px; + } +} +.gg-profile { + display: block; + box-sizing: border-box; + border: 2px solid; + border-radius: 100px; + overflow: hidden; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + position: relative; + &::after { + display: block; + box-sizing: border-box; + border: 2px solid; + border-radius: 100px; + content: ""; + position: absolute; + top: 2px; + left: 5px; + width: 8px; + height: 8px; + border-radius: 200px; + top: 12px; + left: -2px; + width: 22px; + height: 22px; + } + &::before { + display: block; + box-sizing: border-box; + border: 2px solid; + border-radius: 100px; + content: ""; + position: absolute; + top: 2px; + left: 5px; + width: 8px; + height: 8px; + } +} +.gg-pull-clear { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 12px; + border: 2px solid; + border-top: 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + bottom: 2px; + left: 2px; + background: currentColor; + box-shadow: 0 -4px 0 0; + } +} +.gg-push-chevron-down-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + width: 6px; + height: 6px; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + bottom: 5px; + width: 8px; + height: 2px; + left: 5px; + } +} +.gg-push-chevron-down-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + width: 6px; + height: 6px; + border-right: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + bottom: 5px; + width: 8px; + height: 2px; + left: 5px; + } +} +.gg-push-chevron-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + width: 10px; + height: 10px; + border-right: 2px solid; + transform: rotate(45deg); + left: 4px; + top: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 2px solid; + bottom: 0; + width: 14px; + height: 2px; + left: 2px; + } +} +.gg-push-chevron-left-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-left: 2px solid; + top: 5px; + left: 5px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + transform: rotate(45deg); + left: 9px; + top: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-left: 2px solid; + top: 5px; + left: 5px; + } +} +.gg-push-chevron-left-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-left: 2px solid; + top: 5px; + left: 5px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + transform: rotate(45deg); + left: 9px; + top: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-left: 2px solid; + top: 5px; + left: 5px; + } +} +.gg-push-chevron-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 14px; + border-left: 2px solid; + top: 2px; + left: 0; + width: 10px; + height: 10px; + border-bottom: 2px solid; + transform: rotate(45deg); + left: 6px; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 14px; + border-left: 2px solid; + top: 2px; + left: 0; + } +} +.gg-push-chevron-right-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-right: 2px solid; + top: 5px; + right: 5px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + transform: rotate(-45deg); + right: 9px; + top: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-right: 2px solid; + top: 5px; + right: 5px; + } +} +.gg-push-chevron-right-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-right: 2px solid; + top: 5px; + right: 5px; + width: 6px; + height: 6px; + border-bottom: 2px solid; + transform: rotate(-45deg); + right: 9px; + top: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + border-right: 2px solid; + top: 5px; + right: 5px; + } +} +.gg-push-chevron-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 14px; + border-right: 2px solid; + top: 2px; + right: 0; + width: 10px; + height: 10px; + border-bottom: 2px solid; + transform: rotate(-45deg); + right: 6px; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 14px; + border-right: 2px solid; + top: 2px; + right: 0; + } +} +.gg-push-chevron-up-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + width: 6px; + height: 6px; + border-right: 2px solid; + transform: rotate(-45deg); + left: 6px; + bottom: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + top: 5px; + width: 8px; + height: 2px; + left: 5px; + } +} +.gg-push-chevron-up-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + width: 6px; + height: 6px; + border-right: 2px solid; + transform: rotate(-45deg); + left: 6px; + bottom: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + top: 5px; + width: 8px; + height: 2px; + left: 5px; + } +} +.gg-push-chevron-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid transparent; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + width: 10px; + height: 10px; + border-right: 2px solid; + transform: rotate(-45deg); + left: 4px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top: 2px solid; + top: 0; + width: 14px; + height: 2px; + left: 2px; + } +} +.gg-push-down { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 16px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + border-bottom: 2px solid; + bottom: -5px; + left: -5px; + width: 8px; + height: 8px; + border-right: 2px solid; + transform: rotate(45deg); + left: -3px; + bottom: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + border-bottom: 2px solid; + bottom: -5px; + left: -5px; + } +} +.gg-push-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 2px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 12px; + border-left: 2px solid; + left: -5px; + top: -5px; + width: 8px; + height: 8px; + border-bottom: 2px solid; + transform: rotate(45deg); + top: -3px; + left: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 12px; + border-left: 2px solid; + left: -5px; + top: -5px; + } +} +.gg-push-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 2px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 12px; + border-right: 2px solid; + right: -5px; + top: -5px; + width: 8px; + height: 8px; + border-top: 2px solid; + transform: rotate(45deg); + top: -3px; + right: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 12px; + border-right: 2px solid; + right: -5px; + top: -5px; + } +} +.gg-push-up { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 16px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + border-top: 2px solid; + top: -5px; + left: -5px; + width: 8px; + height: 8px; + border-left: 2px solid; + transform: rotate(45deg); + left: -3px; + top: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 12px; + height: 2px; + border-top: 2px solid; + top: -5px; + left: -5px; + } +} +.gg-qr { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 14px; + height: 14px; + box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, + -6px 6px 0 -4px; + content: ""; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + box-shadow: 0 6px 0, 6px 6px 0, 6px 0 0; + top: 2px; + left: 2px; + } +} +.gg-quote-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 18px; + border: 2px solid; + border-radius: 2px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 6px; + border-left: 3px solid; + border-right: 3px solid; + left: 4px; + top: 4px; + transform: skewX(-20deg); + } +} +.gg-quote { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 18px; + border: 2px solid transparent; + border-radius: 2px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 6px; + border-left: 3px solid; + border-right: 3px solid; + left: 4px; + top: 4px; + transform: skewX(-20deg); + } +} +.gg-radio-check { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 100px; +} +.gg-radio-checked { + display: block; + box-sizing: border-box; + border-radius: 100px; + border: 2px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + &::after { + display: block; + box-sizing: border-box; + border-radius: 100px; + content: ""; + position: absolute; + width: 8px; + height: 8px; + background: currentColor; + top: 4px; + left: 4px; + } +} +.gg-ratio { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 20px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + top: 2px; + left: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-bottom: 2px solid; + border-right: 2px solid; + top: 8px; + left: 12px; + } +} +.gg-read { + display: block; + box-sizing: border-box; + border: 2px solid; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom-color: transparent; + margin-left: -1px; + position: relative; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 5px; + border-radius: 50px; + &::after { + display: block; + box-sizing: border-box; + border: 2px solid; + content: ""; + position: absolute; + width: 10px; + height: 10px; + border-radius: 10px; + left: -10px; + top: -5px; + box-shadow: -6px 0 0 -4px currentColor; + left: 2px; + box-shadow: 6px 0 0 -4px currentColor; + } + &::before { + display: block; + box-sizing: border-box; + border: 2px solid; + content: ""; + position: absolute; + width: 10px; + height: 10px; + border-radius: 10px; + left: -10px; + top: -5px; + box-shadow: -6px 0 0 -4px currentColor; + } +} +.gg-readme { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 2px; + height: 17px; + border-bottom: 4px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 8px; + height: 12px; + box-shadow: 0 0 0 2px; + border-radius: 1px; + bottom: -1px; + background: linear-gradient(currentColor 4px, transparent 0) no-repeat + center 5px/4px 2px, + linear-gradient(currentColor 4px, transparent 0) no-repeat center 2px/4px + 2px, + linear-gradient(currentColor 4px, transparent 0) no-repeat center 8px/4px + 2px; + border-top-left-radius: 3px; + right: -8px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + width: 8px; + height: 12px; + box-shadow: 0 0 0 2px; + border-radius: 1px; + bottom: -1px; + background: linear-gradient(currentColor 4px, transparent 0) no-repeat + center 5px/4px 2px, + linear-gradient(currentColor 4px, transparent 0) no-repeat center 2px/4px + 2px, + linear-gradient(currentColor 4px, transparent 0) no-repeat center 8px/4px + 2px; + border-top-right-radius: 3px; + left: -8px; + } +} +.gg-redo { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + border: 2px solid; + border-right-color: transparent; + border-radius: 100px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-right: 2px solid; + top: -3px; + right: -1px; + transform: rotate(68deg); + } +} +.gg-remote { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + content: ""; + position: absolute; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg) scaleY(1); + transform: rotate(-45deg) scaleX(-1); + left: -5px; + top: 2px; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 8px; + height: 8px; + content: ""; + position: absolute; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(45deg) scaleY(1); + left: 5px; + top: -2px; + } +} +.gg-remove-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + } +} +.gg-remove { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 22px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 2px; + background: currentColor; + border-radius: 5px; + top: 8px; + left: 4px; + } +} +.gg-reorder { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 2px; + border-radius: 3px; + background: currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + top: -4px; + left: 0; + width: 10px; + height: 2px; + opacity: 0.5; + background: currentColor; + box-shadow: 0 8px 0 0, 0 12px 0 0, 0 16px 0 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + border: 2px solid; + width: 6px; + height: 6px; + left: 12px; + top: -2px; + } +} +.gg-repeat { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + box-shadow: -2px -2px 0 0, 2px 2px 0 0; + width: 14px; + height: 6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-right: 5px solid; + bottom: -4px; + left: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 5px solid; + top: -4px; + right: 0; + } +} +.gg-ring { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + &::after { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + width: 18px; + height: 18px; + border-radius: 100px; + border-top-color: transparent; + left: 1px; + top: 2px; + } + &::before { + content: ""; + display: block; + position: absolute; + border: 2px solid; + box-sizing: border-box; + border-top-right-radius: 100px; + transform: rotate(-45deg); + width: 8px; + height: 8px; + left: 6px; + top: -1px; + } +} +.gg-row-first { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 10px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + width: 14px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + width: 10px; + top: 4px; + opacity: 0.5; + box-shadow: 0 4px 0; + } +} +.gg-row-last { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 10px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + width: 14px; + bottom: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + height: 2px; + background: currentColor; + width: 10px; + opacity: 0.5; + box-shadow: 0 4px 0; + } +} +.gg-ruler { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 13px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 5px; + background: currentColor; + left: 7px; + top: -1px; + box-shadow: 8px 0 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 5px; + background: currentColor; + left: 7px; + top: -1px; + box-shadow: 8px 0 0; + height: 7px; + left: 3px; + } +} +.gg-sand-clock { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 20px; + border-top: 2px solid; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border: 2px solid transparent; + border-bottom-left-radius: 14px; + border-bottom-right-radius: 14px; + top: 0; + left: 3px; + box-shadow: 0 0 0 2px, inset 2px 0 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-top-left-radius: 14px; + border-top-right-radius: 14px; + bottom: -2px; + width: 10px; + height: 10px; + border: 2px solid; + left: 1px; + } +} +.gg-screen-mirror { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 10px; + border: 2px solid; + border-bottom: 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-bottom: 5px solid; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + bottom: -2px; + left: 3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 18px; + height: 2px; + left: -2px; + bottom: 0; + border-left: 5px solid; + border-right: 5px solid; + } +} +.gg-screen-shot { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 20px; + border: 2px solid; + border-radius: 1px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + border-top: 2px solid; + border-left: 2px solid; + top: 2px; + left: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + border-bottom: 2px solid; + border-right: 2px solid; + bottom: 2px; + right: 2px; + } +} +.gg-screen-wide { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 11px; + border: 2px solid; + border-radius: 3px; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 8px; + height: 2px; + background: currentColor; + top: 10px; + left: 6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 8px; + height: 2px; + background: currentColor; + top: 10px; + left: 6px; + width: 2px; + height: 4px; + top: 8px; + left: 9px; + } +} +.gg-screen { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 14px; + border: 2px solid; + border-radius: 3px; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 2px; + background: currentColor; + top: 14px; + left: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 2px; + background: currentColor; + top: 14px; + left: 4px; + width: 2px; + height: 6px; + top: 10px; + left: 8px; + } +} +.gg-search { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 100%; + margin-left: -4px; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 8px; + background: currentColor; + transform: rotate(-45deg); + top: 10px; + left: 12px; + } +} +.gg-select-o { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 20px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 6px; + transform: rotate(-45deg); + border-right: 2px solid; + border-top: 2px solid; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 6px; + transform: rotate(-45deg); + border-left: 2px solid; + border-bottom: 2px solid; + bottom: 4px; + } +} +.gg-select-r { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + border: 2px solid; + border-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 6px; + transform: rotate(-45deg); + border-right: 2px solid; + border-top: 2px solid; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + left: 6px; + transform: rotate(-45deg); + border-left: 2px solid; + border-bottom: 2px solid; + bottom: 4px; + } +} +.gg-select { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 22px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + left: 7px; + transform: rotate(-45deg); + border-right: 2px solid; + border-top: 2px solid; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + left: 7px; + transform: rotate(-45deg); + border-left: 2px solid; + border-bottom: 2px solid; + bottom: 4px; + } +} +.gg-server { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 20px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + width: 2px; + border-radius: 10px; + left: 5px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + top: 2px; + box-shadow: 0 4px 0; + border-radius: 3px; + width: 8px; + left: 2px; + } +} +.gg-serverless { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 15px; + height: 13px; + overflow: hidden; + &::after { + background: currentColor; + content: ""; + box-sizing: border-box; + position: absolute; + display: block; + height: 3px; + box-shadow: 0 5px 0, 0 10px 0; + transform: skew(-20deg); + width: 12px; + right: -5px; + } + &::before { + background: currentColor; + content: ""; + box-sizing: border-box; + position: absolute; + display: block; + height: 3px; + box-shadow: 0 5px 0, 0 10px 0; + transform: skew(-20deg); + width: 8px; + left: -2px; + } +} +.gg-shape-circle { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 3px solid; + border-radius: 100px; +} +.gg-shape-half-circle { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 16px; + border: 3px solid; + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; + border-right: 0; +} +.gg-shape-rhombus { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 14px; + height: 14px; + border: 3px solid; +} +.gg-shape-square { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 3px solid; +} +.gg-shape-zigzag { + display: block; + box-sizing: border-box; + width: 5px; + height: 7px; + border-left: 2px solid; + border-bottom: 2px solid; + margin-left: -18px; + transform: rotate(-49deg) scale(var(--ggs, 1)); + position: relative; + &::after { + display: block; + box-sizing: border-box; + width: 5px; + height: 7px; + border-left: 2px solid; + border-bottom: 2px solid; + content: ""; + position: absolute; + left: 2px; + top: 5px; + } + &::before { + display: block; + box-sizing: border-box; + width: 5px; + height: 7px; + border-left: 2px solid; + border-bottom: 2px solid; + content: ""; + position: absolute; + left: 2px; + top: 5px; + left: 7px; + top: 10px; + } +} +.gg-share { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 6px; + height: 6px; + background: currentColor; + border-radius: 100px; + box-shadow: 10px -6px 0, 10px 6px 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 2px; + background: currentColor; + left: 2px; + bottom: 0; + transform: rotate(35deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 10px; + height: 2px; + background: currentColor; + left: 2px; + top: 0; + transform: rotate(-35deg); + } +} +.gg-shield { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 4px; + background: currentColor; + border-radius: 100px; + margin-top: -6px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 8px; + height: 16px; + border: 2px solid; + border-bottom-right-radius: 40px; + border-left: 0; + right: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 8px; + height: 16px; + border: 2px solid; + border-bottom-left-radius: 40px; + border-right: 0; + left: 0; + } +} +.gg-shopping-bag { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 3px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 3px; + content: ""; + position: absolute; + width: 10px; + height: 6px; + border-bottom-left-radius: 120px; + border-bottom-right-radius: 120px; + border-top: 0; + top: 2px; + left: 3px; + } +} +.gg-shortcut { + display: block; + box-sizing: border-box; + border-radius: 3px; + border: 2px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + &::after { + display: block; + box-sizing: border-box; + border-radius: 3px; + content: ""; + position: absolute; + width: 2px; + height: 12px; + background: currentColor; + left: 6px; + top: 1px; + transform: rotate(45deg); + } +} +.gg-shutterstock { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-radius: 1px; + border-top: 2px solid; + border-left: 2px solid; + top: 2px; + left: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-radius: 1px; + border-bottom: 2px solid; + border-right: 2px solid; + bottom: 2px; + right: 2px; + } +} +.gg-sidebar-open { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 16px; + border: 2px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 12px; + background: currentColor; + top: 0; + left: 0; + } +} +.gg-sidebar-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 16px; + border-right: 2px solid; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 14px; + height: 16px; + border: 2px solid; + top: 0; + right: 2px; + } +} +.gg-sidebar { + display: block; + box-sizing: border-box; + height: 16px; + border-left: 2px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 18px; + &::before { + display: block; + box-sizing: border-box; + height: 16px; + content: ""; + position: absolute; + width: 14px; + border: 2px solid; + top: 0; + left: 2px; + } +} +.gg-signal { + display: block; + box-sizing: border-box; + width: 2px; + border-radius: 4px; + background: currentColor; + position: relative; + transform: scale(var(--ggs, 1)); + height: 8px; + &::after { + display: block; + box-sizing: border-box; + width: 2px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + height: 4px; + left: -4px; + bottom: 0; + } + &::before { + display: block; + box-sizing: border-box; + width: 2px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + height: 12px; + left: 4px; + bottom: 0; + } +} +.gg-smartphone-chip { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 6px double; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 2px; + left: -3px; + top: -9px; + background: currentColor; + box-shadow: 4px 0 0, 8px 0 0, 0 20px 0, 4px 20px 0, -6px 6px 0, 14px 6px 0, + 14px 10px 0, 14px 14px 0, -6px 10px 0, -6px 14px 0, 8px 20px 0; + } +} +.gg-smartphone-ram { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 26px; + height: 14px; + border: 2px solid; + border-radius: 3px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 2px; + background: currentColor; + box-shadow: 16px 4px 0; + top: 2px; + left: 2px; + box-shadow: 4px 0 0, 8px 0 0, 12px 0 0, 16px 0 0, 0 18px 0, 4px 18px 0, + 8px 18px 0, 12px 18px 0, 16px 18px 0; + top: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 2px; + background: currentColor; + box-shadow: 16px 4px 0; + top: 2px; + left: 2px; + } +} +.gg-smartphone-shake { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 4px + 12px/2px 2px; + box-sizing: border-box; + position: relative; + transform: scale(var(--ggs, 1)); + display: block; + width: 14px; + height: 20px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 10px; + width: 6px; + border: 2px solid transparent; + overflow: hidden; + box-shadow: 2px 0 0, inset -2px 0 0; + top: 3px; + left: -12px; + transform: scaleX(-1); + left: 16px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 10px; + width: 6px; + border: 2px solid transparent; + overflow: hidden; + box-shadow: 2px 0 0, inset -2px 0 0; + top: 3px; + left: -12px; + } +} +.gg-smartphone { + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 4px + 12px/2px 2px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 20px; + border: 2px solid; + border-radius: 2px; +} +.gg-smile-neutral { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + left: 4px; + border-radius: 3px; + width: 8px; + top: 10px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 2px; + background: currentColor; + left: 4px; + box-shadow: 6px 0 0; + width: 2px; + border-radius: 10px; + top: 5px; + } +} +.gg-smile-sad { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 8px; + height: 4px; + border-radius: 150px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border: 2px solid; + border-top-color: transparent; + top: 9px; + transform: scaleY(-1); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + background: currentColor; + box-shadow: 6px 0 0; + width: 2px; + height: 2px; + border-radius: 50%; + top: 5px; + } +} +.gg-smile { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + width: 8px; + height: 4px; + border-radius: 150px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border: 2px solid; + border-top-color: transparent; + top: 9px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 4px; + background: currentColor; + box-shadow: 6px 0 0; + width: 2px; + height: 2px; + border-radius: 50%; + top: 5px; + } +} +.gg-software-download { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 6px; + border: 2px solid; + border-top: 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + margin-top: 8px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-left: 2px solid; + border-bottom: 2px solid; + transform: rotate(-45deg); + left: 2px; + bottom: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 10px; + background: currentColor; + left: 5px; + bottom: 5px; + } +} +.gg-software-upload { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 6px; + border: 2px solid; + border-top: 0; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + margin-top: 8px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 8px; + border-left: 2px solid; + border-top: 2px solid; + transform: rotate(45deg); + left: 2px; + bottom: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 10px; + background: currentColor; + left: 5px; + bottom: 3px; + } +} +.gg-sort-az { + display: block; + box-sizing: border-box; + height: 2px; + border-radius: 4px; + background: currentColor; + position: relative; + transform: scale(var(--ggs, 1)); + width: 8px; + &::after { + display: block; + box-sizing: border-box; + height: 2px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + width: 4px; + top: 4px; + left: 2px; + } + &::before { + display: block; + box-sizing: border-box; + height: 2px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + width: 12px; + top: -4px; + left: -2px; + } +} +.gg-sort-za { + display: block; + box-sizing: border-box; + height: 2px; + border-radius: 4px; + background: currentColor; + position: relative; + transform: scale(var(--ggs, 1)); + width: 8px; + &::after { + display: block; + box-sizing: border-box; + height: 2px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + width: 4px; + top: -4px; + left: 2px; + } + &::before { + display: block; + box-sizing: border-box; + height: 2px; + border-radius: 4px; + background: currentColor; + content: ""; + position: absolute; + width: 12px; + top: 4px; + left: -2px; + } +} +.gg-spectrum { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + overflow: hidden; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 30px; + height: 30px; + left: -15px; + bottom: -15px; + border: 8px solid; + border-radius: 18px; + } +} +.gg-spinner-alt { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + content: ""; + position: absolute; + border-radius: 100px; + animation: spinneralt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite; + border: 3px solid transparent; + border-top-color: currentColor; + } +} +@keyframes spinneralt { + 0% { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +.gg-spinner { + transform: scale(var(--ggs, 1)); + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + &::after { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + content: ""; + position: absolute; + border-radius: 100px; + border: 3px solid; + opacity: 0.2; + } + &::before { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + content: ""; + position: absolute; + border-radius: 100px; + animation: spinner 1s cubic-bezier(0.6, 0, 0.4, 1) infinite; + border: 3px solid transparent; + border-top-color: currentColor; + } +} +@keyframes spinner { + 0% { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +.gg-square { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 12px; + border-radius: 1px; + border: 3px solid transparent; + box-shadow: 0 0 0 3px, inset 0 0 0 3px; +} +.gg-stack { + display: block; + box-sizing: border-box; + width: 14px; + height: 14px; + border: 2px solid; + margin-right: 8px; + margin-top: 8px; + transform: scale(var(--ggs, 1)); + position: relative; + &::after { + display: block; + box-sizing: border-box; + width: 14px; + height: 14px; + border: 2px solid; + content: ""; + position: absolute; + border-left: 0; + border-bottom: 0; + right: -5px; + top: -5px; + } + &::before { + display: block; + box-sizing: border-box; + width: 14px; + height: 14px; + border: 2px solid; + content: ""; + position: absolute; + border-left: 0; + border-bottom: 0; + right: -5px; + top: -5px; + right: -8px; + top: -8px; + } +} +.gg-stark { + background: currentColor; + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 3px; + height: 16px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 16px; + border: 3px solid; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + border-left: 0; + border-bottom-color: transparent; + right: -7px; + top: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 16px; + border: 3px solid; + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; + border-right: 0; + border-top-color: transparent; + left: -7px; + bottom: 0; + } +} +.gg-stopwatch { + background: linear-gradient(currentColor 7px, transparent 0) no-repeat 6px 2px/2px + 6px; + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border-radius: 100%; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 2px; + background: currentColor; + transform: rotate(45deg); + right: -4px; + top: -3px; + } +} +.gg-studio { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 4px; + background: currentColor; + right: 2px; + bottom: 2px; + } +} +.gg-sun { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 24px; + background: linear-gradient(currentColor 4px, transparent 0) no-repeat 5px -6px/2px + 6px, + linear-gradient(currentColor 4px, transparent 0) no-repeat 5px 14px/2px 6px, + linear-gradient(currentColor 4px, transparent 0) no-repeat -8px 5px/6px 2px, + linear-gradient(currentColor 4px, transparent 0) no-repeat 14px 5px/6px 2px; + border-radius: 100px; + box-shadow: inset 0 0 0 2px; + border: 6px solid transparent; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 24px; + height: 2px; + border-right: 4px solid; + border-left: 4px solid; + left: -6px; + top: 5px; + transform: rotate(45deg); + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 24px; + height: 2px; + border-right: 4px solid; + border-left: 4px solid; + left: -6px; + top: 5px; + transform: rotate(-45deg); + } +} +.gg-support { + box-sizing: border-box; + position: relative; + display: block; + width: 20px; + height: 20px; + transform: rotate(45deg) scale(var(--ggs, 1)); + border: 5px solid transparent; + box-shadow: 0 0 0 2px, inset 0 0 0 2px; + border-radius: 40px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 24px; + border-top: 9px solid; + border-bottom: 9px solid; + left: 4px; + top: -7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-left: 9px solid; + border-right: 9px solid; + width: 24px; + height: 2px; + left: -7px; + top: 4px; + } +} +.gg-swap-vertical { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(90deg) scale(var(--ggs, 1)); + box-shadow: -2px 2px 0, 2px -2px 0; + width: 6px; + height: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-right: 3px solid; + bottom: -4px; + left: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 3px solid; + top: -4px; + right: -4px; + } +} +.gg-swap { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + box-shadow: -2px 2px 0, 2px -2px 0; + width: 6px; + height: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-right: 3px solid; + bottom: -4px; + left: -4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + border-left: 3px solid; + top: -4px; + right: -4px; + } +} +.gg-sweden { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 21px; + height: 16px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 6px; + background: currentColor; + box-shadow: 0 8px 0; + top: 0; + width: 12px; + right: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + height: 6px; + background: currentColor; + box-shadow: 0 8px 0; + top: 0; + left: 0; + width: 7px; + } +} +.gg-swiss { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 4px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 5px; + height: 5px; + background: currentColor; + box-shadow: 0 9px 0; + top: -2px; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 5px; + height: 5px; + background: currentColor; + box-shadow: 0 9px 0; + top: -2px; + right: -2px; + } +} +.gg-sync { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + border-radius: 40px; + border: 2px solid; + margin: 1px; + border-left-color: transparent; + border-right-color: transparent; + width: 18px; + height: 18px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + transform: rotate(-45deg); + border-right: 6px solid; + top: -1px; + left: -3px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + transform: rotate(-45deg); + border-left: 6px solid; + bottom: -1px; + right: -3px; + } +} +.gg-tag { + display: block; + border: 2px solid; + border-right: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + position: relative; + width: 19px; + height: 14px; + &::before { + display: block; + border: 2px solid; + content: ""; + position: absolute; + width: 2px; + height: 2px; + box-sizing: content-box; + border-radius: 100px; + right: 0; + top: 2px; + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border-bottom: 2px solid; + border-right: 2px solid; + border-bottom-right-radius: 4px; + transform: rotate(-45deg); + top: 0; + right: -5px; + } +} +.gg-tally { + box-sizing: border-box; + position: relative; + display: block; + transform: skew(-10deg) scale(var(--ggs, 1)); + width: 18px; + height: 20px; + &::after { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 3px; + background: currentColor; + border-radius: 0.5px; + height: 8px; + box-shadow: 15px 0 0; + } + &::before { + content: ""; + position: absolute; + box-sizing: border-box; + display: block; + width: 3px; + background: currentColor; + border-radius: 0.5px; + height: 20px; + box-shadow: 5px 0 0; + left: 5px; + } +} +.gg-template { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 6px; + border: 2px solid; + margin-top: -14px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 10px; + top: 6px; + border: 2px solid; + left: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 10px; + top: 6px; + border-top: 6px double; + border-bottom: 2px solid; + right: -2px; + } +} +.gg-tennis { + display: block; + box-sizing: border-box; + border: 2px solid; + width: 20px; + height: 20px; + border-radius: 20px; + position: relative; + transform: scale(var(--ggs, 1)); + overflow: hidden; + &::after { + display: block; + box-sizing: border-box; + border: 2px solid; + width: 20px; + height: 20px; + border-radius: 20px; + content: ""; + position: absolute; + right: -11px; + bottom: -11px; + } + &::before { + display: block; + box-sizing: border-box; + border: 2px solid; + width: 20px; + height: 20px; + border-radius: 20px; + content: ""; + position: absolute; + left: -11px; + top: -11px; + } +} +.gg-terminal { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 20px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 4px; + height: 2px; + background: currentColor; + top: 10px; + left: 11px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-right: 2px solid; + border-bottom: 2px solid; + transform: rotate(-45deg); + width: 6px; + height: 6px; + top: 5px; + left: 3px; + } +} +.gg-thermostat { + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border: 2px solid; + box-sizing: border-box; + border-radius: 100px; + border-top-color: transparent; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 2px; + border-radius: 100px; + background: currentColor; + left: 2px; + bottom: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 100px; + border-top-right-radius: 100px; + width: 6px; + height: 14px; + bottom: 5px; + } +} +.gg-time { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border-radius: 100%; + border: 2px solid transparent; + box-shadow: 0 0 0 2px currentColor; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 7px; + height: 7px; + border-left: 2px solid; + border-bottom: 2px solid; + top: 1px; + left: 5px; + } +} +.gg-timer { + border: 2px solid; + width: 18px; + height: 18px; + border-radius: 40px; + background: linear-gradient(currentColor 10px, transparent 0) no-repeat 6px -2px/2px + 6px; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + position: relative; + display: block; + border-top-color: transparent; + &::before { + border: 2px solid; + width: 18px; + height: 18px; + border-radius: 40px; + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-right-color: transparent; + border-left-color: transparent; + border-bottom-color: transparent; + right: -2px; + top: -2px; + transform: rotate(45deg); + } + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 6px; + background: currentColor; + transform: rotate(-50deg); + left: 4px; + bottom: 5px; + border-radius: 100px; + } +} +.gg-toggle-off { + display: block; + box-sizing: border-box; + border-radius: 20px; + border: 2px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 14px; + &::before { + display: block; + box-sizing: border-box; + border-radius: 20px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + background: currentColor; + top: 2px; + left: 12px; + } +} +.gg-toggle-on { + display: block; + box-sizing: border-box; + border-radius: 20px; + border: 2px solid; + position: relative; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 14px; + &::before { + display: block; + box-sizing: border-box; + border-radius: 20px; + content: ""; + position: absolute; + width: 6px; + height: 6px; + background: currentColor; + top: 2px; + left: 2px; + } +} +.gg-toggle-square-off { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 14px; + border: 2px solid; + border-radius: 2px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + background: currentColor; + top: 2px; + left: 12px; + border-radius: 1px; + } +} +.gg-toggle-square { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 14px; + border: 2px solid; + border-radius: 2px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + background: currentColor; + top: 2px; + left: 2px; + border-radius: 1px; + } +} +.gg-toolbar-bottom { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 12px; + box-shadow: 0 0 0 2px, inset 0 -2px 0; + border: 2px solid transparent; + border-radius: 1px; +} +.gg-toolbar-left { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 12px; + box-shadow: 0 0 0 2px, inset 2px 0 0; + border: 2px solid transparent; + border-radius: 1px; +} +.gg-toolbar-right { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 12px; + box-shadow: 0 0 0 2px, inset -2px 0 0; + border: 2px solid transparent; + border-radius: 1px; +} +.gg-toolbar-top { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 18px; + height: 12px; + box-shadow: 0 0 0 2px, inset 0 2px 0; + border: 2px solid transparent; + border-radius: 1px; +} +.gg-toolbox { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 16px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 18px; + height: 2px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + box-shadow: 0 -2px 0, inset 4px 0 0, inset -4px 0 0; + top: 4px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border: 2px solid; + border-bottom: 0; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + left: 4px; + width: 10px; + height: 4px; + top: -5px; + } +} +.gg-track { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 10px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px, inset 0 0 0 10px; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 18px; + border-top: 4px solid; + border-bottom: 4px solid; + left: 2px; + top: -6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + border-left: 4px solid; + border-right: 4px solid; + width: 18px; + height: 2px; + left: -6px; + top: 2px; + } +} +.gg-trash-empty { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 12px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px; + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; + margin-top: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + border-radius: 3px; + width: 16px; + height: 2px; + top: -4px; + left: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + border: 2px solid; + border-bottom: transparent; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + top: -7px; + left: -2px; + } +} +.gg-trash { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 12px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px, inset -2px 0 0, inset 2px 0 0; + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; + margin-top: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + border-radius: 3px; + width: 16px; + height: 2px; + top: -4px; + left: -5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + border: 2px solid; + border-bottom: transparent; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + top: -7px; + left: -2px; + } +} +.gg-trello { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 20px; + height: 20px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 5px; + background: currentColor; + border-radius: 1px; + top: 2px; + height: 8px; + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 5px; + background: currentColor; + border-radius: 1px; + top: 2px; + left: 2px; + height: 12px; + } +} +.gg-trending { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 10px; + height: 8px; + border-top: 2px solid; + border-right: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 0; + height: 0; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-left: 6px solid; + bottom: -3px; + right: -14px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + left: 8px; + width: 10px; + height: 2px; + bottom: 0; + } +} +.gg-trophy { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 10px; + height: 12px; + border: 2px solid; + border-bottom-left-radius: 100px; + border-bottom-right-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 6px; + border-left: 2px solid; + border-right: 2px solid; + left: -5px; + top: 0; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + box-shadow: inset 0 0 0 2px, 0 2px 0 0; + bottom: -4px; + width: 6px; + height: 4px; + border-left: 2px solid transparent; + border-right: 2px solid transparent; + left: 0; + } +} +.gg-tv { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 11px; + border: 2px solid; + border-radius: 2px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 1px; + background: currentColor; + border-radius: 10px; + bottom: -4px; + right: 2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-left: 2px solid; + border-bottom: 2px solid; + border-bottom-left-radius: 2px; + top: -6px; + left: 3px; + transform: rotate(-45deg); + width: 6px; + height: 5px; + } +} +.gg-twilio { + display: block; + position: relative; + box-sizing: border-box; + transform: scale(var(--ggs, 1)); + width: 24px; + height: 24px; + border-radius: 22px; + box-shadow: inset 0 0 0 3px; + &::after { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + background: currentColor; + border-radius: 6px; + width: 4px; + height: 4px; + top: 7px; + box-shadow: 0 6px 0; + right: 7px; + } + &::before { + content: ""; + display: block; + position: absolute; + box-sizing: border-box; + background: currentColor; + border-radius: 6px; + width: 4px; + height: 4px; + top: 7px; + box-shadow: 0 6px 0; + left: 7px; + } +} +.gg-unavailable { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(-45deg) scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 100px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + border-radius: 3px; + width: 2px; + height: 18px; + background: currentColor; + top: -2px; + left: 6px; + } +} +.gg-unblock { + box-sizing: border-box; + position: relative; + display: block; + transform: rotate(45deg) scale(var(--ggs, 1)); + width: 18px; + height: 18px; + border: 2px solid; + border-radius: 100%; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 7px; + background: currentColor; + border-radius: 5px; + left: 6px; + bottom: -2px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 7px; + background: currentColor; + border-radius: 5px; + left: 6px; + top: -2px; + } +} +.gg-undo { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 14px; + height: 14px; + border: 2px solid; + border-left-color: transparent; + border-radius: 100px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 6px; + border-top: 2px solid; + border-left: 2px solid; + top: -3px; + left: -1px; + transform: rotate(-68deg); + } +} +.gg-unsplash { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 15px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + height: 4px; + background: currentColor; + top: 0; + left: 5px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 16px; + height: 9px; + border: 5px solid; + border-top: 0; + bottom: 0; + } +} +.gg-usb-c { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 6px; + border: 2px solid transparent; + border-radius: 100px; + box-shadow: 0 0 0 2px, inset 0 0 0 10px; +} +.gg-usb { + display: block; + box-sizing: border-box; + position: relative; + width: 14px; + height: 14px; + border: 2px solid; + transform: scale(var(--ggs, 1)); + margin-bottom: -6px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + &::before { + display: block; + box-sizing: border-box; + content: ""; + position: absolute; + width: 6px; + height: 5px; + border-left: 1px solid transparent; + border-right: 1px solid transparent; + border-top: 1px solid transparent; + border-bottom: 2px solid transparent; + box-shadow: 0 0 0 2px, inset 5px 4px 0 -4px, inset -5px 4px 0 -4px; + top: -7px; + left: 2px; + } +} +.gg-voice-mail { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 12px; + height: 10px; + border-bottom: 2px solid; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 10px; + top: 0; + left: -5px; + left: 7px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 10px; + border: 2px solid; + border-radius: 10px; + top: 0; + left: -5px; + } +} +.gg-volume { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 8px; + border: 2px solid; + border-right: 0; + -webkit-perspective: 12px; + perspective: 12px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 8px; + height: 16px; + border: 6px double; + border-left: 0; + border-top-right-radius: 100px; + border-bottom-right-radius: 100px; + right: -14px; + top: -6px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 2px; + transform: rotateY(-90deg); + width: 10px; + height: 10px; + border: 2px solid; + border-left: 0; + top: -3px; + } +} +.gg-webcam { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 8px; + height: 8px; + border: 2px solid transparent; + box-shadow: 0 0 0 2px, inset 0 0 0 2px; + border-radius: 100px; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 10px; + height: 4px; + border-right: 4px solid transparent; + box-shadow: 0 2px 0, inset -2px 0 0; + bottom: -6px; + left: -3px; + } +} +.gg-website { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 22px; + height: 18px; + border: 2px solid; + border-radius: 3px; + box-shadow: 0 -1px 0; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + top: 2px; + height: 10px; + border: 2px solid; + right: 2px; + border-radius: 1px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 6px; + top: 2px; + background: currentColor; + left: 2px; + box-shadow: 0 4px 0, 0 8px 0; + border-radius: 3px; + height: 2px; + } +} +.gg-windows { + transform: scale(var(--ggs, 1)); + display: block; + position: relative; + box-sizing: border-box; + width: 17px; + height: 15px; + &::before { + display: block; + position: relative; + box-sizing: border-box; + width: 17px; + height: 15px; + content: ""; + position: absolute; + width: 7px; + height: 6px; + background: currentColor; + box-shadow: 8px 0 0, 8px 7px 0, 0 7px 0; + transform: perspective(30px) rotateY(-30deg); + } +} +.gg-youtube { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 10px; + box-shadow: 0 0 0 2px; + border-radius: 15px 15px 15px 15px /45px 45px 45px 45px; + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + left: 7px; + top: 2px; + border-left: 4px solid currentColor; + border-top: 3px solid transparent; + border-bottom: 3px solid transparent; + } +} +.gg-zeit { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 0px; + height: 0px; + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 18px solid currentColor; +} +.gg-zoom-in { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 100%; + background: linear-gradient(currentColor 5px, transparent 0) no-repeat 2px 5px/8px + 2px; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + background: currentColor; + transform: rotate(-45deg); + border-radius: 3px; + top: 10px; + left: 12px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + width: 2px; + height: 8px; + background: currentColor; + top: 2px; + left: 5px; + } +} +.gg-zoom-out { + box-sizing: border-box; + position: relative; + display: block; + transform: scale(var(--ggs, 1)); + width: 16px; + height: 16px; + border: 2px solid; + border-radius: 100%; + margin-top: -4px; + &::after { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + transform: rotate(-45deg); + border-radius: 3px; + width: 2px; + height: 8px; + top: 10px; + left: 12px; + } + &::before { + content: ""; + display: block; + box-sizing: border-box; + position: absolute; + background: currentColor; + width: 8px; + height: 2px; + top: 5px; + left: 2px; + } +}