:root{
	--bs-blue: #000;
	--bs-primary-rgb: 0, 0, 0;
	--bs-primary: #000;
	--bump-color: #a9a9a9;
	--bs-link-color: #000;
	--bs-link-color-rgb: 0, 0, 0;
	--bs-link-hover-color: #000;
	--bs-link-hover-color-rgb: 0, 0, 0;
	--bs-btn-active-bg: #000;
	/* mygreeen	background: #68d0a3;*/
	--bs-focus-ring-width: 0;
	--bs-secondary-color: rgba(33, 37, 41, 0.75);
	--bs-secondary-color-rgb: 33, 37, 41;
	--bs-form-range-thumb-active-bg: #000;
}
[data-bs-theme=dark] {
	color-scheme: dark;
	--bs-body-bg: #000;
	--bs-white-rgb: 0, 0, 0;
	--bs-heading-color: #e2e2e2;
	--bs-dark-rgb: 175,175,175;
	--bs-link-color-rgb: 175,175,175;
	--bs-secondary-rgb: 175,175,175;
}
body{
	letter-spacing: -0.15px;
}
i[data-icon] {
	display: none;
}
.btn{
	letter-spacing: -0.4px;
}
/* ACCESSIBILITY APPROVED GRAY TEXT COLOR */
.text-body-tertiary, .author, .content-table li a, .text-black-50, .with-more, .cats span{
	color: #757575 !important;
}
.text-black-60{
	color: #646464 !important;
}
.text-black-75{
	color: #353535 !important;
}

/*BOOTSTRAP*/
.modal-backdrop {--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: 0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg);}
.modal-backdrop.fade {opacity:0;}
.modal-backdrop.show {opacity:var(--bs-backdrop-opacity);}
.toast.showing {opacity:0;}
.collapsing {height:0;overflow:hidden;transition:height .35s ease;}
.collapsing.collapse-horizontal {width:0;height:auto;transition:width .35s ease;}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
	background: #fff;
	border-color: #696969;
	color: #484848;
}
@media (min-width: 1200px) {
	.fs-1 {
		font-size: 3rem !important;
	}
}
input[type=checkbox]:focus,
input[type=checkbox]:active {
		outline: none !important;
		box-shadow: none !important;
}

a:active, a:focus-visible{
	outline: 0;
}
button:focus{
	box-shadow: none !important;
}
input:focus{
	box-shadow: 0 0 0 0.25rem rgba(0,0,0,.12) !important;
}
textarea{
	resize: none;
}
.form-control:focus{
	border-color: #494949;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	background: #000;
	border-color: #000;
}
.no-transition * {
	transition: none !important;
}
p a, .link-underline, .text-underline{
	text-decoration: underline !important;
}

.form-check-input:checked{
	background-color: #000;
	border-color: #000;
}
.form-check-label{
	cursor: pointer;
}
.lh-0{
	line-height: 0;
}
.lh-1-1{
	line-height: 1.1;
}
.cursor-pointer{
	cursor: pointer;
}
.fs-7{
	font-size: 0.85rem !important;
}
.fs-8{
	font-size: 0.71rem !important;
}
h2, h3, h4, h5, h6 {
	letter-spacing: -0.5px
}
h1{
	letter-spacing: -1.6px;
}
.low-ls{
	letter-spacing: -1.4px;
}
.sub-low-ls{
	letter-spacing: -0.7px;
}
.proper-ls{
	letter-spacing: -0.3px;
}
a{
	text-decoration: none;
}
a.link{
	color: #3c65e8;
}
.container{
	max-width: 1140px;
}
.list-square{
	list-style: square;
}
form.search i{
	position: absolute;
	top: 4px;
	left: 8px;
	color: #585c5e;
}
.website-header{
	border-bottom: 1px solid #ededed;
}
.navbar-brand img{
	user-select: none;
}
.fs-xl{
	font-size: 3em;
}
.mb-0{
	margin-bottom: 0 !important;
}
.mx-w100{max-width: 100%}
*::selection {
	background: #000;
	color: #fff;
}

/* ICON */
.icony{
	display: inline-flex;
	align-items: center;
}
.icony svg{
	margin-left: 4px;
}
.i-12, .i-14, .i-16, .i-18, .i-20, .i-22,.i-24, .i-26, .i-28, .i-32, .i-36{display: inline-block}
.i-12{
	width: 12px;
	height: 12px;
}
.i-14{
	width: 14px;
	height: 14px;
}
.i-16{
	width: 16px;
	height: 16px;
}
.i-18{
	width: 18px;
	height: 18px;
}

.i-20{
	width: 20px;
	height: 20px;
}
.i-22{
	width: 22px;
	height: 22px;
}

.i-24{
	width: 24px;
	height: 24px;
}
.i-26{
	width: 26px;
	height: 26px;
}
.i-28{
	width: 28px;
	height: 28px;
}
.i-32{
	width: 32px;
	height: 32px;
}
.i-36{
	width: 32px;
	height: 32px;
}
.purple{
	color: #753be8;
}
.dark-blue{
	color: #4a21ef;
}



/* Buttons */
.btn-primary{
	background: #292929;
	border-color: #292929;
}
.btn-primary:hover{
	background: #151515;
	border-color: #151515;
}
.btn-outline-primary{
	background: #ffffff;
	color: #292929;
	border-color: #b6b6b6;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .thing.mainly:hover .btn-outline-primary{
	background: #292929 !important;
	border-color: #292929 !important;
	color: #fff;
}
.btn * {
	transition: all 0.08s ease;
}
.purple-bg{
	background: #7b55bc;
}
.purple-bg:hover{
	background: #643fa3;
}
.dark-blue-bg{
	background: #4a21ef;
}
.dark-blue-bg:hover{
	background: #3616b8;
}
.melow-white{
	background: #f0f0f0;
}
.melow-white:hover{
	background: #e3e3e3;
}
/*.btn-shadowy{
	position: relative;
	border-radius: 10px !important;
}
.btn-shadowy:hover::after{
	left: 0;
	bottom:0;
}
.btn-shadowy::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: -7px;
	bottom: -7px;
	background: #fff;
	z-index: -1;
	border: 2px solid black;
	border-radius: 10px;
}*/
.btn.py-v{
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-shadow{
	position: relative;
	padding: 10px 26px !important;
}
.btn-shadow:hover::after{
	left: 0;
	bottom:0;
}
.btn-shadow::after{
	content: '';
	transition: all 0.12s ease-in;
	width: 100%;
	height: 100%;
	position: absolute;
	left: -4px;
	bottom: -6px;
	background: #fff;
	z-index: -1;
	border: 2px solid black;
	border-radius: 30px;
}
.pulse{
/*	-webkit-animation: pulse 1.5s infinite;*/
}
.dark-blue-bg.pulse{
	box-shadow: 0 0 0 0 rgba(74, 33, 239, .5);
	-webkit-animation: pulse-dark-blue 1.5s infinite;
}
@-webkit-keyframes pulse-dark-blue{
  70% {
    box-shadow: 0 0 0 20px rgba(74, 33, 239, 0);
  }
    100% {
    box-shadow: 0 0 0 0 rgba(74, 33, 239, 0);
  }
}
.black-bg.pulse{
	box-shadow: 0 0 0 0 rgba(0,0,0, .5);
	-webkit-animation: pulse-black 1.5s infinite;
}
@-webkit-keyframes pulse-black{
  70% {
    box-shadow: 0 0 0 20px rgba(0,0,0, 0);
  }
    100% {
    box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}


/*APP*/
body.is-app::before{
	content: '';
	width: 100%;
	height: 50px;
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	z-index: 1030;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 100%);
}
body.is-app{
	--bs-backdrop-bg: #fff
}
body.is-app h1.view-title{
	padding-top: 10px;
}

.modal{
	padding-top: env(safe-area-inset-top) !important;
}
.is-app .toast{
	bottom: 55px !important;
	z-index: 1000;
}
.is-app #signup .modal-header, .is-app #login .modal-header, #onboard .modal-header{
	background: white;
}
.is-app .modal-fullscreen{
	width: 100% !important;
	padding-bottom: 20px;
}
.is-app .fs-3{
	font-size: calc(1.3rem + 1.7vw)!important;
	letter-spacing: -1px;
}
.is-app .modal-backdrop{
	background: white;
}
.is-app .modal-backdrop.show{
	background: white;
	opacity: 1;
}
.is-app .chapterTitle{
	margin-top: 0 !important;
}
.is-app .navbar{
	padding-top: 0 !important;
}
body.is-app * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
	-webkit-user-drag: none
}
.is-app .reading * {
    -webkit-touch-callout: auto;
    -webkit-user-select: text;
}

