@charset "UTF-8";
:root{
	--anim-menu-btn-size:48px;
	--anim-menu-btn-transition-duration:.2s;
	--anim-menu-btn-icon-size:24px;
	--anim-menu-btn-icon-stroke:2px
}
.anim-menu-btn{
	display:flex;
	justify-content:center;
	align-items:center;
	width:var(--anim-menu-btn-size);
	height:var(--anim-menu-btn-size)
}
.anim-menu-btn__icon{
	position:relative;
	display:block;
	font-size:var(--anim-menu-btn-icon-size);
	width:1em;
	height:var(--anim-menu-btn-icon-stroke);
	color:inherit;
	background-image:linear-gradient(currentColor,currentColor);
	background-repeat:no-repeat;
	transform:scale(1)
}
.anim-menu-btn__icon::before,.anim-menu-btn__icon::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-image:inherit;
	border-radius:inherit
}
.anim-menu-btn__icon--close{
	background-size:100% 100%;
	will-change:transform,background-size;
	transition-property:transform,background-size;
	transition-duration:var(--anim-menu-btn-transition-duration,0.2s)
}
.anim-menu-btn:active .anim-menu-btn__icon--close{
	transform:scale(.9)
}
.anim-menu-btn__icon--close::before,.anim-menu-btn__icon--close::after{
	will-change:inherit;
	transition:inherit
}
.anim-menu-btn__icon--close::before{
	transform:translateY(-0.25em) rotate(0)
}
.anim-menu-btn__icon--close::after{
	transform:translateY(0.25em) rotate(0)
}
.anim-menu-btn--state-b .anim-menu-btn__icon--close{
	background-size:0% 100%
}
.anim-menu-btn--state-b .anim-menu-btn__icon--close::before{
	transform:translateY(0) rotate(45deg)
}
.anim-menu-btn--state-b .anim-menu-btn__icon--close::after{
	transform:translateY(0) rotate(-45deg)
}
.anim-menu-btn__icon--arrow-left,.anim-menu-btn__icon--arrow-right,.anim-menu-btn__icon--arrow-up,.anim-menu-btn__icon--arrow-down{
	border-radius:50em;
	will-change:transform;
	transition-property:transform;
	transition-duration:var(--anim-menu-btn-transition-duration,0.2s)
}
.anim-menu-btn:active .anim-menu-btn__icon--arrow-left,.anim-menu-btn:active .anim-menu-btn__icon--arrow-right,.anim-menu-btn:active .anim-menu-btn__icon--arrow-up,.anim-menu-btn:active .anim-menu-btn__icon--arrow-down{
	transform:scale(.9)
}
.anim-menu-btn__icon--arrow-left::before,.anim-menu-btn__icon--arrow-left::after,.anim-menu-btn__icon--arrow-right::before,.anim-menu-btn__icon--arrow-right::after,.anim-menu-btn__icon--arrow-up::before,.anim-menu-btn__icon--arrow-up::after,.anim-menu-btn__icon--arrow-down::before,.anim-menu-btn__icon--arrow-down::after{
	transform-origin:calc(var(--anim-menu-btn-icon-stroke)/2) 50%;
	will-change:transform,width;
	transition-property:transform,width;
	transition-duration:var(--anim-menu-btn-transition-duration,0.2s)
}
.anim-menu-btn__icon--arrow-left::before,.anim-menu-btn__icon--arrow-right::before,.anim-menu-btn__icon--arrow-up::before,.anim-menu-btn__icon--arrow-down::before{
	transform:translateY(-0.25em) rotate(0)
}
.anim-menu-btn__icon--arrow-left::after,.anim-menu-btn__icon--arrow-right::after,.anim-menu-btn__icon--arrow-up::after,.anim-menu-btn__icon--arrow-down::after{
	transform:translateY(0.25em) rotate(0)
}
.anim-menu-btn__icon--arrow-right{
	transform:rotate(180deg)
}
.anim-menu-btn:active .anim-menu-btn__icon--arrow-right{
	transform:rotate(180deg) scale(.9)
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after{
	width:50%
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::before,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::before{
	transform:translateY(0) rotate(-45deg)
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-left::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-right::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up::after,.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down::after{
	transform:translateY(0) rotate(45deg)
}
.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-up{
	transform:rotate(90deg) scale(.9)
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-up{
	transform:rotate(90deg)
}
.anim-menu-btn--state-b:active .anim-menu-btn__icon--arrow-down{
	transform:rotate(-90deg) scale(.9)
}
.anim-menu-btn--state-b .anim-menu-btn__icon--arrow-down{
	transform:rotate(-90deg)
}
:root{
	--search-input-btn-width:2.2em;
	--search-input-icon-size:1em;
	--search-input-shortcut-margin:0.325em
	/* gap between the shortcut badge and the input edges */
}
.search-input{
	position:relative
}
.search-input__input{
	width:100%;
	height:100%
}
.search-input__input::-webkit-search-decoration,.search-input__input::-webkit-search-cancel-button,.search-input__input::-webkit-search-results-button,.search-input__input::-webkit-search-results-decoration{
	-webkit-appearance:none
}
.search-input__input::-ms-clear,.search-input__input::-ms-reveal{
	display:none;
	width:0;
	height:0
}
.search-input--icon-right .search-input__input{
	padding-right:var(--search-input-btn-width)
}
.search-input--icon-left .search-input__input{
	padding-left:var(--search-input-btn-width)
}
.search-input__btn{
	position:absolute;
	top:0;
	right:0;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:var(--search-input-btn-width)
}
.search-input__btn:active .icon{
	transform:translateY(2px)
}
.search-input__btn .icon{
	display:block;
	--size:var(--search-input-icon-size);
	margin-left:auto;
	margin-right:auto;
	color:var(--color-contrast-low);
	transition:.2s
}
.search-input--icon-left .search-input__btn{
	left:0;
	right:auto;
	pointer-events:none
}
.search-input__btn:focus .icon,.search-input .search-input__input:focus+.search-input__btn .icon{
	color:var(--color-primary)
}
.search-input__shortcut{
	position:absolute;
	right:var(--search-input-shortcut-margin);
	top:var(--search-input-shortcut-margin);
	height:calc(100% - var(--search-input-shortcut-margin) * 2);
	display:flex;
	align-items:center;
	background-color:var(--color-bg);
	border:1px solid var(--color-contrast-lower);
	border-radius:var(--radius-sm);
	--space-unit:1em;
	padding:0 var(--space-xxxs);
	line-height:1;
	color:var(--color-contrast-medium)
}
.search-input:focus-within .search-input__shortcut{
	display:none
}
:root{
	--f-header-height:50px;
}
@media(min-width:64rem){
	:root{
		--f-header-height:83px
	}
}
.f-header{
	height:var(--f-header-height);
	width:100%;
}
.f-header::before{
	display:none;
	content:"mobile"
}
.f-header--expanded{
}
.f-header__mobile-content{
	position:relative;
	display:flex;
	height:100%;
	justify-content:space-between;
	align-items:center;
	z-index:2
}
.f-header__logo{
	display:block;
	flex-shrink:0;
	text-decoration:none
}
.f-header__logo svg,.f-header__logo img{
	display:block
}
.f-header__nav-control{
	--anim-menu-btn-size:40px;
	--anim-menu-btn-icon-size:28px;
	--anim-menu-btn-icon-stroke:2px
}
.f-header__nav{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-height:calc(100vh - var(--f-header-offset,0px));
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior:contain;
	padding:0 0 var(--space-md);
	background-color:var(--color-bg);
	box-shadow:var(--shadow-md);
	z-index:1;
	visibility:hidden;
	opacity:0;
	transform:translateY(-1em)
}
.f-header__nav::before{
	content:"";
	display:block;
	position:sticky;
	top:0;
	height:var(--f-header-height);
	background-color:inherit;
	border-bottom:1px solid var(--color-contrast-lower)
}
.f-header__nav--is-visible{
	visibility:visible;
	opacity:1;
	transform:translateY(0);
	transition:visibility 0s,opacity .3s,transform .3s
}
.f-header__nav-logo-wrapper{
	display:none
}
.f-header__item{
	flex-shrink:0;
	border-bottom:1px solid var(--color-contrast-lower)
}
.f-header__dropdown-icon{
	--size:16px;
	flex-shrink:0;
	margin:0 10px 0 auto;
	display:none
}
.f-header__dropdown-control .f-header__dropdown-icon{
	display:block
}
.f-header__link,.f-header__dropdown-control,.f-header__dropdown-link{
	align-items:center;
	color:var(--color-contrast-high);
	text-decoration:none;
	padding:var(--space-xs) 0;
    opacity: 0.8;
}
.f-header__link:hover,.f-header__link[aria-current=page],.f-header__dropdown-control:hover,.f-header__dropdown-control[aria-current=page],.f-header__dropdown-link:hover,.f-header__dropdown-link[aria-current=page]{
    color: var(--color-contrast-high);
    opacity: 1;
}
.f-header__btn,.f-header__form-control{
	width:100%;
	margin:var(--space-xs) 0
}
.f-header__dropdown-control{
	width:100%
}
.f-header__dropdown{
	padding-left:var(--space-md)
}
.f-header__dropdown-control+.f-header__dropdown{
	display:none
}
.f-header__dropdown-control[aria-expanded=true]+.f-header__dropdown{
	display:block
}
@media(min-width:64rem){
	.f-header::before{
		content:"desktop"
	}
	.f-header__mobile-content{
		display:none
	}
	.f-header__nav{
		position:static;
		padding:0;
		background-color:transparent;
		box-shadow:none;
		visibility:visible;
		opacity:1;
		transform:translateY(0);
		transition:none;
		max-height:none;
		overflow:visible;
		overscroll-behavior:auto;
		height:var(--f-header-height)
	}
	.f-header__nav::before{
		display:none
	}
	.f-header__nav-logo-wrapper{
		display:flex
	}
	.f-header__nav-grid,.f-header__list{
		display:flex;
		align-items:center
	}
	.f-header__nav-grid{
		height:100%
	}
	.f-header__item{
		position:relative;
		border-bottom:none;
		margin-right:var(--space-xs)
	}
	.f-header__item:last-child{
		margin-right:0
	}
	.f-header__dropdown-icon{
		--size:12px;
		display:block;
		margin:0 0 0 var(--space-4xs)
	}
	.f-header__link{
		padding:var(--space-xxxs) var(--space-xxs)
	}
	.f-header__link--icon span{
		display:none
	}
	.f-header__btn,.f-header__form-control{
		margin:0
	}
	.f-header__dropdown{
		position:absolute;
		top:100%;
		width:220px;
		left:calc(50% - 110px);
		padding:var(--space-xxxs) 0;
		background-color:var(--color-bg-light);
		border-radius:var(--radius-md);
		box-shadow:var(--inner-glow),var(--shadow-md);
		z-index:var(--z-index-popover,5);
		pointer-events:none;
		visibility:hidden;
		opacity:0;
		transition:visibility .2s .2s,opacity .2s 0s
	}
	.f-header__dropdown-control+.f-header__dropdown{
		display:block
	}
	.f-header__item:hover .f-header__dropdown,.f-header__dropdown-control[aria-expanded=true]+.f-header__dropdown{
		pointer-events:auto;
		visibility:visible;
		opacity:1;
		transition:visibility .2s 0s,opacity .2s 0s
	}
	.f-header__dropdown-link{
		color:var(--color-contrast-high);
		padding:var(--space-xs) var(--space-sm);
		transition:.2s
	}
	.f-header__dropdown-link:hover{
		background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.075);
		color:var(--color-contrast-higher)
	}
}



/*!purgecss start ignore*/
*,
*::after,
*::before {
  box-sizing: border-box
}

* {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0
}

body {
  background-color: var(--color-bg, white)
}

ol,
ul,
menu {
  list-style: none
}

blockquote,
q {
  quotes: none
}

mark {
  background-color: transparent;
  color: inherit
}

button,
input,
textarea,
select,
.reset {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none
}

.text-component a {
    color: #6600FF;
    text-decoration: underline;
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

img,
video,
svg {
  max-width: 100%;
  display: block
}

[data-theme] {
  /*color: var(--color-primary-light, hsl(240, 5%, 82%))*/
}




.adapt-nav{
	position:relative
}
.adapt-nav__list{
	display:flex;
	align-items:center
}
.adapt-nav__item{
	flex-shrink:0;
	margin-right:var(--space-xs)
}
.adapt-nav__link{
	display:block;
	color:var(--color-contrast-high);
	text-decoration:none;
	padding:var(--space-xxxxs) var(--space-xs);
	border-radius:var(--radius-md);
	transition:.2s
}
.adapt-nav__link:hover{
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.1)
}
.adapt-nav__link[aria-current=page]{
	color:var(--color-primary);
	background-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.2)
}
.adapt-nav__item--hidden{
	visibility:hidden
}
.adapt-nav{
	opacity:0
}
.adapt-nav--is-visible{
	opacity:1
}
.adapt-nav__item--more{
	position:relative;
	margin-right:0
}
.adapt-nav__btn{
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:50%
}
.adapt-nav__btn .icon{
	--size:16px;
	display:block
}
.adapt-nav__btn:hover,.adapt-nav__item--more[aria-expanded=true] .adapt-nav__btn{
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.1)
}
.adapt-nav__btn:active{
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.25)
}
.adapt-nav__dropdown{
	position:absolute;
	right:0;
	top:calc(100% + 4px);
	width:180px;
	background-color:var(--color-bg-light);
	box-shadow:var(--inner-glow),var(--shadow-md);
	padding:var(--space-xs) 0;
	border-radius:var(--radius-md);
	z-index:var(--z-index-popover);
	-webkit-user-select:none;
	user-select:none;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s .2s,opacity .2s
}
.adapt-nav__dropdown--is-visible{
	visibility:visible;
	opacity:1;
	transition:visibility 0s,opacity .2s
}
.adapt-nav__dropdown-link{
	display:block;
	padding:var(--space-xs) var(--space-sm);
	text-decoration:none;
	color:var(--color-contrast-high);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:.2s
}
.adapt-nav__dropdown-link:hover{
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.075)
}
.adapt-nav__dropdown-link[aria-current=page]{
	color:var(--color-primary);
	background-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.2)
}




