body{font-family: 'Roboto', sans-serif; font-weight:300;}
[data-state="core"] {
  --duration: 400ms;
  --delay: 100ms;
  --color: #E7EEF8;
  --gold: #D59B02;
  --title: #acacac;
  --typography: 0.775rem;
  --faded-color: rgba(152, 182, 225, 0.5);
}
.bg-fc{background-color: #F5F7FA;}
.text-gold{color: var(--gold)}
.text-title{color:var(--title)}

.site-title {left: 60px;top: -46px;font-size: 13px; }
.site-title-info {left: 60px;top: -25px;font-size: 14px;}

#sidebar li{
    overflow: hidden;
}
#sidebar li.tech{
	-webkit-animation: post var(--duration) cubic-bezier(0.5, 0, 0.2, 1) backwards;
		animation: post var(--duration) cubic-bezier(0.5, 0, 0.2, 1) backwards;
}
#sidebar li.tech:nth-child(1) {
	-webkit-animation-delay: calc(1 * var(--delay));
		animation-delay: calc(1 * var(--delay));
}
#sidebar li.tech:nth-child(2) {
	-webkit-animation-delay: calc(2 * var(--delay));
		animation-delay: calc(2 * var(--delay));
}
#sidebar li.tech:nth-child(3) {
	-webkit-animation-delay: calc(3 * var(--delay));
		animation-delay: calc(3 * var(--delay));
}
#sidebar li.tech:nth-child(4) {
	-webkit-animation-delay: calc(4 * var(--delay));
		animation-delay: calc(4 * var(--delay));
}
#sidebar li.tech:nth-child(5) {
	-webkit-animation-delay: calc(5 * var(--delay));
		animation-delay: calc(5 * var(--delay));
}
#sidebar li.tech:nth-child(6) {
	-webkit-animation-delay: calc(6 * var(--delay));
		animation-delay: calc(6 * var(--delay));
}
#sidebar li.tech:nth-child(7) {
	-webkit-animation-delay: calc(7 * var(--delay));
		animation-delay: calc(7 * var(--delay));
}
#sidebar li.tech:nth-child(8) {
	-webkit-animation-delay: calc(8 * var(--delay));
		animation-delay: calc(8 * var(--delay));
}
#sidebar li .product-info{
    margin-right: 2px;
    margin-top:5px;
    font-size: var(--typography);
}
#sidebar li .date-info{
    font-size: var(--typography);
    margin-top:-5px;
}

#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}
footer{
    font-size: 13px;
}
.blinker{
    animation: blink 1s infinite; /* Apply 'blink' animation, 1 second duration, repeat infinitely */
}
@-webkit-keyframes blink {
    0% {
    opacity: 1; /* Fully visible at the start */
    }
    50% {
    opacity: 0; /* Fully transparent in the middle */
    }
    100% {
    opacity: 1; /* Fully visible at the end */
    }
}

@keyframes blink {
    0% {
    opacity: 1; /* Fully visible at the start */
    }
    50% {
    opacity: 0; /* Fully transparent in the middle */
    }
    100% {
    opacity: 1; /* Fully visible at the end */
    }
}

@-webkit-keyframes post {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
}
@keyframes post {
	from {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
}


@media (min-width: 320px) and (max-width: 575.98px) {
    #sidebar {margin:0;}
}