#onboard .btn-close{
	background-color: #fff;
}

/* Thing */
.thing{
	font-family: 'DM Sans', serif;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	padding: 25px 30px;
	box-shadow: 5px 5px 0 #e8e8e8;
	margin-bottom: 5px !important;
	transition: box-shadow 0.12s ease, transform 0.12s ease-in-out;
	align-items: center;
}
.thing:hover{
	box-shadow: none;
}
.thing figure, .same-thing figure{
	display: flex;
	justify-content: center;
	position: relative;
	padding-bottom: 10px;
}
.thing figure::before, .same-thing figure::before{
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: var(--bump-color);
	border-radius: 15em 15em 1em 1em;
	z-index: 0;
	opacity: 0.15;
}
.things-mini .thing figure::before {
	width: 106%;
}
.same-thing.col-md-3 figure::before{
	height: 70px;
}
.thing figure img, .same-thing figure img, .cards img, .fast-search img.cover{
	background: #eee;
	max-width: 73%;
	height: auto;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	aspect-ratio: 1 / 1.5;
	object-fit: cover;
	z-index: 1;
}
.fast-search img.cover{
	max-width: 100%;
}
.same-thing.book-lefty figure img{
	transform: scale(1.07);
	animation: transform-none 0.3s ease-in-out forwards;
}
.same-thing.book-lefty figure::before{
	transform: scale(0.96);
	animation: transform-none 0.5s ease-in-out forwards;
}
@keyframes transform-none {
	to {
		transform: none;
	}
}
.thing .progressbar{
	width: 100px;
	border-radius: 25px;
	display: inline-block;
	margin-right: 8px;
	overflow: hidden;
	height: 5px;
	background: #f4f4f4;
}
.thing .progressbar i{
	height: 5px;
	background: #e0f5c6;
	display: block;
}
.thing .p-state span{
	color: #aeaeae;
}
.thing .p-state span.fin{
	color: #c3c3c3;
}
.thing .lil-trash{
	visibility: hidden;
	display: flex;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #f6f6f6;
	padding: 5px;
	border-radius: 50%;
	color: #999;
	transition: all 0.2s ease;
	opacity: 0;
}
.thing:hover .lil-trash{
	visibility: visible;
	opacity: 1;
}

/*.thing:hover .heading span{
	border-color: #000;
}*/
.thing.mainly{
	max-width: 550px;
}
.thing.mainly:hover .btn svg{
	margin-left: 8px;
}
.things-mini .thing{
	width: 200px;
	padding: 15px;
}
.discover-content li, .btn, .cats.bigger a{
	transition: transform 0.15s ease-in-out;
}
.thing:active, .discover-content li:active, .btn:active, .cats.bigger a:active{
	transform: scale(0.97);
}
.thing .heading span{
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000;
	border-bottom: 1px solid #d6d6d6;
	transition: all 0.1s ease;
}
.things-flexible .thing{
	margin-bottom: 0 !important;
}

.things-flexible .mini-icon{
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 29px;
	height: 29px;
	padding:4px;
	color: #676767;
	background: #f5f5f5;
}



/* Modal */
.ls-modal{
	border-radius: 10px;
	border: 0;
}
.modal .btn-close{
	background-color: #dcdcdc;
	border-radius: 50%;
	background-size: 11px;
	padding: 6px;
	opacity: 1;
	margin: 0;
}
.modal-header{
	background: #eee;
}
.modal .lw-btn.google:hover{
	border-color: #d93f21 !important;
	background: #d93f21 !important;
	color: #fff;
}
.modal .lw-btn.fb:hover{
	border-color: #3e6ad6 !important;
	background: #3e6ad6 !important;
	color: #fff;
}
.modal .lw-btn.apple:hover{
	border-color: #000 !important;
	background: #000 !important;
	color: #fff;
}
.lw-btn svg, .lw-btn img{
	background: #fff;
	position: absolute;
	padding: 2px;
	margin-left: 8px;
}



/* CAROUSEL */
.carousel .shadowy{
	height: 100%;
	background: #fff;
	width: 100px;
	position: absolute;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: transform, opacity 0.2s ease;
}
.carousel .shadowy.right{
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	right: 0;
}
.carousel .shadowy.left{
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	left: 0;
}
.carousel .shadowy.show{
	opacity: 1;
	visibility: visible;
}
.carousel .cbutton{
	transition: all 0.2s ease;
}
.carousel button:disabled{
	opacity: 0;
	transform: translate(-60%,-50%)!important;
}
.carousel button.right:disabled{
	opacity: 0;
	transform: translate(-40%,-50%)!important;
}
.splide__arrows button{
	width: 55px;
	height: 55px;
	display: flex;
	background: #fff;
	align-items: center;
	box-shadow: 3px 3px 0 rgb(78 78 78 / 10%);
	border: 1px solid #ddd;
	opacity: 1;
	scale: 1;
}
.splide__arrows button:hover{
	background: #292929;
	border-color: #292929;
	color: #fff;
	box-shadow: none;
}
.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}
.splide__pagination__page.is-active{background:#000;z-index:1}
.splide__pagination__page:hover{cursor:pointer;opacity:.9}
.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}
.site-footer{
	margin-top: 85px;
	border-top: 1px solid #ededed;
	padding: 20px 0;
	color: #727272;
	font-size: 0.90rem;
}
.site-footer ul li a{
	color: #717171;
}
.site-footer ul li a:hover{
	color: #000;
}