.footer-v5{
	position:relative;
	z-index:1
}
.footer-v5__popular-link{
	display:inline-block;
	padding:var(--space-xxs);
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.1);
	border-radius:var(--radius-md);
	color:var(--color-contrast-higher);
	line-height:1;
	transition:.2s
}
.footer-v5__popular-link:hover{
	color:var(--color-contrast-high);
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.075)
}
.footer-v5__back-to-top{
	color:var(--color-contrast-medium);
	transition:color .2s
}
.footer-v5__back-to-top:hover{
	color:var(--color-contrast-high)
}
.footer-v5__link{
	color:var(--color-contrast-high);
	text-decoration:none;
	transition:color .2s
}
.footer-v5__link:hover{
	color:var(--color-contrast-medium);
	text-decoration:underline
}
.footer-v5__social-btn{
	display:block;
	text-decoration:none;
	color:var(--color-contrast-medium);
	transition:color .2s
}
.footer-v5__social-btn .icon{
	display:block
}
.footer-v5__social-btn:hover{
	color:var(--color-contrast-high)
}

.footer-v5__white-tel {
    color:var(--color-white)
}
.footer-v5__white-tel:hover {
    color:var(--color-white)
}



.steps-v3 {
    display: flex;
    flex-wrap: wrap
}

.steps-v3__item {
    display: flex;
    align-items: center;
    padding: var(--space-4xs) 0
}

