<header>
	<div class="container">
      <p>
        Bu alana bir kez tıkladıktan sonra, klavyeden <kbd>tab</kbd> tuşunu masınız.
      </p>
		<p>
			Bu örnekte, tab menü ile linkleri geziyor fakat açılır menüyü aktif edemiyorsunuz.
		</p>
		<nav>
			<ul>
				<li><a href="javascript:;">Link 1</a></li>
				<li><a href="javascript:;">Link 2</a></li>
				<li>
					<a href="javascript:;">Link 3</a>
					<ul>
						<li><a href="javascript:;">Alt link 1</a></li>
						<li><a href="javascript:;">Alt link 2</a></li>
						<li><a href="javascript:;">Alt link 3</a></li>
					</ul>
				</li>
				<li><a href="javascript:;">Link 4</a></li>
			</ul>
		</nav>
	</div>
</header>

<header>
	<div class="container">
		<p>
			Bu örnekte ise, <code>:focus-within</code> sayesinde açılır menüyü aktif edebiliyoruz.
		</p>
		<nav>
			<ul class="example">
				<li><a href="javascript:;">Link 1</a></li>
				<li><a href="javascript:;">Link 2</a></li>
				<li>
					<a href="javascript:;">Link 3</a>
					<ul>
						<li><a href="javascript:;">Alt link 1</a></li>
						<li><a href="javascript:;">Alt link 2</a></li>
						<li><a href="javascript:;">Alt link 3</a></li>
					</ul>
				</li>
				<li><a href="javascript:;">Link 4</a></li>
			</ul>
		</nav>
	</div>
</header>
ul.example li:focus-within ul {
	display: block;
}

/*
Aşağıdaki kodlar, menü tasarımı ve Turkuaz kodlarını içerir.

https://turkuazcss.com
*/

* {
	font-family: sans-serif;
}

header {
	margin-bottom: 160px;
	margin-top: 80px;
}

