html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/***** COOKIES BANNER *****/
#cc-main {background:var(--ui-200)}
.cm__btn--secondary {display:none!important}

.cm__btn {background:var(--brand)!important; color:#FAFBFC!important; border:0!important; border:1px solid var(--brand)!important}
.cm__btn[data-role=necessary] {background:var(--ui-100)!important; color:var(--link-menu)!important; border:1px solid var(--link-menu)!important}

.cm__btn:hover, .cm__btn[data-role=necessary]:hover {background:#639DFB!important; color:#1E2C46!important; border:1px solid #639DFB!important}

#cc-main .cm {border-radius:1em!important; box-shadow: 0 .625em 1.875em rgba(30, 44, 70, .3)!important}
.cm--box {background:var(--ui-100)!important}
.cm__body, .cm__desc {color:var(--ui-900)!important}
.cm__body {color:var(--ui-900)!important}
.cm__btns {border-top:1px solid var(--ui-200)!important}
/***** /COOKIES BANNER *****/

img {max-width:100%}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

a, a>* {
    transition: color .15s ease-in-out,
        background-color .15s ease-in-out,
        border-color .15s ease-in-out;}
a {color:var(--link-menu); text-decoration:none}
a:hover {background:var(--accent-blue)}

body {background:var(--ui-000); color:var(--ui-900); font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.5;}

.bg-blue {background:var(--brand)}
.bg-ui-100 {background:var(--ui-100)}
.bg-terindra-1 {background:var(--secondary-red)}
.bg-terindra-2 {background:var(--accent-red)}
.bg-dapat-dioperasikan-1 {background:var(--secondary-yellow)}
.bg-dapat-dioperasikan-2 {background:var(--accent-yellow)}
.bg-dapat-dimengerti-1 {background:var(--secondary-red)}
.bg-dapat-dimengerti-2 {background:var(--accent-red)}
.bg-handal-1 {background:var(--secondary-red)}
.bg-handal-2 {background:var(--accent-red)}

.bg-terindra-1 h2, .bg-dapat-dioperasikan-1 h2, .bg-dapat-dimengerti-1 h2, .bg-handal-1 h2 {color:var(--ui-900)}

m-0 {margin-top:0; margin-bottom:0}
h1, .h1 {font-weight:700;}
h2, .h2, h3, h4 .h3, .h4 {font-weight:400;}
h1, .h1 {font-size:2em; margin-top:.75em; margin-bottom:.75em}
h2, .h2 {font-size:1.75em; margin-top:1.25em; margin-bottom:1em}
h3, .h3 {font-size:1.5em; margin-top:1.25em; margin-bottom:1em}
h4, .h4 {font-size:1.25em; margin-top:1em; margin-bottom:1em}
h2 {color:var(--ui-500);}
h4 {color:var(--ui-600);}
#kriteria h2 {margin-top:0}

hr {border:none; border-bottom:1px solid var(--ui-300)}



.navbar a:hover {text-decoration:none!important; background:none}
/*.navbar li a:hover {background:var(--ui-900)}*/
.dropdown-menu li {font-size:1em; padding:1em}

.nav-link {outline:none; border:2px solid rgba(255,255,255,0); border-radius:.25em}
.nav-link:focus {outline:none; border:2px solid #FDCD00; border-radius:.25em}

.dropdown-menu {background:var(--ui-000); color:var(--ui-900); min-width:240px}
.dropdown-menu button {color:var(--ui-900)}


.color-toggle .nav-link, .multi-menu .nav-link,  {padding:.75em .5em; font-size:1em!important; width:100%; text-align:left!important}
.color-toggle button.nav-link {width:100%}
.color-toggle button.nav-link:hover {background:var(--accent-blue); color:var(--ui-900)}
.color-toggle .nav-item {padding:.25em}
.color-toggle .nav-link.active, .color-toggle .nav-link:active, .multi-menu .nav-link.active {color:#dde3ea; background:var(--brand); font-weight: bold}
.color-toggle .nav-link .fa-check, .color-toggle .nav-link .sr-only {display:none}
.color-toggle .nav-link.active .fa-check, .color-toggle .nav-link.active .sr-only {display:inline-block}


.color-toggle .nav-link:focus {color:var(--ui-900)}
.color-toggle .nav-link.active:focus {color:var(--ui-000)}

.navbar.tabbar {background:var(--ui-100); padding:0; text-align:center; font-size:.75em; 
    bottom: 1em;  left: 1em; right: 1em; border-radius: 1em;
}

.navbar.tabbar .nav-item:first-child .active {border-radius:1em 0 0 1em}
.navbar.tabbar .nav-item:last-child .active {border-radius:0 1em 1em 0}

.navbar.tabbar .fa {font-size:1em}
.navbar.tabbar span {display:block; text-align:center}
.navbar.tabbar .nav-link {border-radius:0; color:var(--ui-900)}
.navbar.tabbar .nav-link:hover {background:#639DFB}
.navbar.tabbar .active, .navbar.tabbar .dropup.active #wcagMenu, .navbar.tabbar .dropup.active #pustakaMenu {color:#dde3ea; background:var(--brand)}
.multi-menu .nav-link.active {border-radius:.25em!important}

.navbar.tabbar .nav-item.col {width:calc((100vw - 2em)/5)!important; text-align:center}
.navbar.tabbar button.nav-link {width:100%}
.navbar.tabbar .multi-menu {background:var(--ui-100); left: 50%;
  transform: translateX(-50%); border:1px solid var(--ui-000); margin-bottom:.25em;}
.multi-menu .nav-item {padding:.25em}
.multi-menu .nav-link {color:var(--ui-900)}
.multi-menu .nav-link:hover {background:var(--accent-blue);color:var(--ui-900)}


.skip-link {left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;}
a.skip-link:focus, a.skip-link:active {
	display:block;
    color: var(--ui-000);
    background-color:var(--ui-900);
    left: 1em;
    top: 1em;
    width: auto;
    height: auto;
    overflow:auto;
    padding:.5em;
    border-radius: .25em;
    text-align:center;
    font-size:1em;
    z-index:1040;
}

footer {background:#053074 url("https://assets.radikal.id/bg-wcag.svg") repeat; color:#FAFBFC; padding-top:4em; padding-bottom:6em; margin-top:4em}
footer {font-size:.875em}
img.footer-brand {height:48px; width:auto; margin-bottom:1em}
footer a {color:#FAFBFC!important}
footer a:hover {color:#1E2C46!important; background:#FDCD00!important}
footer .left a {font-weight:bold}

body[data-theme="dark"] .logo-light {display:none}
body[data-theme="light"] .logo-dark {display:none}

a:focus, a:focus-visible, button:focus, button:focus-visible {outline:2px solid #FDCD00!important; border-radius:.125em; background:rgba(253,205,0,.1)}
select:focus, input:focus, .form-control:focus {outline:2px solid #FDCD00!important;}

abbr {text-decoration: none; border-bottom:4px dotted #FDCD00}


.btn, .btn:hover, .btn:focus {text-decoration:none!important;}

.btn-blue, .btn-primary {background:var(--brand); color:#FAFBFC}
.btn-blue:hover, .btn-blue:focus {background:#163363; color:#FAFBFC}

.btn-white {background:#dde3ea!important; color:#1E2C46!important}
.btn-white:hover, .btn-white:focus {background:#7F9BB1!important; color:#1E2C46!important}

.btn-yellow {background:#FDCD00!important; color:#1E2C46!important}
.btn-yellow:hover, .btn-yellow:focus {background:#C6A208!important; color:#1E2C46!important}

.btn-red, .btn-danger {border:1px solid #FF9292!important; background:none!important; color:var(--ui-900)!important}
.btn-red:hover, .btn-red:focus {border:1px solid #8F483B!important; background:var(--ui-100)!important; color:var(--ui-600)!important}

.btn-grey, .btn-secondary {background:var(--ui-600)!important; color:var(--ui-000)!important}
.btn-grey:hover, .btn-grey:focus {background:var(--ui-700)!important; color:var(--ui-100)!important}




.toast .btn-link {font-weight: bold}
.post-content .btn-link {color:var(--link-menu)!important}


.btn-gumroad {background:#FF90E8; color:#000}
.btn-saweria {background:#FFA43C; color:#1F1F1F}
.btn-trakteer {background:#BC192D; color:#FFF}

.btn-gumroad:hover, .btn-saweria:hover, .btn-trakteer:hover {background:var(--link-menu)!important; color:var(--ui-000)!important}

.btn-gumroad:focus, .btn-saweria:focus, .btn-trakteer:focus {background:var(--ui-900)!important; color:var(--ui-000)!important}

.btn-social {color:#212223!important; background:#F1F2F3; font-size:.875em!important; font-weight:400!important}

footer .btn-linkedin i {color:#0a66c2}
footer .btn-instagram i {color:#e1306c}

footer .btn-linkedin:hover, footer .btn-linkedin:focus {color:#F1F2F3!important; background:#0a66c2!important;}
footer .btn-instagram:hover, footer .btn-instagram:focus {color:#F1F2F3!important; background:#e1306c!important;}

footer .btn-linkedin:hover i, footer .btn-linkedin:focus i, footer .btn-instagram:hover i, footer .btn-instagram:focus i {color:#F1F2F3}


.hero {color:var(--ui-000); padding-top:2em; padding-bottom:2em; margin-bottom:2em}
.hero a {color:#DDE3EA; text-decoration:underline}
.hero a:hover {background:var(--accent-blue); color:var(--ui-900)}

.hero small, #formulir small {display:block; font-size:.875em; }

.hero .btn {margin-bottom:1em}

.home-structure .col-md-12, .home-structure .col-md-6, .home-structure .col-md-4, .home-structure .col-md-3 {margin-bottom:1em}
.home-structure .card-body .ol, .home-structure .card-body .ul {margin-bottom:0!important;}
.home-structure .card-header i, .home-structure .card-header svg {font-size:2em; color:var(--accent); margin-bottom:.25em}


.home-structure .list-group, .card-tema .list-group-item:first-child {border-radius:0!important}
.home-structure .list-group-item {border:none; border-bottom:1px solid var(--ui-200); background:var(--ui-000)}
.home-structure .list-group-item:last-child, .card-tema .list-group-item:nth-child(7) {border-bottom:none}
.home-structure .list-group-item a {display:block}
.card-tema .list-group-item {margin-bottom:0}
.home-structure .card small {display: block; font-size:.875em; !important; color:var(--ui-900)}

.lead {font-size:1.25em; }

.card-list {list-style:none; padding-left:0}
.card-list li {margin-bottom:1em}
.card {background:var(--ui-000); border:1px solid var(--ui-200); padding:1em; border-radius:1em;}
.card-header, .card-body, .card-footer {background:none; padding:0; border:none}

.hide-body .card-body {display:none}
.hide-body .card-body {display:none}

.card {color:var(--ui-900);}
.card h2, .card h3, .card p {margin:0}
.card h2, .card h3 {margin-bottom:1rem!important}

/*.post-content h2:first-child {margin-top:0}*/
.post-navigation {margin-bottom:2em;}

.breadcrumb-item+.breadcrumb-item::before {padding:0 .5em; color:var(--ui-500)}

ol.breadcrumb, .prevnext {margin-bottom:0}
ol.breadcrumb li {padding:0!important; margin:0}
ol.breadcrumb-real, .prevnext {font-size:.875em}
ol.breadcrumb-custom li a, ol.breadcrumb-custom li span, .badge {padding:.25em .5em; color:var(--ui-900)!important; font-size:.875em}
ol.breadcrumb-custom li:first-child a, ol.breadcrumb-custom li:first-child span {border-top-left-radius:.25em; border-bottom-left-radius:.25em}
ol.breadcrumb-custom li:last-child a, ol.breadcrumb-custom li:last-child span {border-top-right-radius:.25em; border-bottom-right-radius:.25em}

ol.breadcrumb-custom li:nth-child(1) a, ol.breadcrumb-custom li:nth-child(1) span {background:var(--secondary-blue)}
ol.breadcrumb-custom li:nth-child(2) a, ol.breadcrumb-custom li:nth-child(2) span {background:var(--accent-blue)}
ol.terindra li:nth-child(1) a, ol.terindra li:nth-child(1) span {background:var(--secondary-red)}
ol.terindra li:nth-child(2) a, ol.terindra li:nth-child(2) span {background:var(--accent-red)}
ol.dapat-dioperasikan li:nth-child(1) a, ol.dapat-dioperasikan li:nth-child(1) span {background:var(--secondary-yellow)}
ol.dapat-dioperasikan li:nth-child(2) a, ol.dapat-dioperasikan li:nth-child(2) span {background:var(--accent-yellow)}
ol.dapat-dimengerti li:nth-child(1) a, ol.dapat-dimengerti li:nth-child(1) span {background:var(--secondary-green)}
ol.dapat-dimengerti li:nth-child(2) a, ol.dapat-dimengerti li:nth-child(2) span {background:var(--accent-green)}
ol.handal li:nth-child(1) a, ol.handal li:nth-child(1) span {background:var(--secondary-purple)}
ol.handal li:nth-child(2) a, ol.handal li:nth-child(2) span {background:var(--accent-purple)}
ol.breadcrumb li:hover a {text-decoration:none; background:var(--accent-blue)}


.prevnext {list-style:none; padding-left:0; }

.search-wrapper #search-help {color:var(--ui-700); font-size:.75em; line-height:1em}

.modal-header, .modal-body, .modal-footer {color:var(--ui-900)!important; background:var(--ui-000)!important}
.modal-header {border-bottom:1px solid var(--ui-200)}
.modal-footer {border-top:1px solid var(--ui-200)}
.modal-body p {margin-bottom:0}

.toast-body, .toast-header, .toast-footer, #liveToast, #liveToast .btn {color:var(--ui-000)!important; background:var(--ui-900)!important}


#liveToast {
	position: fixed;
	bottom: 5em;
	max-width: calc(100% - 2em);
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 768px) {
	#liveToast {
		right: 1em;
		left: auto;
		bottom: 1em;
		transform: none;
		max-width: 350px;
	}
}



.nowrap {
  display: flex;
  align-items: center;
}
.truncate {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nowrap .fal, .nowrap svg {
  color:var(--ui-500)
}
.prevnext .next {text-align:right}
.prevnext .prev .fal, .prevnext .prev svg {margin-right:.5em}
.prevnext .next .fal, .prevnext .next svg {margin-left:.5em}

.badge {background:var(--ui-100); font-weight:400; color:var(--ui-900)!important}
.post-meta .badge {font-size:.875em; margin:.125em}

a .card h3 {color:var(--link-menu)}
a:hover .card h3 {text-decoration: underline;}
a:focus .card {outline:2px solid #FDCD00}
a:hover .card, a:focus .card  {border:1px solid #FDCD00}
a:hover .card {background:var(--accent-blue)}

p, .figure {margin-bottom:1em}

.sc-list {padding:4em 0; margin:4em 0; background:var(--ui-100)}

.post-meta dl, #toc, .bookmark {border: 1px solid var(--ui-200); border-radius:.5em;}
.post-meta dt {font-size:.875em; display:inline}
.post-meta dl {padding:1em; margin:1em 0; display: block}
.post-meta dd {padding-bottom:.5em!important; margin-bottom:.5em; border-bottom:1px solid var(--ui-200)}
.post-meta dd:last-child {padding-bottom:0!important; margin-bottom:0; border-bottom:none}

#toc, .bookmark {padding:1em}

#toc .accordion-button, #toc h2 {border-radius:.25em}

#toc ul#toc-content {margin-bottom:0; padding-left:0; margin-top:.875em; font-size:.875em; }
#toc li:last-child a {border-bottom:none}

#toc li a, #toc li li:last-child a {border-bottom:1px solid var(--ui-100); padding:.25em 0; display:block}

#toc ul ul {padding-left:0}
#toc li, #toc ul, #toc ul li{list-style: outside none none !important;}
li.toc-li-H2 {margin-left:0;}
li.toc-li-H3 {margin-left: 1em;}

#toc {top: 4em; z-index: 1020;}

#toc a {color:var(--ui-900)}
#toc .active {background:var(--accent-blue)}

.bookmark {margin-bottom:1em}

.post-title span {font-weight:400; display:block; font-size:.5em}


.post-meta a {font-weight:bold}


.post-meta dt {font-weight:400; color:var(--ui-900)}
.post-meta dl hr {border: 1px solid var(--ui-200)}

.post-meta dt i, .post-meta dt svg {color:var(--ui-600); margin-right:.125em}
.post-meta dt i, .post-meta dt svg, .post-meta dt span {display:inline-block}
.post-meta dt span {margin-left:.25em; margin-right:.25em}

.post-meta dt, .post-meta dd {padding:0}

.post-tldr {background:var(--ui-100); color:var(--ui-900); padding:1em; border-radius:.5em; margin-bottom:2em}
.post-tldr code {background:var(--ui-200)!important}

*[role="banner"] a:hover img { filter: brightness(1.2)}
*[role="banner"] a img {transition: filter 0.3s ease;}

.post-content img {margin:.5em auto; border-radius:.25em;}
.post-content figure {margin-bottom:1em; margin-top:1em; text-align:center}
.post-content figure img {margin:0; margin-bottom:.75em}
.post-content figcaption {color:var(--ui-700); font-size:.875em; ; padding-left:.5em; border-left:4px solid var(--ui-100); text-align:left}

blockquote {color:var(--ui-700); font-size:.875em; ; padding:.5em; border-left:4px solid var(--ui-300); text-align:left; background:var(--ui-100); margin-bottom:1em}

blockquote p {margin-bottom:0}

.post-content figure p {margin:0}

.post-content .highlight {background:var(--accent-blue); padding:1em; border-radius:.375rem}

.post-content figure code {margin-bottom:1em; text-align:left!important}

.post-content li {border-bottom:1px solid var(--ui-200); margin-bottom:.25em; padding-bottom:.25em}
.post-content li li:last-child {border-bottom:none; margin-bottom:0; padding-bottom:0}
.post-content pre {background:var(--ui-100); border-radius:.5em; padding:.5em}
.post-content code {background:var(--ui-100); border-radius:.25em; padding:.25em; color:var(--ui-700)}
.post-content p, .post-content li {max-width:70ch!important;}

.post-content span[lang=en] {font-style: italic}

#utama.post-content a {text-decoration:underline}
#utama.post-content a:hover {background:var(--accent-blue)}

.simplified-wcag ol {list-style:none; padding-left:1em}

.simplified-wcag li {border:none; padding:0}
.simplified-wcag h2, .simplified-wcag h3 {margin:.25em 0}
.simplified-wcag h2 {margin-bottom:.75em}
.simplified-wcag h2 {border-top:1px solid var(--ui-200); margin-top:.75em; padding-top:.75em}


.disclaimer {font-size:.875em; ; background:var(--accent-yellow)}

/*
.filter .btn {background:var(--link-menu); color:var(--ui-100); border:1px solid var(--link-menu)}
.filter .btn:hover {background:var(--secondary-blue); color:var(--ui-900); border:1px solid var(--secondary-blue)}
*/
.filter option {max-width:100%; overflow-x: hidden}
.filter label i, .filter label svg {color:var(--ui-600)}


#formulir .form-check {padding:.5em; border:1px solid var(--ui-200); border-radius:.5em; margin-bottom:.5em}
#formulir .form-check-input {margin-left:0; margin-right:.5em}
#formulir legend {font-weight:bold}

@media (max-width: 767.98px) {
	body {padding-top:56px}
	.filter .col-md {margin-bottom:.5em}
	.offcanvas-body .nav-link {color:var(--link-menu)}
	.offcanvas-body .nav-link.active {color:var(--ui-900); font-weight:bold}
}
@media (min-width: 768px) {
	body {padding-top:56px}
	.post-meta dl {margin-top:0}
}

@media (max-width: 575.98px) {
    body {font-size:18px}
    .container {max-width:540px}
}

@media (max-width: 991.98px) {
	footer .row {--bs-gutter-y: .5rem;}
}
	
@media (min-width:576px) and (max-width: 991.98px) {
    body {font-size:20px}
    .container {max-width:960px}
}

@media (min-width: 992px) {
    body {font-size:24px}
    .kriteria .post-content h2:first-of-type {margin-top:0}
}

@media (min-width: 1200px) {
    .container {max-width:1200px}
}

@keyframes blinkBackground {
	0% { background-color: var(--ui-100); }
	50% { background-color: var(--accent-yellow); }
	100% { background-color: var(--ui-100); }
}

.blink-background {
	animation: blinkBackground 1s ease-in-out 1;
}

:root {
    --ui-000: #FAFBFC;
    --ui-100: #EAEFF6;
    --ui-200: #C5D3E9;
    --ui-300: #7F9BB1;
    --ui-500: #6c757d;
    --ui-600: #456581;
    --ui-700: #263752;
    --ui-900: #1E2C46;
    --brand: #0D48A7;
	--accent: #3CDBC0;
	--link-menu: #0D48A7;	
    --secondary-blue: #639DFB;
    --secondary-red: #FF9292;
    --secondary-yellow: #FDCD00;
    --secondary-green: #2EF18F;
    --secondary-purple: #919EFF;
    --accent-blue: #E7EDFF;
    --accent-red: #FFD7D7;
    --accent-yellow: #FFF3BF;
    --accent-green: #CBFBE3;
    --accent-purple: #E3E7FF;
}

@media (prefers-color-scheme: dark) {
	:root {
	--ui-000: #1E2C46; 
	--ui-100: #263752;
	--ui-200: #3A4D65;
	--ui-300: #537A97;
	--ui-500: #6c757d;
	--ui-600: #C5D3E9;
	--ui-700: #EAEFF6;
	--ui-900: #DDE3EA;

	--brand: #0D48A7;
	--link-menu: #639DFB;
		
	--secondary-blue: #0D48A7;
	--secondary-red: #4B4055;
	--secondary-yellow: #4B4C38;
	--secondary-green: #215355;
	--secondary-purple: #35436B;


	--accent-blue: #16203A;
	--accent-red: #3C1E1E;
	--accent-yellow: #3A340F;
	--accent-green: #1A3C2C;
	--accent-purple: #2A2D3E;
	}
	
	.hero {color:var(--ui-900)}
	h2 {color:var(--ui-600)}
	card, .post-meta dl, #toc {border:1px solid var(--ui-200)!important}
}

body[data-theme="dark"] {
	--ui-000: #1E2C46;
	--ui-100: #263752;
	--ui-200: #3A4D65;
	--ui-300: #537A97;
	--ui-500: #6c757d;
	--ui-600: #C5D3E9;
	--ui-700: #EAEFF6;
	--ui-900: #DDE3EA;

	--brand: #0D48A7;
	
	--link-menu: #639DFB;
	
	--secondary-blue: #639DFB;
	--secondary-red: #4B4055;
	--secondary-yellow: #4B4C38;
	--secondary-green: #215355;
	--secondary-purple: #35436B;


	--accent-blue: #16203A;
	--accent-red: #3C1E1E;
	--accent-yellow: #3A340F;
	--accent-green: #1A3C2C;
	--accent-purple: #2A2D3E;
}

body[data-theme="dark"] .hero {color:var(--ui-900)}
body[data-theme="dark"] h2 {color:var(--ui-600)}
body[data-theme="dark"] card, body[data-theme="dark"] .post-meta dl, body[data-theme="dark"] #toc {border:1px solid var(--ui-200)!important}

body[data-theme="light"] {
	 --ui-000: #FAFBFC;
    --ui-100: #EAEFF6;
    --ui-200: #C5D3E9;
    --ui-300: #7F9BB1;
    --ui-500: #6c757d;
    --ui-600: #456581;
    --ui-700: #263752;
    --ui-900: #1E2C46;
    --brand: #0D48A7;
	
	--link-menu: #0D48A7;
	
    --secondary-blue: #639DFB;
    --secondary-red: #FF9292;
    --secondary-yellow: #FDCD00;
    --secondary-green: #2EF18F;
    --secondary-purple: #919EFF;
    --accent-blue: #E7EDFF;
    --accent-red: #FFD7D7;
    --accent-yellow: #FFF3BF;
    --accent-green: #CBFBE3;
    --accent-purple: #E3E7FF;
}

body[data-theme="light"] .hero {color:var(--ui-100)}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}