@charset "utf-8";

/* Ddeeboo CSS */
.list__grid__item.ddeeboo {
	--class-box-unit: 12px;
	--ddeeboo-padding: 8px;

	--ddeeboo-stroke: 1px;
	--ddeeboo-stroke-color: var(--background-light-3);
	--ddeeboo-shadow: 1px;
	--ddeeboo-shadow-offset: 0 1px;
	--ddeeboo-shadow-color: var(--background-dark-3);
	--ddeeboo-filter:
		drop-shadow(var(--ddeeboo-stroke) var(--ddeeboo-stroke) 0 var(--ddeeboo-stroke-color)) drop-shadow(calc(-1*var(--ddeeboo-stroke)) var(--ddeeboo-stroke) 0 var(--ddeeboo-stroke-color)) drop-shadow(var(--ddeeboo-stroke) calc(-1*var(--ddeeboo-stroke)) 0 var(--ddeeboo-stroke-color)) drop-shadow(calc(-1*var(--ddeeboo-stroke)) calc(-1*var(--ddeeboo-stroke)) 0 var(--ddeeboo-stroke-color)) drop-shadow(var(--ddeeboo-stroke) 0 0 var(--ddeeboo-stroke-color)) drop-shadow(calc(-1*var(--ddeeboo-stroke)) 0 0 var(--ddeeboo-stroke-color)) drop-shadow(0 var(--ddeeboo-stroke) 0 var(--ddeeboo-stroke-color)) drop-shadow(0 calc(-1*var(--ddeeboo-stroke)) 0 var(--ddeeboo-stroke-color)) drop-shadow(var(--ddeeboo-shadow-offset) var(--ddeeboo-shadow) var(--ddeeboo-shadow-color));
}

.list__grid__item.ddeeboo .article-card {
	padding-top: 0;
}

.list__grid__item.ddeeboo .article-card__background__cover {
	rotate: unset;
	width: calc(4*var(--class-box-unit));
	height: calc(1.5*var(--class-box-unit));
	border-radius: calc(1*var(--class-box-unit));
	margin-top: var(--ddeeboo-padding);
	margin-left: var(--ddeeboo-padding);
	filter: var(--ddeeboo-filter);
	-webkit-filter: var(--ddeeboo-filter);
}

.list__grid__item.ddeeboo .article-card__background__class {
	width: calc(4*var(--class-box-unit));
	height: calc(1.5*var(--class-box-unit));
	position: absolute;
	top: var(--ddeeboo-padding);
	left: var(--ddeeboo-padding);
}

.list__grid__item.ddeeboo .article-class__top__text {
	font-size: calc(1*var(--class-box-unit));
	line-height: calc(1.5*var(--class-box-unit));
	width: 100%;
	height: 100%;
	text-align: center;
}

.list__grid__item.ddeeboo .article-card__thumb {
	height: 100%;
	padding: 4px 0 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.list__grid__item.ddeeboo .article-card__thumb__img {
	max-height: calc(100% - 24px);
	max-width: 100%;
	--ddeeboo-stroke: 1.2px;
	--ddeeboo-shadow: 1.2px;
	--ddeeboo-stroke-color: var(--background-light-c);
	--ddeeboo-filter:
		drop-shadow(var(--ddeeboo-stroke) var(--ddeeboo-stroke) 0 var(--ddeeboo-stroke-color)) drop-shadow(calc(-1*var(--ddeeboo-stroke)) var(--ddeeboo-stroke) 0 var(--ddeeboo-stroke-color)) drop-shadow(var(--ddeeboo-stroke) calc(-1*var(--ddeeboo-stroke)) 0 var(--ddeeboo-stroke-color)) drop-shadow(calc(-1*var(--ddeeboo-stroke)) calc(-1*var(--ddeeboo-stroke)) 0 var(--ddeeboo-stroke-color)) drop-shadow(var(--ddeeboo-stroke) 0 0 var(--ddeeboo-stroke-color)) drop-shadow(calc(-1*var(--ddeeboo-stroke)) 0 0 var(--ddeeboo-stroke-color)) drop-shadow(0 var(--ddeeboo-stroke) 0 var(--ddeeboo-stroke-color)) drop-shadow(0 calc(-1*var(--ddeeboo-stroke)) 0 var(--ddeeboo-stroke-color)) drop-shadow(var(--ddeeboo-shadow-offset) var(--ddeeboo-shadow) var(--ddeeboo-shadow-color));
	filter: var(--ddeeboo-filter);
	-webkit-filter: var(--ddeeboo-filter);
}

.list__grid__item.ddeeboo .article-card__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100% !important;
	max-height: initial;
	top: 0;
	left: 0;
	z-index: -1;
	padding: var(--ddeeboo-padding);
	text-align: left;
	filter: var(--ddeeboo-filter);
	-webkit-filter: var(--ddeeboo-filter);
}