ul {
	display: flex;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

li {
	position: relative;
}

a {
	display: block;
	padding: 8px 16px;
}

ul ul li {
	display: block;
	margin-left: 0;
	margin-right: 0;
	min-width: 160px;
}

ul ul {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	margin-left: 0 !important;
	top: 100%;
	display: none;
}

/*!
 * Turkuaz Css - v0.41.1
 * https://turkuazcss.com/
 * Copyright 2016-2020 Ömer Gülçiçek
 * MIT License
 */@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes modal{0%{transform:translateY(-50%) scale(0.7)}45%{transform:translateY(-50%) scale(1.05)}80%{transform:translateY(-50%) scale(0.95)}100%{transform:translateY(-50%) scale(1)}}*,*:before,*:after{box-sizing:inherit}::selection{background-color:#191919;color:#fff}body{-webkit-text-size-adjust:100%;background-color:#fff;box-sizing:border-box;color:#191919;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI","Roboto";font-size:16px;font-variant-ligatures:common-ligatures;font-weight:400;line-height:1.75;margin:0;min-width:320px;overflow-x:hidden;scroll-behavior:smooth;text-rendering:optimizeLegibility}[tabindex="-1"]:focus{outline:0 !important}hr{border:0;border-top:1px solid #e0e0e0;margin-bottom:16px;margin-top:16px}abbr[title]{border-bottom:0;cursor:help;text-decoration:underline dotted}address{font-style:normal;margin-bottom:16px}ol,ul,dl{list-style:none;margin-bottom:16px;margin-top:0;padding-left:0}ol ol,ol ul,ul ol,ul ul,dl ol,dl ul{list-style-type:circle;margin-bottom:0;margin-left:40px}ol.list--inline li,ul.list--inline li,dl.list--inline li{display:inline-block;list-style:none}ol.list--inline li:not(:last-child),ul.list--inline li:not(:last-child),dl.list--inline li:not(:last-child){margin-right:8px}dt{font-weight:700}dd{margin-bottom:8px;margin-left:0}blockquote{font-size:20px;margin:0 0 16px;padding:16px 32px}blockquote p{margin-bottom:0;margin-top:0}blockquote:not(:last-of-type){margin-bottom:0}blockquote footer{color:#757575;font-size:85%}blockquote footer::before{content:"—"}sub,sup{font-size:85%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-6px}sup{top:-8px}pre,code,kbd,samp{font-family:Consolas, monospace}code{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:inherit;font-size:85%;padding:3px;word-break:break-word}pre{background-color:#f5f5f5;border-radius:4px;color:inherit;font-size:85%;margin-bottom:16px;margin-top:0;overflow:auto;padding:16px 24px;white-space:pre;word-wrap:normal}pre code{background-color:transparent;border:inherit;border-radius:0;color:currentColor;font-size:inherit;padding:0}kbd{background-color:#191919;border-radius:4px;color:#fff;font-size:85%;padding:4px 8px}svg{overflow:hidden;vertical-align:middle}b,strong{font-weight:700}i,em{font-style:italic}mark{background-color:#ffee58;color:inherit;padding:4px}small{font-size:85%;font-weight:400}figure{display:inline-block;margin:0}caption,figcaption{caption-side:bottom;color:#757575;padding-bottom:8px;padding-top:8px;text-align:left}img{border-style:none;max-width:100%;vertical-align:middle}a{background-color:transparent;color:rgba(33,150,243,0.8);cursor:pointer;text-decoration:none}a:hover{color:#2196f3;text-decoration:underline}a:focus{box-shadow:0 0 0 3px rgba(0,209,178,0.25);outline:none}a:not([href]):not([tabindex]):not(.button){color:inherit;cursor:inherit;text-decoration:none}a:not([href]):not([tabindex]):not(.button):hover,a:not([href]):not([tabindex]):not(.button):focus{color:inherit;text-decoration:none}a:not([class]){text-decoration-skip-ink:auto}a b,a strong,a code{color:inherit}p{margin-bottom:16px;margin-top:0}p:empty,p:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1;margin-bottom:16px;margin-top:0}h1{font-size:40px}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}.border{border:1px solid #e0e0e0}.border.is-primary{border-color:#26a69a}.border.is-secondary{border-color:#f5f5f5}.border.is-success{border-color:#23d160}.border.is-warning{border-color:#ffca28}.border.is-danger{border-color:#f44336}.border.is-info{border-color:#2196f3}.border.is-link{border-color:#2196f3}.border.is-rounded{border-radius:4px}.border.is-circle{border-radius:100%}.no-border{border:0}.is-none,.is-hidden,[hidden]{display:none !important}.is-block{display:block !important}.is-flex{display:flex !important}.is-inline{display:inline !important}.is-inline-block{display:inline-block !important}.is-inline-flex{display:inline-flex !important}@media (min-width: 576px){.is-none-sm,.is-hidden-sm{display:none !important}.is-block-sm{display:block !important}.is-flex-sm{display:flex !important}.is-inline-sm{display:inline !important}.is-inline-block-sm{display:inline-block !important}.is-inline-flex-sm{display:inline-flex !important}}@media (min-width: 768px){.is-none-md,.is-hidden-md{display:none !important}.is-block-md{display:block !important}.is-flex-md{display:flex !important}.is-inline-md{display:inline !important}.is-inline-block-md{display:inline-block !important}.is-inline-flex-md{display:inline-flex !important}}@media (min-width: 992px){.is-none-lg,.is-hidden-lg{display:none !important}.is-block-lg{display:block !important}.is-flex-lg{display:flex !important}.is-inline-lg{display:inline !important}.is-inline-block-lg{display:inline-block !important}.is-inline-flex-lg{display:inline-flex !important}}@media (min-width: 1200px){.is-none-xl,.is-hidden-xl{display:none !important}.is-block-xl{display:block !important}.is-flex-xl{display:flex !important}.is-inline-xl{display:inline !important}.is-inline-block-xl{display:inline-block !important}.is-inline-flex-xl{display:inline-flex !important}}.embed{display:block;overflow:hidden;padding:0;position:relative;width:100%}.embed:before{content:"";display:block;padding-top:56.25%}.embed embed,.embed iframe,.embed object,.embed video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end !important}.justify-center{justify-content:center !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.align-start{align-items:flex-start !important}.align-end{align-items:flex-end !important}.align-center{align-items:center !important}.align-baseline{align-items:baseline !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media (min-width: 576px){.justify-start-sm{justify-content:flex-start !important}.justify-end-sm{justify-content:flex-end !important}.justify-center-sm{justify-content:center !important}.justify-between-sm{justify-content:space-between !important}.justify-around-sm{justify-content:space-around !important}.align-start-sm{align-items:flex-start !important}.align-end-sm{align-items:flex-end !important}.align-center-sm{align-items:center !important}.align-baseline-sm{align-items:baseline !important}.align-self-auto-sm{align-self:auto !important}.align-self-start-sm{align-self:flex-start !important}.align-self-end-sm{align-self:flex-end !important}.align-self-center-sm{align-self:center !important}.align-self-baseline-sm{align-self:baseline !important}.align-self-stretch-sm{align-self:stretch !important}}@media (min-width: 768px){.justify-start-md{justify-content:flex-start !important}.justify-end-md{justify-content:flex-end !important}.justify-center-md{justify-content:center !important}.justify-between-md{justify-content:space-between !important}.justify-around-md{justify-content:space-around !important}.align-start-md{align-items:flex-start !important}.align-end-md{align-items:flex-end !important}.align-center-md{align-items:center !important}.align-baseline-md{align-items:baseline !important}.align-self-auto-md{align-self:auto !important}.align-self-start-md{align-self:flex-start !important}.align-self-end-md{align-self:flex-end !important}.align-self-center-md{align-self:center !important}.align-self-baseline-md{align-self:baseline !important}.align-self-stretch-md{align-self:stretch !important}}@media (min-width: 992px){.justify-start-lg{justify-content:flex-start !important}.justify-end-lg{justify-content:flex-end !important}.justify-center-lg{justify-content:center !important}.justify-between-lg{justify-content:space-between !important}.justify-around-lg{justify-content:space-around !important}.align-start-lg{align-items:flex-start !important}.align-end-lg{align-items:flex-end !important}.align-center-lg{align-items:center !important}.align-baseline-lg{align-items:baseline !important}.align-self-auto-lg{align-self:auto !important}.align-self-start-lg{align-self:flex-start !important}.align-self-end-lg{align-self:flex-end !important}.align-self-center-lg{align-self:center !important}.align-self-baseline-lg{align-self:baseline !important}.align-self-stretch-lg{align-self:stretch !important}}@media (min-width: 1200px){.justify-start-xl{justify-content:flex-start !important}.justify-end-xl{justify-content:flex-end !important}.justify-center-xl{justify-content:center !important}.justify-between-xl{justify-content:space-between !important}.justify-around-xl{justify-content:space-around !important}.align-start-xl{align-items:flex-start !important}.align-end-xl{align-items:flex-end !important}.align-center-xl{align-items:center !important}.align-baseline-xl{align-items:baseline !important}.align-self-auto-xl{align-self:auto !important}.align-self-start-xl{align-self:flex-start !important}.align-self-end-xl{align-self:flex-end !important}.align-self-center-xl{align-self:center !important}.align-self-baseline-xl{align-self:baseline !important}.align-self-stretch-xl{align-self:stretch !important}}body.no-scroll{overflow:hidden}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:4px !important}.mt-1,.my-1{margin-top:4px !important}.mr-1,.mx-1{margin-right:4px !important}.mb-1,.my-1{margin-bottom:4px !important}.ml-1,.mx-1{margin-left:4px !important}.m-2{margin:8px !important}.mt-2,.my-2{margin-top:8px !important}.mr-2,.mx-2{margin-right:8px !important}.mb-2,.my-2{margin-bottom:8px !important}.ml-2,.mx-2{margin-left:8px !important}.m-3{margin:16px !important}.mt-3,.my-3{margin-top:16px !important}.mr-3,.mx-3{margin-right:16px !important}.mb-3,.my-3{margin-bottom:16px !important}.ml-3,.mx-3{margin-left:16px !important}.m-4{margin:24px !important}.mt-4,.my-4{margin-top:24px !important}.mr-4,.mx-4{margin-right:24px !important}.mb-4,.my-4{margin-bottom:24px !important}.ml-4,.mx-4{margin-left:24px !important}.m-5{margin:48px !important}.mt-5,.my-5{margin-top:48px !important}.mr-5,.mx-5{margin-right:48px !important}.mb-5,.my-5{margin-bottom:48px !important}.ml-5,.mx-5{margin-left:48px !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:4px !important}.pt-1,.py-1{padding-top:4px !important}.pr-1,.px-1{padding-right:4px !important}.pb-1,.py-1{padding-bottom:4px !important}.pl-1,.px-1{padding-left:4px !important}.p-2{padding:8px !important}.pt-2,.py-2{padding-top:8px !important}.pr-2,.px-2{padding-right:8px !important}.pb-2,.py-2{padding-bottom:8px !important}.pl-2,.px-2{padding-left:8px !important}.p-3{padding:16px !important}.pt-3,.py-3{padding-top:16px !important}.pr-3,.px-3{padding-right:16px !important}.pb-3,.py-3{padding-bottom:16px !important}.pl-3,.px-3{padding-left:16px !important}.p-4{padding:24px !important}.pt-4,.py-4{padding-top:24px !important}.pr-4,.px-4{padding-right:24px !important}.pb-4,.py-4{padding-bottom:24px !important}.pl-4,.px-4{padding-left:24px !important}.p-5{padding:48px !important}.pt-5,.py-5{padding-top:48px !important}.pr-5,.px-5{padding-right:48px !important}.pb-5,.py-5{padding-bottom:48px !important}.pl-5,.px-5{padding-left:48px !important}.is-text-left{text-align:left !important}.is-text-center{text-align:center !important}.is-text-right{text-align:right !important}.is-text-justified{text-align:justify !important}.is-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-text-lowercase{text-transform:lowercase !important}.is-text-uppercase{text-transform:uppercase !important}.is-text-capitalize{text-transform:capitalize !important}.is-line-clamp-0{display:inherit}.is-line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.is-line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.is-line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}@media (min-width: 576px){.is-text-left-sm{text-align:left !important}.is-text-center-sm{text-align:center !important}.is-text-right-sm{text-align:right !important}.is-line-clamp-0-sm{display:inherit}.is-line-clamp-1-sm{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.is-line-clamp-2-sm{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.is-line-clamp-3-sm{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}}@media (min-width: 768px){.is-text-left-md{text-align:left !important}.is-text-center-md{text-align:center !important}.is-text-right-md{text-align:right !important}.is-line-clamp-0-md{display:inherit}.is-line-clamp-1-md{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.is-line-clamp-2-md{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.is-line-clamp-3-md{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}}@media (min-width: 992px){.is-text-left-lg{text-align:left !important}.is-text-center-lg{text-align:center !important}.is-text-right-lg{text-align:right !important}.is-line-clamp-0-lg{display:inherit}.is-line-clamp-1-lg{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.is-line-clamp-2-lg{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.is-line-clamp-3-lg{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}}@media (min-width: 1200px){.is-text-left-xl{text-align:left !important}.is-text-center-xl{text-align:center !important}.is-text-right-xl{text-align:right !important}.is-line-clamp-0-xl{display:inherit}.is-line-clamp-1-xl{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.is-line-clamp-2-xl{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.is-line-clamp-3-xl{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}}.media{align-items:flex-start;display:flex;position:relative}.media>*:not(:last-child){margin-right:16px}.media_content{flex:1}.media_title{color:#191919;font-size:18px;font-weight:500;margin-bottom:8px}.container{margin-left:auto;margin-right:auto;max-width:90%;width:100%}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.row.no-gutters{margin-left:0;margin-right:0}.row.no-gutters>[class*="col-"]{padding-left:0;padding-right:0}[class*="col-"]{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333%}.col-2{flex:0 0 auto;width:16.66667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333%}.col-5{flex:0 0 auto;width:41.66667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333%}.col-8{flex:0 0 auto;width:66.66667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333%}.col-11{flex:0 0 auto;width:91.66667%}.col-12{flex:0 0 auto;width:100%}.order-first{order:-1}.order-last{order:13}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width: 576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333%}.col-sm-2{flex:0 0 auto;width:16.66667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333%}.col-sm-5{flex:0 0 auto;width:41.66667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333%}.col-sm-8{flex:0 0 auto;width:66.66667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333%}.col-sm-11{flex:0 0 auto;width:91.66667%}.col-sm-12{flex:0 0 auto;width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width: 768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333%}.col-md-2{flex:0 0 auto;width:16.66667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333%}.col-md-5{flex:0 0 auto;width:41.66667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333%}.col-md-8{flex:0 0 auto;width:66.66667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333%}.col-md-11{flex:0 0 auto;width:91.66667%}.col-md-12{flex:0 0 auto;width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width: 992px){.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333%}.col-lg-2{flex:0 0 auto;width:16.66667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333%}.col-lg-5{flex:0 0 auto;width:41.66667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333%}.col-lg-8{flex:0 0 auto;width:66.66667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333%}.col-lg-11{flex:0 0 auto;width:91.66667%}.col-lg-12{flex:0 0 auto;width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width: 1200px){.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333%}.col-xl-2{flex:0 0 auto;width:16.66667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333%}.col-xl-5{flex:0 0 auto;width:41.66667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333%}.col-xl-8{flex:0 0 auto;width:66.66667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333%}.col-xl-11{flex:0 0 auto;width:91.66667%}.col-xl-12{flex:0 0 auto;width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}.box{background-color:#fff;border-radius:4px;box-shadow:0 2px 3px rgba(25,25,25,0.1),0 0 0 1px rgba(25,25,25,0.1);color:#191919;display:block;padding:20px}.button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:rgba(25,25,25,0.8);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;line-height:20px;margin-right:4px;min-width:64px;outline:none;padding:8px 16px;position:relative;text-align:center;text-decoration:none;transition:200ms ease-out;user-select:none}.button:hover{color:#191919;text-decoration:none}.button:focus:not(.is-link),.button:active:not(.is-link){border-color:#bdbdbd;box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.button.is-primary,.button.is-secondary,.button.is-link,.button.is-success,.button.is-warning,.button.is-danger,.button.is-info{border-width:0;padding-bottom:8px;padding-top:8px}.button.is-primary,.button.is-success,.button.is-warning,.button.is-danger,.button.is-info{color:#fff}.button.is-outline{border:1px solid #e0e0e0;padding-bottom:7px;padding-top:7px}.button.is-primary{background-color:#26a69a}.button.is-primary:not([disabled]):hover{background-color:#219187}.button.is-primary:not([disabled]):active{background-color:#1d7d74}.button.is-primary:not([disabled]):focus,.button.is-primary:not([disabled]):active{box-shadow:0 0 0 3px rgba(38,166,154,0.25)}.button.is-primary.is-outline{background-color:transparent;border-color:#26a69a;color:#26a69a}.button.is-primary.is-outline:hover{background-color:#26a69a;border-color:#26a69a;color:#fff}.button.is-secondary{background-color:#f5f5f5}.button.is-secondary:not([disabled]):hover{background-color:#e8e8e8}.button.is-secondary:not([disabled]):active{background-color:#dcdcdc}.button.is-secondary.is-outline{background-color:transparent;border-color:#bdbdbd}.button.is-secondary.is-outline:hover{background-color:#f5f5f5;border-color:#bdbdbd}.button.is-success{background-color:#23d160}.button.is-success:not([disabled]):hover{background-color:#1fbb56}.button.is-success:not([disabled]):active{background-color:#1ca54c}.button.is-success:not([disabled]):focus,.button.is-success:not([disabled]):active{box-shadow:0 0 0 3px rgba(35,209,96,0.25)}.button.is-success.is-outline{background-color:transparent;border-color:#23d160;color:#23d160}.button.is-success.is-outline:hover{background-color:#23d160;border-color:#23d160;color:#fff}.button.is-warning{background-color:#ffca28}.button.is-warning:not([disabled]):hover{background-color:#ffc40f}.button.is-warning:not([disabled]):active{background-color:#f4b800}.button.is-warning:not([disabled]):focus,.button.is-warning:not([disabled]):active{box-shadow:0 0 0 3px rgba(255,202,40,0.25)}.button.is-warning.is-outline{background-color:transparent;border-color:#ffca28;color:#ffca28}.button.is-warning.is-outline:hover{background-color:#ffca28;border-color:#ffca28;color:#fff}.button.is-danger{background-color:#f44336}.button.is-danger:not([disabled]):hover{background-color:#f32c1e}.button.is-danger:not([disabled]):active{background-color:#ea1c0d}.button.is-danger:not([disabled]):focus,.button.is-danger:not([disabled]):active{box-shadow:0 0 0 3px rgba(244,67,54,0.25)}.button.is-danger.is-outline{background-color:transparent;border-color:#f44336;color:#f44336}.button.is-danger.is-outline:hover{background-color:#f44336;border-color:#f44336;color:#fff}.button.is-info{background-color:#2196f3}.button.is-info:not([disabled]):hover{background-color:#0d8aee}.button.is-info:not([disabled]):active{background-color:#0c7cd5}.button.is-info:not([disabled]):focus,.button.is-info:not([disabled]):active{box-shadow:0 0 0 3px rgba(33,150,243,0.25)}.button.is-info.is-outline{background-color:transparent;border-color:#2196f3;color:#2196f3}.button.is-info.is-outline:hover{background-color:#2196f3;border-color:#2196f3;color:#fff}.button.is-link:not([disabled]):hover{text-decoration:underline !important}.button.is-link:not([disabled]):active{background-color:#f5f5f5}.button[disabled]{box-shadow:none;cursor:default;opacity:0.5;pointer-events:none}.button.is-small{padding:3px 8px}.button.is-large{padding:11px 20px}.button.is-circle{border-radius:100%}.button.is-rounded{border-radius:50px}.button.is-circle,.button.is-square{height:40px;min-width:initial;padding:0;width:40px}.button.is-circle.is-small,.button.is-square.is-small{height:32px;width:32px}.button.is-circle.is-large,.button.is-square.is-large{height:48px;width:48px}.button.is-block{display:flex;width:100%}.delete{background-color:rgba(25,25,25,0.2);border-radius:100%;cursor:pointer !important;display:inline-block;height:20px;outline:none;position:relative;transition:box-shadow .2s ease;user-select:none;vertical-align:middle;width:20px}.delete::before,.delete::after{background-color:#fff;content:"";display:block;height:2px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center;width:50%}.delete::after{height:50%;width:2px}.delete:hover{background-color:rgba(25,25,25,0.3)}.delete:focus,.delete:active{box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.delete.is-small{height:16px;width:16px}.delete.is-large{height:24px;width:24px}.divider{background-color:rgba(25,25,25,0.1);display:block;height:1px;margin:8px 0;text-align:center}.divider[data-content]{margin-bottom:16px;margin-top:16px}.divider[data-content]::after{background-color:#fff;content:attr(data-content);display:inline-block;font-size:12px;padding:0 12px;transform:translateY(-16px)}.divider.is-vertical{display:inline-block;height:auto;margin:0 32px;min-height:40px;position:relative;width:1px}.divider.is-vertical[data-content]::after{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.image{position:relative}.image.is-16{height:16px;width:16px}.image.is-24{height:24px;width:24px}.image.is-32{height:32px;width:32px}.image.is-48{height:48px;width:48px}.image.is-64{height:64px;width:64px}.image.is-96{height:96px;width:96px}.image.is-128{height:128px;width:128px}.image.is-rounded img{border-radius:100%}.image img{display:block;height:auto;width:100%}.notification{background-color:#f5f5f5;border-radius:4px;color:#191919;font-size:14px;margin-bottom:16px;padding:16px 24px;position:relative}.notification a:not(.button){color:inherit;text-decoration:underline}.notification.is-primary{background-color:#6eded3;color:#0e3e3a}.notification.is-success{background-color:#88ebab;color:#11642e}.notification.is-danger{background-color:#fbb4af;color:#a21309}.notification.is-warning{background-color:#ffe9a8;color:#a87e00}.notification.is-info{background-color:#9acffa;color:#08528d}.notification .delete{position:absolute;right:8px;top:8px}.overlay{background-color:rgba(0,0,0,0.1);bottom:0;left:0;position:fixed;right:0;top:0;z-index:4}.progress{-webkit-appearance:none;border:none;border-radius:4px;display:block;height:16px;overflow:hidden;padding:0;width:100%}.progress::-webkit-progress-bar{background-color:#f5f5f5}.progress::-webkit-progress-value{background-color:#26a69a}.progress.is-small{height:8px}.progress.is-large{height:24px}.progress.is-success::-webkit-progress-value{background-color:#23d160}.progress.is-warning::-webkit-progress-value{background-color:#ffca28}.progress.is-danger::-webkit-progress-value{background-color:#f44336}.progress.is-info::-webkit-progress-value{background-color:#2196f3}.progress[disabled]{box-shadow:none;cursor:default;opacity:0.5;pointer-events:none}.progress[disabled]::-webkit-progress-bar{background-color:#e0e0e0}.table{background-color:#fff;border-collapse:collapse;border-spacing:0;color:#191919;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;width:100%}.table thead th{border-bottom:2px solid #f5f5f5}.table th{font-weight:500;text-align:left}.table th,.table td{padding:12px 16px}.table.is-small th,.table.is-small td{padding-bottom:8px;padding-top:8px}.table.is-large th,.table.is-large td{padding-bottom:16px;padding-top:16px}.table.is-bordered th{border:1px solid #f5f5f5;border-bottom:2px solid #f5f5f5}.table.is-bordered td{border:1px solid #f5f5f5}.table.is-striped tr:nth-child(even){background-color:#fafafa}.table.is-hoverable tbody tr:hover{background-color:#fafafa}.table.is-hoverable.is-striped tbody tr:nth-child(even):hover{background-color:#f5f5f5}.table.is-borderless th,.table.is-borderless td{border:0}.tag{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#191919;cursor:default;display:inline-flex;font-size:13px;justify-content:center;margin-right:4px;overflow:hidden;padding:4px 8px;vertical-align:middle}.tag .tag_detail{background-color:rgba(0,0,0,0.05);color:inherit;padding-bottom:4px;padding-top:4px}.tag .tag_detail:first-child:not(:last-child){margin:-8px 4px -8px -12px;padding-left:12px;padding-right:4px}.tag .tag_detail:last-child:not(:first-child){margin:-8px -12px -8px 4px;padding-left:4px;padding-right:12px}.tag .delete{color:inherit}.tag .delete:first-child:not(:last-child){margin-right:4px}.tag .delete:last-child:not(:first-child){margin-left:4px}.tags .tag{margin-bottom:8px}.title{font-weight:300;line-height:1.5;margin-bottom:8px}.title.is-size-1{font-size:60px}.title.is-size-2{font-size:48px}.title.is-size-3{font-size:36px}.title.is-size-4{font-size:26px}.tooltip{position:relative}.tooltip::before,.tooltip::after{bottom:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:auto;transition:200ms ease-out;z-index:1}.tooltip::before{background-color:#191919;border-radius:4px;color:#fff;content:attr(data-content);font-size:12px;line-height:1.5;overflow:hidden;padding:8px;text-overflow:ellipsis;transform:translate(-50%, -8px);white-space:nowrap}.tooltip::after{border:5px solid transparent;border-top-color:#191919;bottom:auto;content:"";left:50%;top:-8px;transform:translate(-50%, 0)}.tooltip:hover::before,.tooltip:hover::after{opacity:1}.tooltip.is-bottom::before{bottom:auto;top:100%;transform:translate(-50%, 8px)}.tooltip.is-bottom::after{bottom:0;top:auto;transform:translate(-50%, calc(100% + -2px)) rotate(180deg)}.tooltip.is-multiline::before{min-width:280px;text-overflow:clip;white-space:normal;word-break:keep-all}.tooltip.is-multiline.is-bottom::before{top:100%;transform:translate(-50%, 8px)}.breadcrumb li{display:inline-block;font-size:16px;list-style:none;white-space:nowrap}.breadcrumb li:not(:first-child)::before{color:#bdbdbd;content:"/";padding-left:4px;padding-right:8px}.breadcrumb li a{color:rgba(25,25,25,0.8)}.breadcrumb li a:hover{color:#191919;text-decoration:none}.breadcrumb li:last-child{cursor:text}.breadcrumb li:last-child a{color:inherit;pointer-events:none}.breadcrumb.is-small li{font-size:12px}.breadcrumb.is-large li{font-size:20px}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:block;margin-bottom:32px;position:relative;width:100%}.card_image{position:relative;width:100%}.card_image img{border-radius:4px 4px 0 0;width:100%}.card_content{color:#191919;padding:24px 24px 16px}.card_title{font-weight:500}.card.is-small .card_image{padding:16px 16px 0}.card.is-small .card_image img{border-radius:4px}.card.is-large{border:none}.card.is-large .card_content{border:1px solid #e0e0e0;border-top:0;margin-left:5%;margin-right:5%}.card.is-large .card_image img{border-radius:8px}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;display:inline-flex;margin-bottom:4px}.dropdown-trigger::after{border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #757575;content:"";display:inline-block;margin-left:8px}.dropdown_menu{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:none;min-width:200px;padding-bottom:8px;padding-top:8px;position:absolute;top:100%;z-index:1}.dropdown.is-active .dropdown_menu{display:block}.dropdown_item{color:#191919;display:block;font-size:14px;padding:4px 16px}.dropdown_item:hover{background-color:#f5f5f5;color:#191919;text-decoration:none}.dropdown_item:focus{box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.dropdown.is-hoverable:hover .dropdown_menu{display:block}.list{border:1px solid #e0e0e0;border-radius:4px}.list .list_item{color:#191919;display:block;padding:8px 16px}.list .list_item:not(:last-child){border-bottom:1px solid #e0e0e0}.list .list_item.is-active{background-color:#26a69a;color:#fff;pointer-events:none}.list .list_item[disabled]{color:#e0e0e0;pointer-events:none}.list .list_item[href]:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list .list_item[href]:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.list .list_item[href]:not(.is-active):hover{background-color:#f5f5f5;text-decoration:none}.modal{animation:modal .3s;background-color:#fff;border:0;border-radius:8px;color:#6b7280;display:none;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI","Roboto";font-size:14px;left:calc(-50vw + 50%);margin:auto;padding:0;position:fixed;right:calc(-50vw + 50%);top:25%;transform:translateY(-50%);width:504px;z-index:5}.modal.is-open,.modal[open]{display:block}.modal_content{align-items:flex-start;display:flex;flex-direction:row;padding:24px 24px 16px}.modal_icon{align-items:center;background-color:#fde8e8;border-radius:100%;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;margin-right:16px;width:40px}.modal_icon svg{height:24px}.modal_title{color:#191919;font-size:18px;font-weight:500;margin-bottom:8px}.modal_footer{background-color:#f9fafb;border-radius:0 0 8px 8px;display:flex;justify-content:flex-end;padding:12px 24px}.nav{align-items:center;background-color:#f5f5f5;display:flex;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px}.nav a.nav_brand{color:inherit;margin-right:40px;padding:0}.nav a.nav_brand img{margin-right:8px}.nav a.nav_brand:hover{text-decoration:none}.nav ul{align-items:center;display:flex;margin-bottom:0}.nav>a:not(.nav_brand),.nav li>a,.nav .dropdown_trigger{border-radius:4px;color:rgba(25,25,25,0.8);display:inline-flex;font-size:inherit;margin-bottom:0;margin-right:40px}.nav>a:not(.nav_brand):focus,.nav>a:not(.nav_brand):hover,.nav li>a:focus,.nav li>a:hover,.nav .dropdown_trigger:focus,.nav .dropdown_trigger:hover{color:inherit;text-decoration:none;transition:200ms ease-out}.nav>a:not(.nav_brand)[disabled],.nav li>a[disabled],.nav .dropdown_trigger[disabled]{color:#bdbdbd;cursor:default;pointer-events:none}.pagination{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:inline-flex;margin-bottom:16px}.pagination a{color:#191919;cursor:pointer;display:inline-block;font-size:14px;line-height:20px;padding:8px 15px;text-align:center;transition:200ms ease-out;user-select:none}.pagination a:not(:first-child){border-left:1px solid #e0e0e0}.pagination a:hover{text-decoration:none}.pagination a:focus,.pagination a:active{box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.pagination a.is-current{background-color:#26a69a;color:#fff}.pagination a[disabled]{color:#bdbdbd;pointer-events:none}.checkbox,.radio{opacity:0;position:absolute;z-index:-1}.checkbox+span,.radio+span{cursor:pointer;display:inline-block;padding-left:24px;position:relative}.checkbox+span::before,.radio+span::before{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;content:"";display:block;height:16px;left:0;pointer-events:none;position:absolute;top:6px;transition:box-shadow .2s ease;width:16px}.checkbox:focus+span::before,.radio:focus+span::before{box-shadow:0 0 0 3px rgba(38,166,154,0.25)}.checkbox[disabled]+span,.radio[disabled]+span{color:#757575;cursor:default}.checkbox[disabled]+span::before,.radio[disabled]+span::before{background-color:#f5f5f5;opacity:.5}.checkbox:checked+span::before,.radio:checked+span::before{background-color:#26a69a;border-color:#26a69a}.checkbox:checked+span::after,.radio:checked+span::after{background:no-repeat 50%/50% 50%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");content:"";display:block;height:16px;left:0;position:absolute;top:6px;width:16px}.checkbox.color-input+span,.radio.color-input+span{border-radius:3px;height:32px;margin-right:4px;width:32px}.checkbox.color-input+span::before,.radio.color-input+span::before{content:none}.checkbox.color-input+span::after,.radio.color-input+span::after{content:"";height:24px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:24px}.checkbox.color-input:checked+span::after,.radio.color-input:checked+span::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.checkbox.select-input+span,.radio.select-input+span{align-items:center;border:1px solid #e0e0e0;border-radius:3px;display:inline-flex;height:40px;justify-content:center;margin-right:4px;min-width:40px;padding-left:8px;padding-right:8px}.checkbox.select-input+span::before,.checkbox.select-input+span::after,.radio.select-input+span::before,.radio.select-input+span::after{content:none}.checkbox.select-input:checked+span,.radio.select-input:checked+span{background-color:#c1f1ec}.checkbox.color-input:focus+span,.checkbox.select-input:focus+span,.radio.color-input:focus+span,.radio.select-input:focus+span{box-shadow:0 0 0 3px rgba(38,166,154,0.25)}.checkbox.color-input.is-circle+span,.checkbox.select-input.is-circle+span,.radio.color-input.is-circle+span,.radio.select-input.is-circle+span{border-radius:50px}.radio+span::before{border-radius:100%}.radio:checked+span::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.radio:checked[disabled]+span::before{background-color:#26a69a;border-color:#26a69a}.form-field{margin-bottom:16px;position:relative}.form-field.has-loading:after{animation:spinAround .5s infinite linear;border:2px solid #bdbdbd;border-radius:100%;border-right-color:transparent;border-top-color:transparent;content:"";height:16px;position:absolute;right:12px;top:12px;width:16px}.form-field.has-loading .input{padding-right:40px}.form-field.has-icon .input{padding-left:40px}.form-field.has-icon .input+.input-icon{color:#757575;display:inline-block;font-size:16px;left:12px;position:absolute;text-align:center;top:6px;transition:200ms ease-out;width:16px}.form-field.has-icon .input:focus+.input-icon{color:#191919}.form-field.has-icon label+.input+.input-icon{top:33px}.input,.textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#191919;display:block;font-size:14px;font-weight:400;outline:none;padding:4px 12px;transition:box-shadow .2s ease;width:100%}.input:focus,.textarea:focus{box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.input[disabled],.textarea[disabled]{background-color:#f5f5f5;box-shadow:none;cursor:default;opacity:0.5;pointer-events:none}.input::placeholder,.textarea::placeholder{color:#757575}.input{line-height:30px}.input.is-valid,.input.is-invalid{background-position:center right 12px;background-repeat:no-repeat;background-size:16px;padding-right:40px}.input.is-valid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2323d160' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");border-color:#23d160}.input.is-valid:focus{box-shadow:0 0 0 3px rgba(35,209,96,0.25)}.input.is-valid+.input-text{color:#23d160}.input.is-invalid{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");border-color:#f44336}.input.is-invalid:focus{box-shadow:0 0 0 3px rgba(244,67,54,0.25)}.input.is-invalid+.input-text{color:#f44336}.input+.input-text{color:#757575;display:block;margin-top:4px}.textarea{line-height:1.75;min-height:80px;resize:vertical}.range{-webkit-appearance:none;margin:16px 0;width:100%}.range:focus{outline:none}.range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.range:active::-webkit-slider-thumb{transform:scale(1.2)}.range::-webkit-slider-runnable-track{background:#f5f5f5;border-radius:4px;cursor:pointer;height:8px;width:100%}.range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;height:16px;margin-top:-4px;width:16px}.select{-webkit-appearance:none;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23757575' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 12px center/8px 10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#191919;display:block;font-size:14px;font-weight:400;height:40px;outline:none;padding-left:12px;padding-right:12px;resize:vertical;transition:box-shadow .2s ease;width:100%}.select:focus{box-shadow:0 0 0 3px rgba(0,209,178,0.25)}.select[disabled]{background-color:#f5f5f5;box-shadow:none;cursor:default;opacity:0.5;pointer-events:none}.select::placeholder{color:#757575}.switch{opacity:0;position:absolute;z-index:-1}.switch+span{cursor:pointer;position:relative}.switch+span::before{background-color:#fff;border:1px solid #e0e0e0;border-radius:32px;content:"";display:inline-block;height:20px;position:relative;top:5px;transition:200ms ease-out;width:36px}.switch+span::after{background-color:#fff;border:1px solid #e0e0e0;border-radius:100%;content:"";display:inline-block;height:18px;left:1px;position:absolute;top:2px;transition:200ms ease-out;width:18px}.switch:focus+span::before{box-shadow:0 0 0 3px rgba(38,166,154,0.25)}.switch[disabled]+span{color:#757575;cursor:default}.switch[disabled]+span::before{background-color:#f5f5f5;opacity:.5}.switch:checked+span::before{background-color:#26a69a;border-color:#26a69a}.switch:checked+span::after{left:17px}

/*# sourceMappingURL=turkuaz.min.css.map */

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.