/* icon sınıfı */
.icon{--scale: .85;border:1px solid transparent;text-align: center;cursor: pointer;border-radius: calc(var(--scale) * 10px);display: flex;align-items: center;justify-content: center;height: calc(var(--scale) * 45px);width: calc(var(--scale) * 45px);} 
.icon[data-scale="0.5"]{--scale:0.5}
.icon[data-scale="0.6"]{--scale:0.6}
.icon[data-scale="0.7"]{--scale:0.7}
.icon[data-scale="0.8"]{--scale:0.8}
.icon[data-scale="0.9"]{--scale:0.9}
.icon[data-scale="1"]{--scale:1}
.icon[data-scale="1.1"]{--scale:1.1}
.icon[data-scale="1.2"]{--scale:1.2}
.icon[data-scale="1.3"]{--scale:1.3}
.icon[data-scale="1.4"]{--scale:1.4}
.icon[data-scale="1.5"]{--scale:1.5}
.icon[data-scale="1.6"]{--scale:1.6}
.icon[data-scale="1.7"]{--scale:1.7}
.icon[data-scale="1.8"]{--scale:1.8}
.icon[data-scale="1.9"]{--scale:1.9}
.icon[data-scale="2"]{--scale:2}
.icon[data-scale="2.5"]{--scale:2.5}
.icon[data-scale="3"]{--scale:3}
.icon[data-scale="3.5"]{--scale:3.5}
.icon[data-scale="4"]{--scale:4}
/* icon sınıfı son */