.list__grid__item.ddeeboo .article-card__content::before {
	background: transparent;
	rotate: initial;
}

.list__grid__item.ddeeboo .article-card__content__emblem {
	display: none;
}

.list__grid__item.ddeeboo .article-card__content__emblem__img {
	display: none;
}

/* .list__grid__item.ddeeboo .board-list-item .item-cover div {
	height: initial;
} */

.list__grid__item.ddeeboo .article-card__content__codename {
	margin-left: calc(4*var(--class-box-unit) + 8px);
}

.list__grid__item.ddeeboo .article-card__content__codename__text {
	font-size: var(--class-box-unit);
	line-height: calc(1.5*var(--class-box-unit));
}

.list__grid__item.ddeeboo .article-card__content__rubi__text {
	color: var(--background-medium);
	font-size: var(--font-xxs);
	line-height: calc(1*var(--class-box-unit));
	text-align: right;
}

/* Animation reset */
.list__grid__item.ddeeboo:hover .article-card__body::before,
.glide__slide--active.ddeeboo .article-card__body::before {
	background: linear-gradient(to right, var(--foreground-medium) 20%, var(--foreground-medium) 40%, var(--background-medium) 50%, var(--background-medium) 55%, var(--foreground-medium) 70%, var(--foreground-medium) 100%);
}

.list__grid__item.ddeeboo .article-card__background__cover,
.list__grid__item.ddeeboo.on .article-class__top__text {
	opacity: 1;
	animation: none;
}

.list__grid__item.ddeeboo .article-card__content__codename__text,
.list__grid__item.ddeeboo .article-card__content__rubi__text {
	opacity: 1;
}

.list__grid__item.ddeeboo:hover .article-card__background__cover,
.glide__slide--active.ddeeboo .article-card__background__cover {
	animation: none;
}

.list__grid__item.ddeeboo:not(.glide__slide--active):hover .article-card__thumb__img {
	animation-name: wobble-hor-bottom;
	animation-delay: .8s;
	animation-duration: .8s;
	animation-timing-function: ease-out;
}

.list__grid__item.ddeeboo:hover .article-card__content__codename__text,
.glide__slide--active.ddeeboo .article-card__content__codename__text,
.list__grid__item.ddeeboo:hover .article-card__content__rubi__text,
.glide__slide--active.ddeeboo .article-card__content__rubi__text {
	animation-name: fade-in-bottom;
	animation-duration: .4s;
}

.list__grid__item.ddeeboo:hover .article-card__content__codename__text {
	animation-delay: 0s;
}

.list__grid__item.ddeeboo:hover .article-card__content__rubi__text {
	animation-delay: .2s;
}

/* Ddeeboo Bitmap CSS */
.list__grid__item.ddeeboo.bitmap {
	--class-box-unit: 8px;

	--font-family-display: Galmuri11, sans-serif;
	--font-family-display-7: Galmuri7, sans-serif;
}

.list__grid__item.ddeeboo.bitmap::before,
.list__grid__item.ddeeboo.bitmap::after {
	--class-box-unit: 16px;
}

.list__grid__item.ddeeboo.bitmap .article-card__background__cover {
	/* border-radius: calc(1*var(--class-box-unit)); */
	border-radius: 0;
	height: calc(2*var(--class-box-unit));
	position: relative;
}

.list__grid__item.ddeeboo.bitmap .article-card__background__cover::before,
.list__grid__item.ddeeboo.bitmap .article-card__background__cover::after {
	background-color: inherit;
	content: "";
	display: block;
	position: absolute;
}

.list__grid__item.ddeeboo.bitmap .article-card__background__cover::before {
	width: calc(4.5*var(--class-box-unit));
	height: calc(1.5*var(--class-box-unit));
	top: calc(0.25*var(--class-box-unit));
	left: calc(-0.25*var(--class-box-unit));
}

.list__grid__item.ddeeboo.bitmap .article-card__background__cover::after {
	width: calc(4.25*var(--class-box-unit));
	height: calc(1.75*var(--class-box-unit));
	top: calc(0.125*var(--class-box-unit));
	left: calc(-0.125*var(--class-box-unit));
}

.list__grid__item.ddeeboo.bitmap .article-card__content__codename__text {
	font-family: var(--font-family-display);
	font-size: var(--font-s);
	line-height: calc(2*var(--class-box-unit));
}

.list__grid__item.ddeeboo.bitmap .article-card__content__rubi {
	padding: 2px 0;
}

.list__grid__item.ddeeboo.bitmap .article-card__content__rubi__text {
	font-family: var(--font-family-display-7);
}

.list__grid__item.ddeeboo.bitmap .article-card__background__class {
	height: calc(2*var(--class-box-unit));
}

.list__grid__item.ddeeboo.bitmap .article-class__top__text {
	font-family: var(--font-family-display);
	font-variant-numeric: slashed-zero;
	font-weight: 700;
	line-height: calc(2*var(--class-box-unit));
}