.steps-v3__item:not(:last-child)::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxnIGZpbGw9JyMzMjJmMzYnPjxwYXRoIGQ9J00yLjUgN2wzLTMtMy0zJyBmaWxsPSdub25lJyBzdHJva2U9JyMzMjJmMzYnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJz48L3BhdGg+PC9nPjwvc3ZnPg==);
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxnIGZpbGw9JyMzMjJmMzYnPjxwYXRoIGQ9J00yLjUgN2wzLTMtMy0zJyBmaWxsPSdub25lJyBzdHJva2U9JyMzMjJmMzYnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJz48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-color: var(--color-contrast-low);
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
}

.steps-v3__item--current {
    color: var(--color-primary)
}

.steps-v3__link {
    color: inherit;
    text-decoration: none
}

.steps-v3__link:hover {
    text-decoration: underline
}


.story__img{
	display:block;
	transition:opacity .2s;
	overflow:hidden;
	margin-bottom:var(--space-xs)
}
.story__img:hover{
	opacity:.85
}
.story__img img{
	display:block;
	width:100%
}
.story__category{
	display:inline-flex;
	align-items:center;
	color:var(--color-contrast-higher);
	line-height:1;
	text-decoration:none;
	font-size:var(--text-sm);
	background-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.2);
	padding:var(--space-2xs);
	border-radius:var(--radius-md);
	transition:background-color .2s
}
.story__category:hover{
	text-decoration:underline;
	background-color:hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.3)
}
.story__title a{
	color:var(--color-contrast-higher);
	text-decoration:none
}
.story__title a:hover{
	text-decoration:underline
}
.story__author{
	--author-img-size:50px;
	display:grid;
	grid-template-columns:var(--author-img-size) 1fr;
	align-items:center;
	gap:var(--space-xs)
}
.story__author img{
	display:block;
	width:var(--author-img-size);
	height:var(--author-img-size);
	-o-object-fit:cover;
	object-fit:cover;
	border-radius:50%
}
.story__author-name{
	margin-bottom:var(--space-4xs)
}
.story__author-name a{
	text-decoration:none;
	color:var(--color-contrast-higher)
}
.story__author-name a:hover{
	text-decoration:underline
}
.story__meta{
	font-size:var(--text-sm);
	color:var(--color-contrast-medium)
}
@media(min-width:64rem){
	.story--featured{
		display:grid;
		grid-template-columns:3fr 2fr;
		grid-gap:var(--space-md);
		align-items:center
	}
	.story--featured .story__img{
		margin:0
	}
	.story--featured .story__title{
		font-size:var(--text-2xl)
	}
}
.pagination__list>li{
	display:inline-block
}
.pagination--split .pagination__list{
	width:100%
}
.pagination--split .pagination__list>*:first-child{
	margin-right:auto
}
.pagination--split .pagination__list>*:last-child{
	margin-left:auto
}
.pagination__item{
	display:inline-block;
	display:inline-flex;
	height:100%;
	align-items:center;
	padding:var(--space-xs) calc(1.355 * var(--space-xs));
	white-space:nowrap;
	line-height:1;
	border-radius:var(--radius-md);
	text-decoration:none;
	color:var(--color-contrast-high);
	will-change:transform;
	transition:.2s
}
.pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis){
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.1)
}
.pagination__item:active{
	transform:translateY(2px)
}
.pagination__item--selected{
	background-color:var(--color-contrast-higher);
	color:var(--color-bg);
	box-shadow:var(--shadow-sm)
}
.pagination__item--disabled{
	opacity:.5;
	pointer-events:none
}
.pagination__jumper .form-control{
	width:3em;
	margin-right:var(--space-xs)
}
.pagination__jumper em{
	flex-shrink:0;
	white-space:nowrap
}


