/* auuga web app 2025 */

:root {
	--c-whitesmoke: #f5f5f5;
  --c-paleturquoise: #afeeee;
  --c-thistle: #d8bfd8;
  --c-plum: #b180b1;
  --c-powderblue: #b0e0e6;
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@font-face {
  font-family: 'Inter';
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url("../fonts/Inter.var.woff2?v=3.19") format("woff2");
}

/* ++++ themes ++++ */

.paint-it-whitesmoke {
	background-color: var(--c-whitesmoke);
}

.paint-it-whitesmoke .paint-tag {
  background-color: #CDD1D9;
}

.paint-it-thistle {
	background-color: var(--c-thistle);
}

.paint-it-thistle .paint-btn, .paint-it-thistle .paint-tag {
  background-color: #eee3ee;
  box-shadow: none;
  --bulma-button-border-l: var(--bulma-info-l);
  --bulma-button-border-width: 0px;
}

.paint-it-thistle .paint-btn:hover, .paint-it-thistle .paint-tag:hover {
  background-color: #ceaece;
}

.paint-it-powderblue {
	background-color: var(--c-powderblue);
}

.paint-it-powderblue .paint-btn, .paint-it-powderblue .paint-tag {
  background-color: #ebf9ff;
  box-shadow: none;
  --bulma-button-border-l: var(--bulma-info-l);
  --bulma-button-border-width: 0px;
}

.paint-it-powderblue .paint-btn:hover, .paint-it-powderblue .paint-tag:hover {
  background-color: #d1f1ff;
}

.admin-theme-badge {
    padding: 2px 5px;
    border-radius: 6px;
}

.admin-theme-whitesmoke {
    background-color: var(--c-whitesmoke);
}

.admin-theme-powderblue {
    background-color: var(--c-powderblue);
}

.admin-theme-thistle {
    background-color: var(--c-thistle);
}

/* ---- themes ---- */

.is-size-big {
  font-size: 5rem !important;
}

.f-folder-paleturquoise {
	filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(760%) hue-rotate(122deg) brightness(98%) contrast(90%);
}

.f-folder-dark {
	filter: brightness(0) saturate(100%) invert(70%) sepia(36%) saturate(5199%) hue-rotate(136deg) brightness(97%) contrast(101%);
}

.f-folder-light {
	filter: brightness(0) saturate(100%) invert(43%) sepia(71%) saturate(5367%) hue-rotate(180deg) brightness(97%) contrast(101%);
}

.f-folder-light2 {
	filter: brightness(0) saturate(100%) invert(37%) sepia(55%) saturate(1417%) hue-rotate(221deg) brightness(86%) contrast(84%);
}


.button img {
	width: 1em;
	position: relative;
	top: .02em;
	margin-right: .2em;
}

.dropdown-item .dropimg {
	width: 1.2em;
	position: relative;
	top: .2em;
}

.dropdown-item.is-running {
	font-weight: 600 !important;
}

/*.dropdown-item.is-running:after {
	content: "⚡️"
}*/

.dropdown-section {
	/*opacity: 0.8;*/
	background-color: #efefef;
	color: #000;
	position: relative;
	top: -.7em;
	font-size: 0.8rem;
}

.dropdown-section:first-child {
	border-top-right-radius: var(--bulma-dropdown-content-radius);
	border-top-left-radius: var(--bulma-dropdown-content-radius);
}


.addmode {
	border-left: 2em solid #ddd;
}

.addmode .headimg {
	width: 4em;
	position: absolute;
	right: 29px;
	top: 17px;
}

.radio input {
	position: relative;
	top: .05em;
	margin-right: .2em;
}


.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-white {
  border-color: #ddd;
}

.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-light {
  border-color: #ddd;
}

.eye {
	width: 1em;
	position: relative;
	top: .05em;
	margin-left: .1em;
}

.auuga-bookmark {
    display: flex;
}

#bookmark-list.edit-mode .auuga-bookmark img {
    animation: shake 0.4s linear infinite;
}

#bookmark-list.hide-captions .auuga-bookmark span {
    display: none;
}

@keyframes shake {
    0% {
        transform: rotateZ(0deg) translateX(0) translateY(0) scale(1);
    }
    20% {
        transform: rotateZ(-2deg) translateX(0) translateY(0);
    }
    40% {
        transform: rotateZ(0deg) translateX(0) translateY(0);
    }
    60% {
        transform: rotateZ(2deg) translateX(0) translateY(0);
    }
    100% {
        transform: rotateZ(0deg) translateX(0) translateY(0);
    }
}

.devil.is-fullheight {
  min-height: calc(100dvh - 8.5em);
}

.devil-body {
  margin-top: 2em;
  padding-bottom: 5em;
}

.tag a img {
	width: 1em;
	margin-left: .2em;
	position: relative;
	top: .1em;
	opacity: 0.5;
}

.is-ghost {
	color: #444 !important;
	padding-left: 0;
}

form .title img {
	width: .5em;
}

.is-bw {
	filter: grayscale(100%);
}

.is-opacity-50 {
	opacity: 0.5;
}


.is-visible {
  visibility: visible !important;
}
.is-invisible {
  visibility: hidden !important;
}

.is-shadow {
  box-shadow: var(--bs-box-shadow-sm) !important;
}


.dropdown-item.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ethereal {
	opacity: 0.9;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.file-label img {
	width: 1em;
	margin-right: .5em;
}

.is-pleasewait {
	background-color: rgb(255, 235, 239) !important;
	border-color: rgb(255, 102, 133);
	box-shadow: rgba(51, 51, 51, 0) 0px 1px 2px 0px, rgba(51, 51, 51, 0) 0px 2px 4px 0px;
	color: rgb(128, 0, 26);
}

.welcomebox svg {
		position: relative;
		top: .18em;
}

.admintable img {
	width: 1.5em;
}

.copypaste img {
	width: 1em;
	margin-left: 1em;
}

.copypaste .tag {
	position: relative;
	top: -0.4em;
}

#tagListDropdown sup {
	margin-left: .2em;
	opacity: 0.5;
}





/* medias ---------------------------------------- */ 

@media (min-width: 900px) {
	.devil-body {
	  margin-top: 4em;

	}

}

@media (min-width: 1200px) {
	.devil-body {
	}

}

/*iphone*/
@media (max-width: 768px) {
	.devil-body {
	}

    .devil.is-fullheight {
        min-height: calc(100dvh - 6.5em);
    }

	.welcomebox {
		margin-left: 1em;
		margin-right: 1em;
	}
	.addmode .headimg {
		width: 3em;
	}
}