@charset "utf-8";

/* OpenSource CSS */
/* https://css.gg/  */

/* アイコン：ダウンロード */
.gg-software-download {
 box-sizing: border-box;
 position: relative;
 display: inline-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
}

.gg-software-download::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
}

.gg-software-download::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: inline-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
}

.gg-software-upload::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
}

.gg-software-upload::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 height: 10px;
 background: currentColor;
 left: 5px;
 bottom: 3px
} 

/* ゴミ箱 */
.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
}

.gg-trash::after,
.gg-trash::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute
}

.gg-trash::after {
 background: currentColor;
 border-radius: 3px;
 width: 16px;
 height: 2px;
 top: -4px;
 left: -5px
}

.gg-trash::before {
 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-calendar-today {
 box-sizing: border-box;
 position: relative;
 display: inline-block;
 transform: scale(var(--ggs,1));
 width: 18px;
 height: 18px;
 border: 2px solid;
 border-top: 4px solid;
 border-radius: 3px
}

.gg-calendar-today::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 background: currentColor;
 height: 4px;
 width: 4px;
 border-radius: 2px;
 right: 2px;
 bottom: 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
}

.gg-sync::after,
.gg-sync::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)
}

.gg-sync::before {
 border-left: 6px solid;
 bottom: -1px;
 right: -3px
}

.gg-sync::after {
 border-right: 6px solid;
 top: -1px;
 left: -3px
} 