.tabs__control{
	text-decoration:none;
	color:var(--color-contrast-medium)
}
.tabs__control:focus{
	outline:2px solid hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.2);
	outline-offset:2px
}
.tabs__control:hover{
	color:var(--color-contrast-high)
}
.tabs__control[aria-selected=true]{
	color:var(--color-contrast-high);
	text-decoration:underline
}



:root {
    --accordion-border-width: 1px;
    --accordion-icon-size: 20px;
    --accordion-icon-stroke-width: 2px
}

.accordion__item {
    border-style: solid;
    border-color: var(--color-contrast-lower);
    border-bottom-width: var(--accordion-border-width)
}

.accordion__item:first-child {
    border-top-width: var(--accordion-border-width)
}

.accordion__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer
}

.accordion__header .icon {
    --size: var(--accordion-icon-size)
}

.accordion__header .icon .icon__group {
    stroke-width: var(--accordion-icon-stroke-width)
}

.accordion__icon-arrow .icon__group,
.accordion__icon-arrow-v2 .icon__group,
.accordion__icon-plus .icon__group {
    will-change: transform;
    transform-origin: 50% 50%
}

.accordion__icon-arrow .icon__group>* {
    transform-origin: 10px 14px
}

.accordion__icon-arrow-v2 .icon__group>* {
    transform-origin: 50% 50%;
    stroke-dasharray: 20;
    transform: translateY(4px)
}