.menu{transform:scale(var(--scale))}.menu,.menu::after,.menu::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.menu::after,.menu::before{content:"";position:absolute;top:-6px}.menu::after{top:6px}
.home{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 0 bottom/4px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat right bottom/4px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));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}.home::after,.home::before{content:"";display:block;box-sizing:border-box;position:absolute}.home::before{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}.home::after{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}
.info{background-color: transparent;box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:20px;height:20px;border:2px solid;border-radius:40px}.info::after,.info::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.info::after{bottom:2px;height:8px}.info::before{height:2px;top:2px}
.details-more{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:20px;height:14px;border:2px solid transparent}.details-more::after,.details-more::before{content:"";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor}.details-more::before{box-shadow:0 4px 0 0;top:0;width:16px}.details-more::after{width:10px;bottom:0}
.file{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));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}.file::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}.arrow-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:22px;height:22px}.arrow-up::after,.arrow-up::before{content:"";display:block;box-sizing:border-box;position:absolute;top:4px}.arrow-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px}.arrow-up::before{width:2px;height:16px;left:10px;background:currentColor}
.arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:22px;height:22px}.arrow-left::after,.arrow-left::before{content:"";display:block;box-sizing:border-box;position:absolute;left:3px}.arrow-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.arrow-left::before{width:16px;height:2px;bottom:10px;background:currentColor}
.warning{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:24px;height:24px}.warning::before{content:'';position:absolute;left:50%;bottom:1px;transform:translateX(-50%) rotate(0);width:0;height:0;top:.5px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:20px solid currentColor;--b:3px;clip-path:polygon(50% 0,100% 100%,0 100%,50% 0,50% var(--b),calc(var(--b)*cos(30deg)) calc(100% - var(--b)/ 2),calc(100% - var(--b)*cos(30deg)) calc(100% - var(--b)/ 2),50% var(--b));background:currentColor;mask-image:none;-webkit-mask-image:none}.warning::after{content:'!';position:absolute;top:6px;left:50%;transform:translateX(-50%);font-weight:700;font-size:13px;color:currentColor;font-family:sans-serif;font-style:normal}
.danger{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:20px;height:20px;border:2px solid;border-radius:40px}.danger::after,.danger::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.danger::after{top:2px;height:8px}.danger::before{height:2px;bottom:2px}
.check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.check::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)}
.trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));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}.trash::after,.trash::before{content:"";display:block;box-sizing:border-box;position:absolute}.trash::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.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}
.moon,.moon::after{display:block;box-sizing:border-box;border-radius:50%}.moon{overflow:hidden;position:relative;transform:rotate(-135deg) scale(var(--scale));width:20px;height:20px;border:2px solid;border-bottom-color:transparent}.moon::after{content:"";position:absolute;width:12px;height:18px;border:2px solid transparent;box-shadow:0 0 0 2px;top:8px;left:2px}
.sun{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:24px;height:24px;background:linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 5px -6px/2px 6px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 5px 14px/2px 6px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat -8px 5px/6px 2px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 14px 5px/6px 2px;border-radius:100px;box-shadow:inset 0 0 0 2px;border:6px solid transparent}.sun::after,.sun::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}.sun::before{transform:rotate(-45deg)}.sun::after{transform:rotate(45deg)}
.screen{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.screen::after,.screen::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.screen::before{width:2px;height:6px;top:10px;left:8px}
.copy{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:14px;height:18px;border:2px solid;margin-left:-5px;margin-top:-4px}.copy::after,.copy::before{content:"";display:block;box-sizing:border-box;position:absolute}.copy::before{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat right top/5px 2px,linear-gradient( to left,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}.copy::after{width:6px;height:2px;background:currentColor;left:2px;top:2px;box-shadow:0 4px 0,0 8px 0}
.link{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--scale));width:8px;height:2px;background:currentColor;border-radius:4px}.link::after,.link::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:10px;border:2px solid;top:-4px}.link::before{border-right:0;border-top-left-radius:40px;border-bottom-left-radius:40px;left:-6px}.link::after{border-left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;right:-6px}
.sidebar-left,.sidebar-left::before{display:block;box-sizing:border-box;height:16px}.sidebar-left{border-left:2px solid;position:relative;transform:scale(var(--scale));width:18px}.sidebar-left::before{content:"";position:absolute;width:14px;border:2px solid;top:0;left:2px}
.close{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:22px;height:22px;border:2px solid transparent;border-radius:40px}.close::after,.close::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}.close::after{transform:rotate(-45deg)}
.more-alt{transform:scale(var(--scale))}.more-alt,.more-alt::after,.more-alt::before{box-sizing:border-box;position:relative;display:block;width:4px;height:4px;background:currentColor;border-radius:100%}.more-alt::after,.more-alt::before{content:"";position:absolute;top:0}.more-alt::after{left:-6px}.more-alt::before{right:-6px}
.share{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:6px;height:6px;left:-6px;background:currentColor;border-radius:100px;box-shadow:10px -6px 0,10px 6px 0}.share::after,.share::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;left:2px}.share::before{top:0;transform:rotate(-35deg)}.share::after{bottom:0;transform:rotate(35deg)}
.log-out{box-sizing:border-box;position:relative;display:block;width:6px;height:16px;border:2px solid;transform:scale(var(--scale));border-right:0;border-top-left-radius:2px;border-bottom-left-radius:2px;margin-left:-10px}.log-out::after,.log-out::before{content:"";display:block;box-sizing:border-box;position:absolute}.log-out::after{border-top:2px solid;border-left:2px solid;transform:rotate(-45deg);width:8px;height:8px;left:4px;bottom:2px}.log-out::before{border-radius:3px;width:10px;height:2px;background:currentColor;left:5px;bottom:5px}
.i-options{box-sizing:border-box;position:relative;display:block;transform:scale(var(--scale));width:10px;height:2px;box-shadow:-3px 4px 0 0,3px -4px 0 0}.i-options::after,.i-options::before{content:"";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:100%}.i-options::before{top:-7px;left:-4px}.i-options::after{bottom:-7px;right:-4px}
.code{transform:scale(var(--scale))}.code,.code::after,.code::before{box-sizing:border-box;position:relative;display:block;width:8px;height:20px}.code::after,.code::before{content:"";position:absolute;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg) scaleY(1);left:-4px;top:6px}.code::after{transform:rotate(-45deg) scaleX(-1);left:4px}
.attribution{display:block;box-sizing:border-box;transform:scale(var(--scale));width:16px;height:18px;background:linear-gradient(to left,currentColor 14px,transparent 0) no-repeat 1px 2px/8px 2px,linear-gradient(to left,currentColor 14px,transparent 0) no-repeat 6px 14px/6px 2px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat 10px 12px/6px 6px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat 0 0/6px 6px}.attribution::after,.attribution::before{content:"";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid}.attribution::before{border-right:0;border-top-left-radius:10px;border-bottom-left-radius:10px;top:8px;left:2px}.attribution::after{border-left:0;border-top-right-radius:10px;border-bottom-right-radius:10px;right:2px;top:2px}

#github-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;text-decoration:none;background:0 0;border:none;cursor:pointer;border-radius:10px;transition:background-color .3s}
#github-button svg{width:24px;height:24px;transition:color .3s;color:#000}
#github-button:hover{background-color:rgba(0,0,0,.1)}