/* ONBOARD */
.step{
	transition: opacity 0.5s ease;
}
.step .selecting .btn-check:checked+.btn{
	border-color: #4a21ef !important;
	color: #4a21ef;
	background: rgb(250 248 255);
	background: linear-gradient(0deg, rgb(250 248 255) 5%, rgba(255, 255, 255, 1) 100%);
}
.step .selecting .btn-outline-primary:hover{
	background: #f4f4f4 !important;
	color: #000;
	border-color: #b6b6b6;
}
.form-group.selecting .btn-check+.btn, .form-group.selecting .btn-check + .icony svg{
	transition: 0
}
.form-group.selecting .btn-check + .icony svg.icon-check, .form-group.selecting .btn-check:checked + .icony svg.icon-circle{
	display: none;
	opacity: 0;
}
.form-group.selecting .btn-check:checked + .icony svg.icon-check{
	display: block;
	opacity: 100%;
}
.progress{
	border-radius: 25px;
	height: 10px;
}
.progress-bar{
	background-color: #3c65e8;
}
.prev-btn svg{
	color: #9a9a9a;
	position: relative;
	left: -2px;
}
.chs{
	border-radius: 8px;
	border: 1px solid #d8d8d8;
	box-shadow: 5px 5px 0 #e8e8e8;
	transition: all 0.12s ease;
}
.chs.mini{
	box-shadow: 3px 3px 0 #e8e8e8;
}
.step .ch-label{
	cursor: pointer;
}
.ch-label:hover{
	color: #000;
}
.ch-label .fw-bold{
	 transition: color 0.2s ease;
}
.step .ch-label:hover .chs{
	box-shadow:none;
	border: 2px solid #4e7dd9;
}
.ch-label:hover .fw-bold{
	color: #4e7dd9;
}
.ch-label.checked .chs{
	border: 3px solid #636363;
}
.step .thing .heading span{
	border-bottom: 0;
}
.checkbox-l{
	left: 12px;
}
.books-onboarding + .fixed-cta{
	position: fixed;
	width: 100%;
	bottom:0;
	left: 0;
	z-index: 100;
}
.books-onboarding + .fixed-cta::before{
	content: '';
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
}
.books-onboarding + .fixed-cta .btn{
	white-space: nowrap;
}



/* LOAD BAR */
#loading-bar.progress-p {
	height: 3px;
	background-color: transparent;
}
#loading-bar .progress-bar {
/*	transition: width .5s;*/
	transition: width 0.28s ease-out, opacity 0.1s ease-out;
	width: 0;
}
.progress-bar.shadow {
	/*	box-shadow: 0 0 2px 0 #000 !important;*/
}


/*TODAY CHECKBOXES*/
#congratulationsToast{
	z-index: 1000;
}
.todo-item {
	display: flex;
	min-width: 300px;
	align-items: center;
	margin-bottom: 8px;
	transition: opacity 1s ease;
}
.todo-text {
	margin-left: 10px;
	font-size: 15px;
	text-decoration: underline dashed #bfc3db;
	-webkit-text-decoration: underline dashed #bfc3db;
	text-underline-offset: 3px;
	user-select: none;
}
.todo-item.done {
	opacity: 0.5;
}

.todo-item.done .checkmark-container {
	border-color: transparent;
}
.checkmark-container {
	width: 28px;
	height: 28px;
	position: relative;
	cursor: pointer;
	border: 2px solid #525252;
	border-radius: 50%;
	transition: all 0.3s ease;
	box-sizing: border-box;
}
.checkmark-container:not(.placeholder):hover {
	background-color: #dddddd;
}
.checkmark-container.placeholder{
	cursor: wait
}

.checkmark {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: block;
	stroke-width: 3;
	stroke: #fff;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #333333FF;
	position: absolute;
	top: -2px;
	left: -2px;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.checkmark.animate {
	opacity: 1;
	animation: fill .2s ease-in-out forwards, scale .2s ease-in-out .2s both;
}
.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #333333;
	fill: none;
}
.checkmark.animate .checkmark__circle {
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
}
.checkmark.animate .checkmark__check {
	animation: stroke 0.4s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
@keyframes stroke {
	100% { stroke-dashoffset: 0; }
}
@keyframes scale {
	0%, 100% { transform: none; }
	50% { transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill {
	100% { box-shadow: inset 0px 0px 0px 30px #333333FF; }
}
#todos .offcanvas-title{
	bottom: 20px;
	background: rgb(0 0 0 / 20%);
	backdrop-filter: blur(10px);
	line-height: 1;
	padding: 10px 8px;
	letter-spacing: -0.9px;
}
#todos .offcanvas-backdrop{
	background: rgb(0 0 0 / 40%);
	backdrop-filter: blur(10px);
}
#todos .offcanvas-backdrop.show{
	opacity: 1;
}
.offcanvas-bottom{
	transition-duration: 0.24s !important;
}

#todos .offcanvas p{
	margin-bottom: 0;
}

#todos .btn-outline-primary{
	border-width: 2px;
}

/*ONBOARDING / HINTS / DRIVERJS*/

.blob {
	border-radius: 50%;
	margin-right: 10px;
	height: 9px;
	width: 9px;
	cursor: pointer;
	display: inline-flex;
	transform: scale(1);
	background: rgba(74, 33, 239, 1);
	box-shadow: 0 0 0 0 rgba(74, 33, 239, 1);
	animation: hint-pulse 2s infinite;
}
@keyframes hint-pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(74, 33, 239, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 6px rgba(74, 33, 239, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(74, 33, 239, 0);
	}
}

body:has(.driver-popover) {
	overflow: hidden;
}
.driver-active-element .checkmark-container{
	opacity: 0.5;
}
#todos.driver-active-element .todo-item:first-of-type .todo-text::after{
	transition: .2s all ease-in-out;
	border-radius: 7px;
	/*border: 3px solid #4a21ef75;*/
	content: '';
	display: inline-block;
	position: absolute;
	height: 111%;
	width: 104%;
	left: -2%;
	top:-2px;
	outline-width: 1px;
	outline-offset: 0;
	outline-color: rgba(74, 33, 239, 0.75);
	outline-style: solid;
	animation: animateOutline 1.2s ease infinite;
}

@keyframes animateOutline {
	0% {
		outline-width: 1px;
		outline-offset: 0;
		outline-color: rgba(74, 33, 239, 0);
	}

	15% {
		outline-color: rgba(74, 33, 239, 0.75);
	}

	70% {
		outline-width: 5px;
		outline-offset: 4px;
		outline-color: rgba(74, 33, 239, 0);
	}

	100% {
		outline-width: 5px;
		outline-offset: 4px;
		outline-color: rgba(74, 33, 239, 0);
	}
}
.todo-item.driver-active-element:first-of-type .checkmark-container{
	border-color: #2b49ff;
	opacity: 1;
	background: #f3f0ff;
}
.driver-popover-next-btn{
	display: inline-block;
	background: #000;
	color: white;
	padding: 7px 13px;
	font-size: 13px;
	border-radius:20px;
	border: 0;
	font-weight: 700;
}
.driver-popover-btn-disabled, .driver-popover-prev-btn{
	display: none !important;
}
/*DISABLE CHECKING IN THE FIRST STEP*/
#todos.driver-active-element .checkmark-container, #todos.driver-active-element .checkmark-container svg{
	pointer-events: none !important;
}
/*DISABLE TITLE CLICKING IN THE THIRD STEP*/
.todo-item.driver-active-element .todo-text{
	pointer-events: none !important;
}
.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}
.driver-active-element{
	z-index: 99999;
	position: relative;
}
.driver-fade .driver-overlay{
	z-index: 9999 !important;
	backdrop-filter: blur(5px);
	animation:animate-fade-in .1s ease-in-out;
}
.driver-fade .driver-popover{animation:animate-fade-in .2s}
.driver-popover{
	color:#2d2d2d;margin:0;padding:15px;border-radius:1rem;min-width:280px;max-width:320px;
	border: 1px solid #ececec;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .15);
	z-index:10000;position:fixed;top:0;right:0;background-color:#fff;
}
.driver-popover.step-1{
	overflow: hidden;
}
.driver-popover.step-1::after {
	content: '';
	position: absolute;
	right: -33px;
	top: -33px;
	background: url(https://anglesapp.com/assets/images/bingo.png) no-repeat;
	background-size: 100%;
	width: 102px;
	height: 105px;
}
.driver-popover-title{color: #000;font-size:17px;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0;letter-spacing: -0.85px}
.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}
.driver-popover-description{margin-bottom:0;font-size:15px;line-height:1.3;font-weight:400;zoom:1}.driver-popover-footer{margin-top:7px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#a2a2a2;zoom:1}

.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}
/*:not(body):has(> .driver-active-element){overflow:hidden!important}*/
.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}
.driver-popover-arrow{content:'';position:absolute;border:8px solid #fff;}
.driver-popover-arrow:after{
	content:'';position:absolute;
	border:8px solid #ddd;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	top: -9px;
	left: -8px;
	z-index: -1;
}
.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}