.accordion__icon-arrow-v2 .icon__group>*:first-child {
    stroke-dashoffset: 10.15
}

.accordion__icon-arrow-v2 .icon__group>*:last-child {
    stroke-dashoffset: 10.15
}

.accordion__icon-plus .icon__group {
    transform: rotate(-90deg)
}

.accordion__icon-plus .icon__group>* {
    transform-origin: 50% 50%
}

.accordion__icon-plus .icon__group>*:first-child {
    transform: rotate(-90deg)
}

.accordion__item--is-open>.accordion__header>.accordion__icon-arrow .icon__group {}

.accordion__item--is-open>.accordion__header>.accordion__icon-arrow .icon__group>*:first-child {
    transform: translateY(-8px) rotate(-90deg)
}

.accordion__item--is-open>.accordion__header>.accordion__icon-arrow .icon__group>*:last-child {
    transform: translateY(-8px) rotate(90deg)
}

.accordion__item--is-open>.accordion__header>.accordion__icon-arrow-v2 .icon__group {
    transform: rotate(-90deg)
}

.accordion__item--is-open>.accordion__header>.accordion__icon-arrow-v2 .icon__group>*:first-child,
.accordion__item--is-open>.accordion__header>.accordion__icon-arrow-v2 .icon__group *:last-child {
    stroke-dashoffset: 0;
    transform: translateY(0px)
}

