:root{
	--base-font-size: 15px;
	--border-radius: 16px;
  --heading-font-size: 2rem;
	--db-cover-heightmedium:230px;
	--navbar-align-links: center;
	--navbar-bg-color: #fcfcfc;
	--footer-bg-color: #fcfcfc;
	--navbar-shadow-opacity: 0;
	--navbar-brand-font-size: 1.6rem;

	--brand-color-h: 0;
	--brand-color-s: 0%;
	--brand-color-l: 0%;
	
	  --callout-shadow-spread: 1px;
    --callout-shadow-opacity: 2;

	
	  --heading1: calc(var(--heading-font-size) * 1.5);
    --heading2: calc(var(--heading-font-size) * 1.4);
    --heading3: calc(var(--heading-font-size) * .8);
    --border-radius: 9px;
    --container-width: 90%;
    
    --notion-gray_background: hsl(var(--notion-gray-h), var(--notion-gray-s), 99%);
    --db-card-shadow-spread: 0px;
    --db-card-shadow-opacity: 0.03;
}

.notion-app .notion-h2{
	margin: 1rem 0rem .3rem 0rem;
}

.notion-quote{
   text-align: center;
   border: unset;
   max-width: 80%;
   margin: 0 auto;
}
.notion-h3{
	margin-top: .8rem;
}
.notion-quote .notion-button{
	display: flex;
	justify-content: center;
}
.notion-callout-text{
	margin: 0;
}
.notion-h, .notion b{
	font-weight: 600;
}
img{
	border-radius: calc(var(--border-radius) + 15px);
}
 .notion-title{
  	display: none;
  }
.notion-callout {
   border:1px solid var(--bg-color-1);
  padding: 1.5rem;
	border-radius: calc(var(--border-radius) + 15px);
  }

  .navbar.bullet-navbar .navbar-item {
    font-weight: 500;
    transition: color 0.2s ease;
  }
  
  .navbar.bullet-navbar .navbar-item:hover {
    color: var(--navbar-btn-bg-color);
  }
  .nav-cta-btn{
    height: 3rem;
    border: unset;
  }
  .notion-half-width{
  	padding: 0;
  }

hr{
	background: var(--bg-color-2);
	height: 1px;
}
.bullet-btn, .notion-button .notion-button-inner {
    background: var(--navbar-btn-bg-color);
    color: var(--navbar-btn-fg-color);
    line-height: 28px;
    opacity: 1;
    border-radius: var(--border-radius);
    padding: 8px 25px;
    font-size: 1rem;
    margin: 1rem 0;
    font-weight: 700;

}
.bullet-btn, .notion-button .notion-button-inner:hover{
	    opacity: .9;;
}
img{
	border-radius: var(--border-radius);
}
.notion-h2{
	margin-top: .8rem;
}

.notion-hash-link{
	display: none;
}

.notion-gray_background_co .notion-default-callout,
.notion-blue_background_co .notion-default-callout {
	background: var(--bg-color);
}

.notion-toggle {
  background: hsl(var(--bg-color-h),var(--bg-color-s),var(--bg-color-l));
  border: 1px solid var(--primary-border-color);
  border-radius: var(--border-radius-lg);
  margin: 1rem 1rem 1rem 1rem;
  box-shadow: var(--shadow-sm);
  transition: all .3s cubic-bezier(.4,0,.2,1);
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--border-radius);
}

.notion-toggle:hover {
  box-shadow: var(--shadow-md);
  border-color: hsla(var(--brand-color-h),var(--brand-color-s),var(--brand-color-l),.2);
  transform: translateY(-2px)
}

summary {
  list-style: none;
  list-style-type: none;
  padding: 1.5rem;
  cursor: pointer;
  font-weight: 600;
  color: hsl(var(--fg-color-h),var(--fg-color-s),var(--fg-color-l));
  position: relative;
  transition: all .3s ease;
}

summary::-webkit-details-marker {
  display: none
}

summary::after {
  content: '+';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: var(--navbar-btn-bg-color);
  color: hsl(var(--bg-color-h),var(--bg-color-s),var(--bg-color-l));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  transition: all .3s ease
}

details[open] summary::after {
  content: '−';
  transform: translateY(-50%)rotate(180deg)
}

details[open] summary {
  color: hsl(var(--brand-color-h),var(--brand-color-s),var(--brand-color-l));
  padding-bottom: 1.5rem
}

details>div {
  padding: 0 2rem 2rem;
  font-size: var(--base-font-size);
  line-height: 1.7;
  border-top: 1px solid var(--primary-border-color);
  margin-top: -.5rem;
  padding-top: 1.5rem
}

details[open] {
  background: linear-gradient(135deg,hsla(var(--brand-color-h),var(--brand-color-s),var(--brand-color-l),.02) 0%,hsl(var(--bg-color-h),var(--bg-color-s),var(--bg-color-l)) 100%)
}





.co-webeeui-three-col .notion-callout-text>*{
	text-align: center;
}

.co-webeeui-three-col .notion-collection-card-body{
  padding: 0;
  margin: 0;
}
.co-webeeui-three-col .notion-gallery-grid{
  border: unset;
}

.co-webeeui-three-col .notion-collection-card{
  margin-bottom: 1rem;
  padding:  20px;
}

.co-webeeui-three-col .notion-page-icon-inline{
     width: 50px;
     height: 50px;
     max-height: 100px;
     max-width: 100px;
}
.co-webeeui-three-col .notion-page-title-icon{
     width: 50px;
     height: 50px;
     max-height: 100px;
     max-width: 100px; 
     margin: 0;
}
.co-webeeui-three-col .notion-property-text{
    font-size:.75rem;
    white-space: pre-wrap;
}
.co-webeeui-three-col .notion-collection-header{
  display: none;
}

.co-webeeui-three-col .notion-collection-card:hover{
	background: var(--db-card-bg);
}
.co-webeeui-three-col .notion-collection-view{
	 text-align: left;
}
.co-webeeui-three-col .notion-page-title{
	display: grid;
	font-size: 1.2rem;
	gap: 1rem;
}

.co-webeeui-three-col .notion-collection-card{
	position: relative;
}
.co-webeeui-three-col .notion-collection-card:before{
	  position: absolute;
	  content: '';
	  background: hsl(var(--brand-color-h), var(--brand-color-s), var(--brand-color-l), 0.1);
	  width: 30%;
	  height: 100px;
	  top: 0;
	  right: 0;
	  filter: blur(5rem);
}
.blog .blog-contents .blog-details h3{
	font-weight: 600;
}
.bullet-copyright{
	font-size:.9rem;
}
.bullet-column-container .social-container{
	padding: 20px 0;
}
.categories-section,
.categoriezed-blogs
{
	padding-bottom: 5rem;
}
.nav-cta-btn>*{
	font-weight: 700;
}
.notion-callout .notion-quote{
	padding: 0;
}

@media(max-width: 1024px){
	:root{
		    --container-width: 100%;
	}
	.notion-quote{
		max-width: 100%;
	}
}