/* TODAY/HOME */
.welcome-text{
	background: rgb(255,255,255);
	/*background: linear-gradient(90deg, #2948ff 0%, rgb(148 98 236) 70%);*/
	/*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(66,187,128,1) 50%, rgba(41,72,255,1) 75%, rgba(148,98,236,1) 100%);*/
	background: linear-gradient(270deg,
	rgba(255,255,255,1) 20%,
	rgba(66,187,128,1) 30%,
	rgba(148,98,236,1) 40%,
	rgba(41,72,255,1) 50%,
	rgb(0, 0, 0) 60%,
	rgba(0,0,0,1) 100%);
	background-size: 500%;
	background-position: 0 0;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	letter-spacing: -1.7px;
}
.welcome-text.animate{
	background-position: 100% 0;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: move-bg 1.35s ease-in-out forwards;
}
@keyframes move-bg {
	to {
		background-position: 0 0;
	}
}
.thing-w-btn{
	width: 375px;
	max-width: 100%;
	padding: 10px;
	background: white;
}
.thing-w-btn .btn{
	background: rgba(var(--bump-color-transparet), 0.2);
	border: 0;
	color: var(--bump-color);
}
.free-daily .tri{
	left: -15px;
	z-index: -1;
}
.so-light-green{
	background: #f1fae8;
}
.so-light-yellow{
	background: #f9f8e8;
}
.color-yellow{
	color: #bdb649;
}
.streak-mini{
	color: #885fee;
	z-index: 1010;
}
.streak-mini .circle-container{
	width: 35px;
	height: 35px;
}
.streak-mini .circle-container__background {
	stroke-width: 4px;
	stroke: #e8deff;
}
.streak-mini .circle-container__progress {
	stroke: #a674ff;
	stroke-width: 5px;
}
.streak{
	max-width: 370px;
	min-width: 320px;
	border-color:#ececec !important;
	font-family: 'DM Sans', Arial;
	z-index: 1100;
}
.streak li{
	padding-bottom: 7px !important;
	padding-top: 2px;
}
.streak-num{
	top: 23px !important;
}
.streak li.active svg{
	background: #a674ff !important;
}
.streak .streak-fire svg{
	width: 34px;
	height: 50px;
}
.streak .streak-fire.active svg{
	fill: #a674ff !important;
}
.streak .streak-fire.active .streak-num {
	color: #fff !important;
}
.streak .circle-container {
	width: 24px;
	height: 24px;
}
.streak .circle-container__background {
	stroke-width: 6px;
}
.streak .circle-container__progress {
	stroke: #cfcfcf;
	stroke-width: 6px;
}
.streak .is-today .circle-container__progress {
	stroke: #a674ff;
}
.streak .is-today {
	color: #a674ff !important;
	background: #f9f7ff;
	border-radius: 5px;
}
.streak .is-today .circle-container__background{
	stroke: #e8deff;
}
.blur-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	pointer-events: all;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.blur-overlay.show {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s, 0s; /* Immediate visibility change, opacity transition with duration */
}

/* CARDS */
.cards .splide__track{
	margin-left: -1rem !important;
	margin-right: -1rem !important;
	width: calc(100% + 2rem);
	padding: 0 !important;
}
.cards .slide-quote h2{
	line-height: 1.1;
	letter-spacing: -1.2px;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}
.cards .slide-quote h2::before{
	content: '"';
	font-size: 72px;
	display: block;
	height: 45px;
}
.cards .slide-quote:nth-of-type(2) h2{
	background-image: linear-gradient(to right, #3e5151, #decba4);
}
.cards .slide-quote:nth-of-type(3) h2{
	background-image: linear-gradient(to right, #396afc, #2948ff);
}
.cards .slide-quote:nth-of-type(4) h2{
	background-image: linear-gradient(to right, #093028, #237a57);
}
.cards .slide-quote:nth-of-type(5) h2{
	background-image: linear-gradient(to bottom, #2c3e50, #4ca1af);
}
.cards .slide-quote:nth-of-type(6) h2{
	background-image: linear-gradient(to bottom, #b24592, #f15f79);
}
.cards .slide-quote:nth-of-type(7) h2{
	background-image: linear-gradient(to bottom, #136a8a, #267871);
}
.cards .slide-quote:nth-of-type(8) h2{
	background-image: linear-gradient(to bottom, #6441a5, #2a0845);
}
.cards .slide-quote:nth-of-type(9) h2{
	background-image: linear-gradient(to bottom, #ff8008, #ffc837);
}
.cards .slide-quote:nth-of-type(10) h2{
	background-image: linear-gradient(to bottom, #556270, #ff6b6b);
}
.cards .mentioned-book img{
	transform: rotate(-5deg);
}
.carousel-progress {
	background: #ccc;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.carousel-progress-bar {
	background: #000;
	height: 2px;
	transition: width 400ms ease;
	width: 0;
}


/* BOOK SINGLE */
.s-thin{
	stroke-width: 1.8
}
.s3{
	stroke-width: 3
}
.main-cta span{
	color: #6c6c6c;
}
.just-data a:hover{
	color: #000;
}
.mini-icon{
	width: 27px;
	height: 27px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #2c2c2c;
	background: rgba(var(--bump-color-transparet), 0.2);
	transition: all 0.1s ease-in-out
}
.mini-icon.filled svg{
	fill: #2c2c2c;
}
.mini-icon.filled{
	color: #2c2c2c;
}
.bigger-wish.filled{
	color: #252525;
}
.bigger-wish.filled svg{
	fill: #252525;
}
.just-data a:hover .mini-icon{
	background: #2c2c2c;
	color: #fff;
}

.cats span{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.cats .flexy{
	display: inline-flex;
	gap: 6px;
	flex-wrap: wrap;
}
.shiny {
	color: #fff;
	background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(77,77,77,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%);
	background-size: 200%;
	animation: shine 2.5s linear infinite;
	background-position: 150% center;
	border:none;
	padding: 8px 13px;
	transition: scale 0.2s linear;
}
.shiny:hover{
	scale: 1.02;
	animation: shine 1s linear infinite;
}
@keyframes shine {
	100% {
		background-position: -50% center;
	}
}
.light-purple{
	background: #f4edff;
	color: #2a0f54;
}
.sub-heading{
	font-size: 1.25rem !important;
}
.with-more{
	display: flex;
	align-items: center;
	font-weight: 400;
	text-transform: uppercase;
}
.with-more::after{
	opacity: 40%;
	content: '';
	background-image: url(../../images/ic/arrow-down.svg);
	width: 17px;
	height: 17px;
	background-size: 17px;
	display: inline-block;
	margin-left: 4px;
}
.with-more:not(.collapsed)::after{
	rotate: 180deg;
}
.content-table{
	border-radius: 0;
}
.content-table li{
	border:0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	font-family: 'DM Sans', serif;
	display: flex;
	align-items: center;
	font-size: 15px;
}
.content-table .i-14{
	margin-top: -2px !important;
}

.content-table li a:hover{
	color: #5a5a5a;
}
.content-table li::before{
	font-size: 20px;
	font-family: 'DM Sans', serif;
	font-weight: 700;
	padding-right: 14px;
	color: #878787;
}
.content-table li.actv{
	font-weight: 700;
	border-bottom-color: #000;
	color: #000;
}
.content-table li.actv::before{
	color: #3c3c3c;
}
.lilround{
	color: #525252;
	background: #eee;
	padding: 5px 15px;
	letter-spacing: -0.5px;
}
.lilround:hover{
	color: #464646;
}
.cbox{
	background: #f3eeff;
}
.cbox .no-cc{
	color: #494949;
}
.star-orange{
	fill:#ff8100;
	color: #ff8100;
}
svg.flash-s{
	background: #fff58e;
	color: #000;
}
svg.demand-s{
	background: #ffe4d8;
	color: #851c1c;
}
.deep-s{
	color: #486327
}
svg.deep-s{
	background: #e0f5c6
}
.h24{
	display: inline-flex;
	margin-bottom: 5px;
	height: 24px;
}
/*FLASH SUMMARIES*/
.flash-title span.combined{
	letter-spacing: 0;
	flex-basis: 100%;
}
#insights{
	list-style-type: none;
	counter-reset: insights-counter;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
#insights h3{
	padding-bottom: 0 !important;
}
#insights > li{
	counter-increment: insights-counter;
	border: 0;
	margin-bottom: 0;
}
#insights > li h3:before{
/*	margin-right: 17px;*/
	background-color: #000;
	flex-shrink: 0;
}
/*#insights > li:nth-child(n+10) h3:before{
	margin-right: 25px;
}
#insights > li h3::after{
		content: counter(insights-counter) ". ";
		position: absolute;
		left: 13px;
}*/
#insights .accordion-button{
	box-shadow: none !important;
	padding: 4px;
	display: inline-flex;
	width: auto;
	font-weight: normal;
	padding: 0;
	background: #eee6ff !important;
	color: #44189c;
}
#insights .accordion-button::after{
	margin-left: 4px !important;
	background-size: 60%;
	background-position: center;
/*	padding: 3px !important;
	background-color: #fff4d3;
	border-radius: 50%;*/
}
#insights .accordion-button svg{
	fill: #fff;
	transition: fill 0.3s ease-in-out;
}
#insights .accordion-button:not(.collapsed) svg{
	fill: #753be8;
}
#insights .accordion-body{
	position: relative;
	padding: 5px 0 0 15px;
}
#insights .accordion-body p, #insights .accordion-body li{
	font-size: 16px;
}
#insights .accordion-body p{
	margin-bottom: 15px;
}
#insights .accordion-body::after{
	content: '';
	width: 2px;
	display: flex;
	background: #f0f0f0;
	position: absolute;
	left: 0px;
	height: calc(100% - 5px);
	top: 5px;
	border-radius: 5px;
	z-index: -1;
}
#insights .details-body{
	position: relative;
	left: -18px;
	width: calc(100% + 18px);
}
#insights .details-body .in-title:nth-of-type(1){
	margin-top: 10px;
}
#insights .details-body ul{
	list-style-type: disc;
}
#insights .details-body ul:last-child li:last-child{
	margin-bottom: 0;
}
#insights .in-title{
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: #fff;
	background: linear-gradient(90deg, rgba(0,0,0,1) 20%, rgba(166,116,255,1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
#insights .in-title::before{
	content: '';
	width: 5px;
	height: 24px;
	background: #080808;
	border-radius: 11px;
	margin-left: 1.5px;
}
#insights.guest-preview > li:last-child{
	user-select: none;
	position: relative;
}
#insights.guest-preview > li:last-child::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