.accordion__item--is-open>.accordion__header>.accordion__icon-plus .icon__group {
    transform: rotate(0)
}

.accordion__item--is-open>.accordion__header>.accordion__icon-plus .icon__group>*:first-child {
    transform: rotate(0)
}

.accordion__panel {
    display: none;
    will-change: height;
    transform: translateZ(0px)
}

.accordion__item--is-open>.accordion__panel {
    display: block
}

.accordion[data-animation=on] .accordion__item--is-open .accordion__panel>* {
    animation: accordion-entry-animation .4s var(--ease-out)
}

.accordion[data-animation=on] .accordion__icon-arrow .icon__group,
.accordion[data-animation=on] .accordion__icon-arrow-v2 .icon__group,
.accordion[data-animation=on] .accordion__icon-plus .icon__group {
    transition: transform .3s var(--ease-out)
}

.accordion[data-animation=on] .accordion__icon-arrow .icon__group>*,
.accordion[data-animation=on] .accordion__icon-arrow-v2 .icon__group>*,
.accordion[data-animation=on] .accordion__icon-plus .icon__group>* {
    transition: transform .3s, stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out)
}

@keyframes accordion-entry-animation {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0px)
    }
}


:root{
	--checkbox-radio-size:18px;
	--checkbox-radio-gap:var(--space-xs);
	--checkbox-radio-border-width:1px;
	--checkbox-radio-line-height:1.4;
	--radio-marker-size:8px;
	--checkbox-marker-size:12px;
	--checkbox-radius:4px
}
.radio,.checkbox{
	position:absolute;
	padding:0;
	margin:0;
	margin-top:calc((1em * var(--checkbox-radio-line-height) - var(--checkbox-radio-size))/2);
	opacity:0;
	height:var(--checkbox-radio-size);
	width:var(--checkbox-radio-size);
	pointer-events:none
}
.radio+label,.checkbox+label{
	display:inline-block;
	line-height:var(--checkbox-radio-line-height);
	-webkit-user-select:none;
	user-select:none;
	cursor:pointer;
	padding-left:calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap))
}
.radio+label::before,.checkbox+label::before{
	content:"";
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	top:-.1em;
	margin-left:calc(-1 * (var(--checkbox-radio-size) + var(--checkbox-radio-gap)));
	flex-shrink:0;
	width:var(--checkbox-radio-size);
	height:var(--checkbox-radio-size);
	background-color:var(--color-bg);
	border-width:var(--checkbox-radio-border-width);
	border-color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),0.65);
	border-style:solid;
	box-shadow:var(--shadow-xs);
	background-repeat:no-repeat;
	background-position:center;
	margin-right:var(--checkbox-radio-gap);
	transition:transform .2s,border .2s
}
.radio:not(:checked):not(:focus)+label:hover::before,.checkbox:not(:checked):not(:focus)+label:hover::before{
	border-color:hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),1)
}
.radio+label::before{
	border-radius:50%
}
.checkbox+label::before{
	border-radius:var(--checkbox-radius)
}
.radio:checked+label::before,.checkbox:checked+label::before{
	background-color:var(--color-success);
	box-shadow:var(--shadow-xs);
	border-color:var(--color-success);
	transition:transform .2s;
}
.radio:active+label::before,.checkbox:active+label::before{
	transform:scale(.8);
	transition:transform .2s
}
.radio:checked:active+label::before,.checkbox:checked:active+label::before{
	transform:none;
	transition:none
}
.radio:checked+label::before{
	background-image:url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PGcgY2xhc3M9J25jLWljb24td3JhcHBlcicgZmlsbD0nI2ZmZmZmZic+PGNpcmNsZSBjeD0nOCcgY3k9JzgnIHI9JzgnIGZpbGw9JyNmZmZmZmYnPjwvY2lyY2xlPjwvZz48L3N2Zz4=);
	background-size:var(--radio-marker-size)
}
.checkbox:checked+label::before{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgdmlld0JveD0nMCAwIDEyIDEyJz48cG9seWxpbmUgcG9pbnRzPScxIDYuNSA0IDkuNSAxMSAyLjUnIGZpbGw9J25vbmUnIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInLz48L3N2Zz4=);
	background-size:var(--checkbox-marker-size)
}
.radio:checked:active+label::before,.checkbox:checked:active+label::before,.radio:focus+label::before,.checkbox:focus+label::before{
	border-color:var(--color-success);
	box-shadow:0 0 0 3px hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),0.2)
}
.radio--bg+label,.checkbox--bg+label{
	padding:var(--space-4xs) var(--space-3xs);
	padding-left:calc(var(--checkbox-radio-size) + var(--checkbox-radio-gap) + var(--space-3xs));
	border-radius:var(--radius-md);
	transition:background .2s
}
.radio--bg+label:hover,.checkbox--bg+label:hover{
	background-color:hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.075)
}
.radio--bg:active+label,.checkbox--bg:active+label,.radio--bg:focus+label,.checkbox--bg:focus+label{
	background-color:hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),0.1)
}




