.button.is-text{text-decoration:none!important}
.button.is-text:hover{background-color:transparent!important}
.fslightbox-slide-number-container {display:none}
.fslightbox-slide-btn-container {display:none}
.fslightbox-toolbar > div:nth-child(1) {display:none}
.fslightbox-toolbar {background:transparent!important}
.fslightbox-container video {width:100%!important;display:block!important}

  
:root {}
 
/* --- MAINTENACE --- */ 
.maintenance {max-height:100dvh; overflow:hidden;  margin:0 auto} 
  
/* --- LAYOUT --- */
.layout {width:100%; position:relative}
.main {}
 
 /* --- NAVBAR --- */
.navbar-button {height:52px; width:52px} 
.navbar-button:hover {background-color:transparent!important} 
 
 
/* -------------- */
/* --- HOME --- */
/* -------------- */

/* --- TOPBAR --- */
.topbar {}
.topbar .navbar {
	--bulma-navbar-item-img-max-height: 1.5rem;
	border-radius:var(--bulma-radius-large); 
	padding: .25rem 0;
	border:1px solid var(--bulma-border); 
}
.topbar-wrapper {width:100%;}
.topbar-left {min-width:52px;}
.topbar-right {min-width:52px;}


/* --- NAVIGATION --- */
.navigation {}
.navigation-wrapper {
	--bulma-tabs-link-padding: 0.25em 1em;
	border:1px solid var(--bulma-border);
}
.navigation-wrapper::-webkit-scrollbar {
            display: none;
 }
.navigation li a {}
.navigation ul {border-bottom:none!important}
.navigation ul li a{border-bottom:none!important}
.navigation ul li a.is-active {border-radius: var(--bulma-radius-large);
    background-color: var(--bulma-background); font-weight:bold}
	
	

/* --- ADVERTISE --- */  
.advertise {}
.advertise-banner {border:1px solid var(--bulma-border); border-radius:var(--bulma-radius-large);}
.advertise img {border:1px solid var(--bulma-border); border-radius:var(--bulma-radius-large)}



/* --- STORIES --- */  
.stories { }
.stories-wrapper {
	display:flex; 
	flex-direction:row;  
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
}
.stories-wrapper::-webkit-scrollbar {
    display: none;
 }
 
.story-item {
	
	height: auto;
    scroll-snap-align: start;
    display: flex;
	flex-direction: column;
    justify-content: start;
    align-items: flex-start;
}
.story-item .image {width:150px;  border-radius:var(--bulma-radius-large);  }
.story-item img {  object-fit:cover; background-color: var(--bulma-skeleton-background);}
.story-title {width:150px; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.story-info {position:absolute; top:0; left:0; right:0; width:100%;  display: flex; z-index:3}

.story-duration span
							{ padding:0.15rem 0.25rem;
								border-radius:var(--bulma-radius-medium);
								background-color: hsl(var(--bulma-dark-h), var(--bulma-dark-s), var(--bulma-dark-l), 0.75);
							}

.story-actions {position:absolute; bottom:0; left:0; right:0; width:100%;  display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; align-items: center}


/* --- FEED NAVIGATION --- */  
.feed-navigation {  border:1px solid var(--bulma-border); border-radius:var(--bulma-radius-large); }


/* --- HOME-ARTCILE --- */
.post { }
.post-title {line-height:1.25}
.post-category-link { } 

.post-featured-image {background-color: var(--bulma-skeleton-background);}


.post-content .video { background-color: var(--bulma-skeleton-background); border-radius:var(--bulma-radius-large); overflow:hidden; margin-bottom:1rem}


.post-content video {display:block; }
.post-content .content img {max-height:calc(100vh - 200px); border-radius:var(--bulma-radius-large); background-color: var(--bulma-skeleton-background); object-fit:cover }

.post-content .content p:has( + p.is-caption) {margin-bottom:.25rem}
 
 
.post-date {color:var(--bulma-text-weak)}
.post-views {color:var(--bulma-text-weak)}
 



/* --- FOOTER --- */ 
.footer {
	--bulma-footer-background-color: transparent;
	--bulma-footer-padding: 1rem 1.5rem 3rem;
	border-top-left-radius:var(--bulma-radius-large); 
	border-top-right-radius:var(--bulma-radius-large); 
}
 
    
/* --- BOTTOMBAR --- */ 
.bottombar {
    transform: translateY(100%);
    transition: transform var(--bulma-duration) var(--bulma-easing);
	position:fixed;
	bottom:-10px;
	left:0;
	right:0;
	border-radius:var(--bulma-radius-large); 
	border:1px solid var(--bulma-border);
	margin:0.5rem;
}
.bottombar.is-fixed-bottom {
    transform: translateY(0%); 
}
.bottombar .navbar-item {padding:0}
.bottombar .navbar-brand {justify-content: space-evenly;}
.bottombar .button {display: flex;flex-direction: column; padding:0.5em;max-width:61px;}
.bottombar .button span.is-size-7 {white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    max-width: 50px;  }
.bottombar .button span.icon{ margin-inline-end:0!important; margin-inline-start:0!important} 
 
 
 
 
 /* --- PROMPT --- */  
.prompt-snippet-code {background-color: var(--bulma-background); border-radius:var(--bulma-radius-large); padding:1rem; margin-bottom:1.75rem; border:1px solid var(--bulma-border);}
.prompt-snippet-code .prompt-highlight.is-spoiler{overflow:hidden; max-height:72px;}
.prompt-snippet-code {background-color:var(--bulma-scheme-main);  } 
.prompt-snippet-code {font-family: var(--bulma-code-family); background-color:transparent; line-height:1} 

.prompt-snippet-copy {z-index: 1;}

.prompt-snippet-code .prompt-highlight.is-spoiler:before {
    background: linear-gradient(0deg,var(--bulma-background),transparent);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	border-bottom-left-radius:var(--bulma-radius-large); border-bottom-right-radius:var(--bulma-radius-large);
}
.prompt-spoiler-button {bottom: -1.25em;
    left: calc(50% - 5.5em); 
    position: absolute; 
    z-index: 1;
}
 
 /* --- NOTEPAD --- */   
 .notepad {background-color:var(--bulma-background)}
 
/* mobile */ 
@media screen and (max-width:768px){  
	 
	 
}

/*tablet and below*/
@media screen and (min-width:769px),print{
	 
}

/*touch*/ 
@media screen and (max-width:1023px){
	 

}

/*desktop*/
@media screen and (min-width:1024px){
	 
}	 

/*wide*/
@media screen and (min-width:1216px){
	 
}

/*full*/
@media screen and (min-width:1408px){
	 
} 

#query-monitor-main {display:none!important}