/*INSIGHTS V2*/
#insights.v2 > li{
	background: #fff;
	border-radius: 14px;
	padding: 15px;
}
#insights.v2 .details-body{
	left: -12px;
	width: calc(100% + 12px);
}
#insights.v2>li h3:before{
	content: none;
}
#insights.v2 .accordion-body{
	padding: 0;
}
#insights.v2 .accordion-body::after{
	content:none;
}
#insights.v2 .accordion-button{
	background: none;
	font-weight: 600;
}
#insights.v2 .in-title{
	letter-spacing: -0.5px;
}
#insights.v2 .in-title::before{
	content: none;
}
#insights.v2 .details-body ul:last-child li:last-child p{
	margin-bottom: 0;
}
#insights span.ex, .splide__slide span.ex{
	background: #000000;
	border-radius: 5px;
	padding: 0 5px;
	color: white;
	font-size: 14px;
	margin-right: 5px;
}
#insights .accordion-body li p, .splide__slide li p{
	display: inline;
}


/*ANIMATION*/

#insights.scroll-cards{
	width: 100%;
	margin: 0 auto;
	gap: 20px 0;
	position: relative;
}
#insights.scroll-cards>li{
	position: relative;
/*	position: sticky;
	top: 20px;*/
	border: 1px solid #1f1f1f;
/*	transition: 0.5s ease;*/
	overflow: hidden;
	flex-shrink: 0;
}

#insights.scroll-cards>li.passed{
	opacity: 0;
}

/*#insights.scroll-cards>li:nth-child(1){
	top: 7px;
}
#insights.scroll-cards>li:nth-child(2){
	top: 14px;
}*/


/*#insights.scroll-cards>li.passed::after{
	content: '';
	background: white;
	width: calc(100% + 2px);
	display: block;
	height: 50px;
	position: absolute;
	left: -1px;
	bottom: -1px;
}*/

#insights.scroll-cards>li.expanded {
	overflow-y: scroll;
	padding-bottom: 0;
}
#insights.scroll-cards>li.expanded::after {
	content: '';
	display: flex;
	width: calc(100% + 30px);
	height: 20px;
	margin-left: -15px;
	bottom: 0;
	background: linear-gradient(0deg, rgba(247, 246, 246, 1) 0%, rgba(255, 255, 255, 0) 100%);
	position: sticky;
}
#insights.scroll-cards>li.expanded .accordion-body > p {
	margin-bottom: 6px;
}


.continue-box{
	position: relative;
	margin-top: -15px;
	z-index: 1;	
}
.continue-box h6 svg{
	margin-top: -6px;
}
.navy{
	width: 90%;
	margin-left: 5%;
	height: 70px;
	display: flex;
	position: sticky;
	bottom: 10px;
	border: 10px;
	background: #f4f4f499;
	border-radius: 48px;
	backdrop-filter: blur(24px);
}