:root{
	--choice-tag-icon-size:16px
}
.choice-tag{
	display:inline-flex;
	align-items:center;
	padding:var(--space-xxs) var(--space-xs);
	box-shadow:0 0 0 1px var(--color-contrast-lower);
	cursor:pointer;
	-webkit-user-select:none;
	user-select:none;
	transition:.2s
}
.choice-tag:hover{
	box-shadow:0 0 0 1px hsl(var(--color-contrast-low-h),var(--color-contrast-low-s),calc(var(--color-contrast-low-l) * 0.85))
}
.choice-tag:active,.choice-tag:focus-within,.choice-tag.choice-tag--checked{
	box-shadow:0 0 0 2px var(--color-accent)
}
.choice-tag:active,.choice-tag:focus-within{
	box-shadow:0 0 0 2px var(--color-accent),0 0 0 4px hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),0.2)
}
.choice-tag:focus-within:not(.choice-tag--checked){
	box-shadow:0 0 0 1px var(--color-contrast-higher),0 0 0 3px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.2)
}
.choice-tag.choice-tag--checked{
	background-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),0.08)
}
.choice-tag__icon{
	font-size:var(--choice-tag-icon-size)
}
.choice-tag__icon-group *{
	transform-origin:8px 8px
}
.choice-tag--checkbox .choice-tag__icon{
	color:var(--color-contrast-low)
}
.choice-tag--checkbox .choice-tag__icon-group{
	stroke-width:2px
}
.choice-tag--checkbox .choice-tag__icon-group *{
	stroke-dasharray:16
}
.choice-tag--checkbox .choice-tag__icon-group :nth-child(1),.choice-tag--checkbox .choice-tag__icon-group :nth-child(2){
	transition:transform .3s var(--ease-out-back),stroke-dashoffset .3s var(--ease-out-back)
}
.choice-tag--checkbox .choice-tag__icon-group :nth-child(1){
	stroke-dashoffset:24
}
.choice-tag--checkbox .choice-tag__icon-group :nth-child(2){
	stroke-dashoffset:10
}
.choice-tag--checkbox .choice-tag__icon-group :nth-child(3){
	transition:stroke-dashoffset .3s;
	stroke-dashoffset:0
}
.choice-tag--checkbox input:checked+.choice-tag__icon{
	color:var(--color-accent)
}
.choice-tag--checkbox input:checked+.choice-tag__icon .choice-tag__icon-group :nth-child(1){
	stroke-dashoffset:23;
	transform:translateX(-2px) translateY(4px) rotate(45deg)
}
.choice-tag--checkbox input:checked+.choice-tag__icon .choice-tag__icon-group :nth-child(2){
	stroke-dashoffset:5;
	transform:translateX(-2px) translateY(4px) rotate(-45deg)
}
.choice-tag--checkbox input:checked+.choice-tag__icon .choice-tag__icon-group :nth-child(3){
	transition:none;
	stroke-dashoffset:16;
	opacity:0
}
.choice-tag--radio .choice-tag__icon{
	color:var(--color-contrast-low)
}
.choice-tag--radio .choice-tag__icon-group :nth-child(1){
	fill:none;
	stroke-width:1px
}
.choice-tag--radio .choice-tag__icon-group :nth-child(2){
	fill:var(--color-white);
	transform:scale(0);
	transition:transform .3s var(--ease-out-back)
}
.choice-tag--radio input:checked+.choice-tag__icon .choice-tag__icon-group :nth-child(1){
	stroke:var(--color-accent);
	fill:var(--color-accent)
}
.choice-tag--radio input:checked+.choice-tag__icon .choice-tag__icon-group :nth-child(2){
	transform:scale(1)
}