/* MAIN */
.bg-lines{
	top: 63px;
	opacity: 0.5;
}
/*.hero-image{
	max-width: 50%;
	top: 70px;
}*/
.main-page .website-header{
	max-width: 100% !important;
}
.main-page .website-header nav{
	max-width: 1140px;
	margin: 0 auto;
}
.main-present{
	align-items: center;
}
.main-present .text-underline{
	text-decoration-thickness: 0.07em;
	text-underline-offset: 0.075em;
	margin-right: -15px;
}
.main-present .sparkles-in-heaven{
	position: relative;
	right: 12px;
	top: -14px;
}
.pt-high{
	padding-top: 85px;
}
.hidden-on-scroll {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.hidden-on-scroll.d-none {
	display: none;
}



/* HOME */
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 33px;
}
.lds-ellipsis i {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #2d2d2d;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis i:nth-child(1) {
	left: 4px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis i:nth-child(2) {
	left: 4px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis i:nth-child(3) {
	left: 16px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis i:nth-child(4) {
	left: 28px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
	transform: scale(0);
	}
	100% {
	transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
	transform: scale(1);
	}
	100% {
	transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
	transform: translate(0, 0);
	}
	100% {
	transform: translate(12px, 0);
	}
}
.personalizing-ongo{
	background: #f0f0f0;
	padding: 5px 10px;
}
/*.feedback-btn{
	background: #eee;
	padding: 12px 5px;
	border-radius: 5px 0 0 5px;
}
.feedback-btn span{
	writing-mode: vertical-lr;
	rotate: 180deg;
	font-size: 15px;
}
.feedback-btn p{
	font-size: 13px;
	width: 150px;
	margin-bottom: 0;
}*/
.feedback-btn{
	cursor: pointer;
	background: #eee;
	padding: 12px 5px;
	border-radius: 0 5px 5px 0;
	writing-mode: vertical-lr;
	rotate: 180deg;
	font-size: 15px;
}
.feedback-btn svg{
	rotate:90deg
}
.library-tabs{
	font-size: 14px;
}
.nav-underline a{
	padding: 5px 0px;
	align-items: center;
	display: inline-flex;
	gap: 3px;
	color: #737373;
	cursor: pointer;
}
.nav-underline a span{
	background: #f1f1f1;
	color: #7b7b7b;
	width: 17px;
	height: 17px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	font-weight: normal;
	align-items: center;
	padding: 0 !important;
}

.nav-underline a.active span{
	background: #000;
	color: #fff;
	font-weight:bold;
}
.nav-pills a{
	padding: 7px 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #4f4f4f;
	cursor: pointer;
}
.nav-pills a:hover{
	color: #000;
}
.nav-pills a.active{
	background: #2f2f2f !important;
}
.nav-pills a span{
	color: #6a6a6a;
	background: #eee !important;
}
.nav-pills a.active span{
	background: #505050 !important;
	color: #fff;
}
.lil-ones .thing{
	padding: 15px 20px;
}
.w-options .col{
	overflow: hidden;
}

.swipe-element {
	position: relative;
	transition: transform 0.3s ease;
	transform: translateX(0);
}

.swipe-revealed {
	transform: translateX(-100px);
}

.thing-options {
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.08s ease;
	display: flex;
}
.thing-options button{
	margin-left: 7px;
	padding: 25px;
}
.swipe-revealed .thing-options{
	opacity: 1;
}
.site-nav{
	touch-action: none;
	position: fixed;
	height: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	border-right: 1px solid #eee;
	letter-spacing: -0.2px;
	z-index: 10;
}
.site-nav a.nav-link{
	line-height: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 11px;
	color: #696969;
	gap: 5px;
}
.site-nav a.nav-link.active{
	color: #000;
	font-weight: bold;
}
.site-nav a.active svg{
	stroke-width: 2.5
}
.site-nav a.home-link.active svg{
	stroke-width: 2
}
.site-nav .pl-1{
	left: -1px
}
.not-read-today .site-nav #nav_today .m-0{
	position: relative;
}
.not-read-today .site-nav #nav_today .m-0::after{
	content: '';
	background: #2c48fe;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	left: 13px;
	top: 2px;
}
a.adm{
	color: #646464 !important;
}

a.adm:hover{
	color: #383838 !important;
}
.toast{
	bottom: 65px;
	color: #1b1b1b;
	background: #fff;
	z-index: 100;
}

.circle-container {
	width: 80px;
	height: 80px;
	transform: rotate(-90deg);
}

.circle-container__background {
	fill: none;
	stroke: #eee;
	stroke-width: 3px;
}

.circle-container__progress {
	fill: none;
	stroke-linecap: round;
	stroke: black;
	stroke-dasharray: 100 100;
	stroke-linecap: round;
	stroke-width: 3px;
	transition: stroke-dashoffset 1s ease-in-out;
	will-change: transform;
}
.reading-time .underline{
	background: #fff;
	border:0;
	border-bottom: 1px dashed #bfbfbf;
	padding-bottom: 1px;
	color: #888;
	cursor: pointer;
	appearance: none;
}
.reading-time .underline::-ms-expand{
	display: none;
}

/* PROFILE */
svg.feather-log-out{
	transform: scaleX(-1);
}
.profile .text-truncate{
	max-width: 184px;
}
.mypref{
	max-width: 576px;
}
.offcanvas.offcanvas-bottom{
	border-radius: 18px 18px 0 0;
	border: 0;
	height: auto;
}
/* DISCOVER */
.fire-search{
	border-color: #dedede;
	font-size: 15px;
	aspect-ratio: 1;
	padding: 5px;
}
#searching .modal-dialog{
		--bs-modal-margin: 4rem !important;
}
#searching .btn-close{
	background-color: transparent;
	background-size: 14px;
}
.search-bar .sicon{
	top: 14px;
	left: 10px;
}
.search-bar .form-control{
	padding-left: 40px;
	border-color: #494949;
	box-shadow: 0 0 0 .25rem rgba(0,0,0,.12)!important;
}
.discover-content {
	transition: opacity 0.15s, transform 0.5s;
}
.discover-content-load {
	opacity: 0;
	transform: translateY(-20px);
}
.discovery-nav-wrapper{
	display: flex;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-right: -1rem;
	padding-left: 1rem;
}
.discovery-nav{
	min-width: 800px;
	font-size: 14px;
}
a.cat-success{
	background: #f4ebca !important;
	color: #45423a;
}
a.cat-happiness{
	background: #eae5f4 !important;
	color: #372757;
}
a.cat-psychology{
	background: #e9efeb !important;
	color: #37453b;
}
a.cat-productivity{
	background: #dff0f2 !important;
	color: #374143;
}
a.cat-management{
	background: #f5f1ee !important;
	color: #3c3531;
}
a.cat-motivation{
	background: #e1e6f2 !important;
	color: #32363e;
}
a.cat-finance{
	background: #f3ede5 !important;
	color: #393531;
}
a.cat-spirituality{
	background: #f4f8ee !important;
	color: #575e4d;
}
a.cat-communication{
	background: #eddfee !important;
	color: #3e343e;
}
a.cat-relationship{
	background: #f4e5e5 !important;
	color: #493638;
}
a.cat-learning{
	background: #fff9eb !important;
	color: #b1962f;
}
a.cat-science{
	background: #f5f4f4 !important;
	color: #000;
}
.cats.bigger .flexy{
	width:400px;
	flex-wrap: wrap;
	gap: 8px
}
.discovery-nav a.active{
	background: #000 !important;
	color: #fff !important;
}
.showcases{
	counter-reset: my-counter;
	flex-wrap: nowrap;
}
.showcases li::marker{
	content: none;
}
.showcases li a .info:before {
	content: counter(my-counter) ".";
	counter-increment: my-counter;
	color: #373737;
	font-weight: bold;
	font-family: 'DM Sans', sans-serif;
	margin-bottom: 10px;
}
.showcases li a .non-before:before {
	content: none;
}
.status .progress-bar{
	background: #000;
}
/* Highlights */
.highlights-list div{
	border-left: 3px solid #eee;
	padding-left: 10px;
}

/* SUBSCRIPTION */
.paywall-steps .icon{
	position: relative;
	top:-2px
}
.s-step{
	position: relative;
}
.s-step:nth-of-type(1):before,.s-step:nth-of-type(1):after, .s-step:nth-of-type(2):before{
	content: '';
	position: absolute;
	width: 3px;
	height: 42px;
	background: #f1efef;
	top: 28px;
	left: 8.5px;
	border-radius: 27px;
}
.s-step:nth-of-type(1):after{
	height: 20px;
	background: #42bb80;
}
.g-text{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(0,0,0,1) 60%, rgba(166,116,255,1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gold-text{
	background: rgb(255,255,255);
	background: linear-gradient(315deg,#1e1d1b 0%,#c29131 74%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gold-flag{
	margin-left: -3px !important;
}
.accordion-button:not(.collapsed){
	color: #000;
	font-weight: bold;
	background: none;
}
.the-line{
	position: absolute;
	top: 2.5%;
	left: 21px;
	height: 95%;
	width: 3px;
	background: #eee;
	background: linear-gradient(180deg, rgba(238,238,238,1) 70%, rgba(166,116,255,1) 100%);
	border-radius: 5px;
	z-index: -1;
}
.cbox .best-v{
	color: #9b83c3;
}
.features-showcase .splide__slide{
	min-width: 100%;
}


/* READING */
#tableOfContent{
	position: absolute;
	top: 50px;
	right: 0;
	width: 280px;
}
#tableOfContent .list-group-item{
	border: 0;
	border-bottom: 1px solid #eee;
}
#tableOfContent .list-group-item:last-child{
	border: 0;
}
#tableOfContent .list-group-item::before{
	color: #a2a2a2;
}
#tableOfContent .list-group-item.actv{
	font-weight: bold;
}
#tableOfContent a{
	color: #232323;
}
.fade-down {
	opacity: 0;
	transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
	transform: translateY(-20px);
	visibility: hidden;
}
.fade-down.show {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
.tooltip-inner{
	font-size: 11px;
}
.booklink{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}
.reading p{
	font-size: 1.07rem;
	margin-bottom: 1rem;
	color: #242424;
	line-height: 1.47;
}
.reading > ul{
	margin-bottom: 1.8rem;
}
.reading li{
	margin-bottom: 12px;
	font-size: 1.07rem;
}
.reading li p{
	margin-bottom: 0;
}
.reading li ul{
	margin-top: 8px;
}
.reading li ul li{
	margin-top: 6px;
}
.reading hr{
	margin: 2rem 0;
}
.reading h5{
	padding: 25px 20px 20px;
	background: #fef8e0;
	color: #d4a24d;
	border-radius: 10px;
	margin: 30px 0;
	font-weight: 400;
	font-size: 19px;
	position: relative;
}
.reading h5 svg{
	position: absolute;
	top: -10px;
}
.reading h3.chapterTitle{
	margin-bottom: 20px;
}
.reading h1:not(.qte), .reading h2:not(.qte), .reading h3:not(.chapterTitle){
	font-size: 1.2rem;
	text-transform: capitalize;
	font-weight: bold;
}
.reading .prevv{
	color: #676767;
}
.reading .prevv:hover{
	color: #464646;
}
.reading.intro h2, .reading:not(.intro) .chapterTitle, .reading.conclusion h3, #insights h3{
	color: #000;
	display: inline-flex;
	font-weight: bold;
	align-items: center;
	text-transform: capitalize;
	padding: 6px 12px 6px 0;
	letter-spacing: -1px;
	font-size: 20px;
	position: relative;
}
.reading.intro h2:before, .reading.conclusion h3:not(.chapterTitle):before, #insights h3:before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 28px;
	margin-right: 7px;
	background-color: #b6c26c;
	border-radius: 0 100px 100px 0;
}
.reading.intro h2:nth-of-type(2):before{
	background-color: #9b9cbf;
}
.reading.intro h2:nth-of-type(3):before{
	background-color: #f4b188
}
.reading:not(.intro) .chapterTitle:before, .reading .qte:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	background-color: #191919;
	border-radius: 100px;
	flex-shrink: 0
}
.reading h1+ul, .reading h2+ul, .reading h3+ul,.reading h1+ol, .reading h2+ol, .reading h3+ol{
	padding-top: 8px;
}
.reading .qte{
	display: inline-flex;
	font-weight: 700;
	align-items: center;
	text-transform: capitalize;
	padding: 6px 12px 6px 0;
	letter-spacing: -1px;
	font-size: 1.5rem;
	margin-top: 5px;
}
.reading .qte:before {
	display: inline-block;
	padding-top: 4px;
	padding-left: 13px;
	margin-right: 12px;
}
.reading .qte.quotes:before{
	background-color: #ffcb7e;
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z'/><path d='M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z'/></svg>");
}
.reading .qte.tactics:before{
	background-color: #79efbd;
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-git-compare-arrows'><circle cx='5' cy='6' r='3'/><path d='M12 6h5a2 2 0 0 1 2 2v7'/><path d='m15 9-3-3 3-3'/><circle cx='19' cy='18' r='3'/><path d='M12 18H7a2 2 0 0 1-2-2V9'/><path d='m9 15 3 3-3 3'/></svg>");
}
.reading .qte.examples:before{
	background-color: #d4a9fd;
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/><rect x='3' y='14' width='7' height='7' rx='1'/><circle cx='17.5' cy='17.5' r='3.5'/></svg>");
}

.qte.quotes+ol {
	list-style: none;
	counter-reset: decimal-counter;
	padding-left: 0;
	margin-bottom: 1.8rem;
	padding-top: 0;
}
.qte.quotes+ol li {
	padding: 8px 0;
	border-bottom: 1px solid #d7d7d7;
	counter-increment: decimal-counter;
	align-items: center;
	display: flex;
	gap: 5px;
	margin-bottom: 0 !important;
}
.qte.quotes+ol li:last-child {
	border-bottom: 0;
}
.qte.quotes+ol li:before{
	content: counter(decimal-counter) ".";
	font-size: 24px;
	display: inline-flex;
	width: 28px;
	font-weight: bold;
	align-items: center;
	flex-shrink: 0;
}
/*.qte.examples{
	margin-bottom: 16px;
}
.qte.tactics + ul{
	margin-top: 8px;
}*/
.reading .bookmark-button{
	transition: transform 0.1s ease-in-out;
	transform-origin: center center;
	cursor: pointer;
}
.reading .bookmark-button.active{
	fill: black;
}
.reading .bookmark-button:hover{
	transform: scale(1.1);
}


#main-content {
	transition: opacity 0.2s;
}
.fade-in {
	opacity: 1;
}
.fade-out {
	opacity: 0;
}

.rating input[type="radio"] {
	position: fixed;
	top: 0;
	right: 100%;
}
.rating label {
	font-size: 1.5em;
	padding: 0.5em;
	margin: 0;
	cursor: pointer;
	line-height: 0;
	transition: all 0.2s ease-in-out;
}
.rating input[type="radio"]:checked ~ input + label {
	background: none;
	color: grey;
}
.rating input + label {
	background: #fff;
	color: orange;
}
.rating input[type="radio"]:checked ~ input + label svg {
	fill: grey;
}
.rating input + label svg{
	fill: orange;
}
.rating input + label:first-of-type {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.rating input:checked + label {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#darkSwitch{
	padding: 6px;
}
/* DARK MODE */
[data-bs-theme=dark] .reading p, [data-bs-theme=dark] .reading.intro h2{
	color: #ededed;
}
[data-bs-theme=dark] .nextprev a{
	color: #fff;
}
[data-bs-theme=dark] .link-underline{
	color: #afafaf;
}
[data-bs-theme=dark] .site-nav{
	background: #000;
	border-right-color: #383838;
}
[data-bs-theme=dark] .site-nav a.nav-link{
	color: #eaeaea;
}
[data-bs-theme=dark] .btn-outline-primary{
	background: transparent;
	color: #fff;
	border-color: #fff;
}
[data-bs-theme=dark] #tableOfContent .list-group-item{
	border-bottom-color: #262626;
}
[data-bs-theme=dark] #tableOfContent{
	border: 1px solid #262626;
}
[data-bs-theme=dark] #tableOfContent a{
	color: #e2e2e2;
}
[data-bs-theme=dark] #tableOfContent .list-group-item.actv{
	color: #fff;
}
[data-bs-theme=dark] .rating input + label {
	background: #111;
}
[data-bs-theme=dark] .feedback-btn{
	background: #232323;
	color: #bebebe;
}
[data-bs-theme=dark] .toast{
	background: #000;
	border-color: #505050;
	color: #fff;
}
[data-bs-theme=dark] .reading:not(.intro) .chapterTitle{
	color: #e7e7e7;
}
[data-bs-theme=dark] .reading:not(.intro) .chapterTitle:before{
	background-color: #e6e6e6;
}
[data-bs-theme=dark] .qte.quotes+ol li{
	border-color: #535353;
}