.td-drawer {
    position: fixed;
    z-index: var(--z-index-overlay);
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0);
    transition: background-color .3s, visibility 0s .3s;
    visibility: hidden
}

.td-drawer:focus {
    outline: none
}

.td-drawer--is-visible {
    visibility: visible;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.9);
    transition: background-color .3s, visibility 0s
}

.td-drawer__content {
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    max-width: 720px;
    height: 100%;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-lg);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform .3s var(--ease-out)
}

.td-drawer--left .td-drawer__content {
    right: auto;
    left: 0;
    transform: translateX(-100%)
}

.td-drawer--bottom .td-drawer__content {
    width: 100%;
    max-width: none;
    /*height: 45%;*/
    height: auto;
    max-height: 720px;
    transform: translateY(100%);
    top: auto;
    bottom: 0
}

.td-drawer--is-visible .td-drawer__content {
    transform: translateX(0)
}

.td-drawer--is-visible.td-drawer--bottom .td-drawer__content {
    transform: translateY(0)
}

.td-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    background: var(--color-bg);
    border-bottom: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1)
}

.td-drawer__close-btn {
    display: flex;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-ring), var(--shadow-xs);
    transition: .2s
}

.td-drawer__close-btn:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-ring), var(--shadow-sm)
}

.td-drawer__close-btn .icon {
    --size: 16px;
    display: block;
    margin: auto;
    color: var(--color-contrast-higher)
}

.td-drawer__body {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.td-drawer-main {
    background: var(--color-bg);
    box-shadow: var(--shadow-md);
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: transform;
    transition: transform .3s var(--ease-out)
}

.td-drawer-main--drawer-is-visible {
    transform: scale(.9);
    overflow: hidden
}