/* COOKIES */
#cookies{
	width: auto;
	white-space: nowrap;
	z-index: 20;
}


/*CHAT BUTTON*/
.chat-button{
	width: 50px;
	height: 50px;
	background: #fff;
	color: #000;
	z-index: 10;
	transition: opacity 0.3s;
}
#chatra:not(.chatra--expanded) {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none;
	transition: none;
}


/* LIGHTNOTE */
.lightnote-feature-section {
    width: 100%;
    height: 350px; /* Fixed height as requested */
    background: linear-gradient(135deg, #fdfbf7 0%, #f4f0ec 100%); /* Warm, paper-like elegant tone */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1a1a1a;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    overflow: hidden;
        border-radius: 12px;
    margin-bottom: 48px;
}

/* Inner Content Wrapper */
.ln-content-wrapper {
    max-width: 900px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

/* Left Side: Copy */
.ln-text-content {
    max-width: 500px;
}

.ln-label {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-bottom: 12px;
    display: block;
}

.ln-headline {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -1.8px;
}

.ln-subheadline {
    font-size: 16px;
    line-height: 1.6;
    color: #4a4a4a;
    margin: 0 0 28px 0;
    letter-spacing: -0.2px;
}

/* Right Side: Visual/Call to Action */
.ln-cta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transform: rotate(-2deg); /* Subtle elegant tilt */
    transition: transform 0.3s ease;
}

.ln-cta-container:hover {
    transform: rotate(0deg) scale(1.02);
}

.ln-button {
    background-color: #1a1a1a;
    color: #ffffff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ln-button:hover {
    background-color: #333;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Decorative Background Elements */
.ln-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
    opacity: 0.6;
}
.ln-blob-1 {
    width: 300px;
    height: 300px;
    background: #e0e7ff; /* Light indigo */
    top: -100px;
    right: -50px;
}
.ln-blob-2 {
    width: 250px;
    height: 250px;
    background: #ffe4e6; /* Light rose */
    bottom: -50px;
    left: -50px;
}

/* Responsive adjustment for mobile */
@media (max-width: 768px) {
    .lightnote-feature-section {
        height: auto;
        min-height: 350px;
        padding: 40px 20px;
    }
    .ln-content-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }
    .ln-cta-container {
        transform: rotate(0deg);
    }
}

/*MEDIA QUERIES*/
@media (max-width:991px){
	.logged-in{
		padding-bottom: 100px;
	}
	.library-tabs{
		position: relative;
		margin-left: -1rem;
		margin-right: -1rem;
		padding-left: 1rem;
	}
	.library-tabs::after{
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0;
		background: #d6d6d6;
		z-index: -1;
	}
	form.search input{
		display: none;
	}
	form.search i{
		position: relative;
		left: 0;
		top: 0;
	}
	.offcanvas{
		width: 100% !important;
		padding: 40px 30px 0;
		font-size: 26px;
	}
	.site-nav{
		height: auto;
		border-right: 0;
		border-top: 1px solid #eee;
	}
	.site-nav a{
		transition: transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1.0)
	}
	[data-bs-theme=dark] .site-nav{
		border-top-color: #383838;
	}
	.is-app .site-nav{
		padding-bottom: 35px !important;
	}
	.is-app .cont{
		min-height: calc(100vh - 100px);
	}
}
@media (max-width:905px){
	#cookies{
		width: 96%;
	}
	#cookies .toast-body{
		white-space: normal;
		flex-direction: column;
		align-items: start !important;
	}
}
@media (min-width:992px){
	.site-nav a.nav-link{
		flex-grow: 0 !important;
		flex-direction: row;
		align-items: center;
		font-size: 16px;
		color: #373737;
		gap: 10px;
		padding:3px 0;
	}
	.site-nav a.nav-link svg{
		width: 22px;
		height: 22px;
	}
	.nav-underline{
		font-size: 1rem !important;
	}
}
@media (max-width:768px){
	.sub-heading{
		font-size: 17px !important;
	}
	.author{
		font-size: 14px !important;
	}
	.lil-ones .thing{
		padding: 7px 10px;
	}
	.lil-ones .thing .fs-5{
		font-size: 1rem!important;
	}
	.just-data{
		border-bottom: 0 !important;
	}
	.lilround{
		font-size: 12px;
	}
	.referral-page h1{
		font-size: 1.7rem;
	}
	.main-present .hero-img{
		z-index: -1;
		text-align: center;
	}
	.main-present .hero-img:after{
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 101%;
		background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	}
	.main-present .col{
		top:-26vw;
		margin-bottom: -23vw;
	}
	.bg-lines{
		max-width: 800px
	}
	.cats{
		margin: 0 -1rem;
		padding-left: 1rem !important;
		overflow-x: auto;
	}
	.cats::-webkit-scrollbar {
		display: none;
	}
	.cats .flexy {
		display: flex;
		gap: 6px;
		flex-wrap: nowrap;
		white-space: nowrap;
	}
}

@media (max-width: 993px) {
	.splide__track{
		margin: 0 -1rem;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.splide__track.none-track{
		margin: 0;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: -16px;
		margin-right: -16px;
		width: calc(100% + 32px);
	}
}
@media (max-width: 576px) {
	.not-logged-in .navbar-brand img{
		max-width: 100px;
	}
	.how img{
		max-width: 100px;
	}
	.main-present .sparkles-in-heaven{
		top: -10px;
		right: 10px;
	}
	.form-group.selecting .btn{
		font-size: 0.88rem !important;
	}
}

@media (max-width:470px){
	.things-mini .thing{
		width: 185px;
		padding: 15px;
	}
	.not-logged-in .navbar, .not-logged-in .navbar .btn-primary{
		font-size: 0.85rem;
	}
	.show-on-scroll {
		opacity: 0;
		width: 0;
		white-space: nowrap;
		visibility: hidden;
		margin-left: 0 !important;
		transition: all 0.3s ease;
	}
	.show-on-scroll.show {
		opacity: 1;
		width: 115px;
		visibility: visible;
		margin-left: 5px !important;
	}
	.rowcols-1>*{
		width: 100%;
	}
	.rowcols-1>* .thing{
		justify-content: start !important;
	}
	.lil-ones .thing .fs-5{
		font-size: 1rem!important;
	}
	.referral-page h1{
		font-size: 1.2rem;
	}
	.bg-lines{
		max-width: 600px
	}
	#insights h3{
		font-size: 18px;
	}
	#insights .accordion-body p, #insights .accordion-body li{
		font-size: 15px;
	}
	#todos .offcanvas-title{
		font-size: 17px;
	}
}
@media (max-width:330px) {
	button.hidden-on-scroll {
		display: none;
	}
}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.carousel.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.carousel:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.carousel{position:relative;visibility:hidden}.carousel.is-initialized,.carousel.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}