*,*:before,*:after{box-sizing:border-box;}html{overflow-y:scroll;overflow:-moz-scrollbars-vertical;overflow:hidden;}
body{font:normal calc((4vw)) Arial;line-height:1.25em;margin:0.5em;background:#7992a6;}
#spa{position:fixed;bottom:0.5em;left:0.5em;white-space:pre-wrap;padding-right:7.5em;}
#l{position:fixed;bottom:0.5em;right:0.5em;}
#spa::first-letter{text-transform:capitalize;display:inline-block}
#aa{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;height:9em;width:75%;white-space:pre;border-radius:50%;pointer-events:none;}
#solarterm{position:fixed;top:0;left:0;width:102%;height:102%;border-radius:100%;background:rgba(255,255,255,1);backdrop-filter:blur(0.75vh);padding:4.6em 0 0 2.5em;margin:-1%;
	display:none;}
	#pogas{display:none;}
	sup{opacity:1;vertical-align: baseline;font-size:0.68em;line-height:inherit;display:inline-block;margin-left:8.2em;width:4em;}
select{width:2.5em;padding:0.15em 0.1em 0.1em 0.1em}
#d{margin:0 auto;padding:1em;width:calc(100% - 0em);height:2em;}#d:focus{outline:none;} 
.container{left:50%;transform:translate(-50%,-50%);
position:absolute !important;top:50%;}
#circle,#spacr{width:80vw;height:80vw;}
	@media (orientation:landscape){#circle,#spacr{width:80vh;height:80vh;}body{font:normal calc((4vh)) Arial;}#d{display:none;}}
#circle{border:0px solid #666;border-radius:100%;float:left;transform:rotate(0deg);touch-action:none;
	background:rgba(255,255,255,0.75);backdrop-filter: blur(0.75vh);}
#slider{height:20%;width:20%;left:calc(50% - 10%);top:-1em;background:var(--saule);position:relative;border-radius:100%;cursor:pointer;z-index:2;
backdrop-filter: blur(0.75vh);}
#angle{transform:translate(-50%, -50%);top:50%;left:50%;width:calc(100% - 0.3em);height:calc(100% - 0.3em);text-align:center;position:absolute;padding:0 0em;
border:0px solid #e6e6e6;border-radius:100%;color:rgba(0,0,0,0.001);display:block;font-size:1em;background:none;cursor:pointer;transition: border 0s ease 0s, width 0.4s ease-in-out 0s;
-moz-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;margin:0;-moz-appearance:textfield;caret-color:transparent;}
#angle::selection,#ngpl::selection{background:transparent;}#angle:focus{box-shadow:none;outline:none}
#taga,select,optgroup,option{font:inherit;}
#taga{width:8em;text-align:right;position:fixed;bottom:2em;right:0.5em;border:none;background:none;padding:.1em .1em .1em .1em;min-height:1em;text-align:right;vertical-align:middle;}
#sm{white-space:pre;}
#ngp{display:none;}
#ngp,#ngpl{position:fixed;top:0;right:0;}
#ngpl{width:30%;text-align:right;z-index:4;right:-2em;cursor:pointer;
animation: blink 7.5s infinite;
}
@keyframes blink {
      0%, 50%, 100% {
        color: black;
      }
      25%, 75% {
        color: white;
      }
    }
#ngpl:hover{color:#FFFFFF;}
#ngpl:before{content:'Vienmērīgā gadskārta';}
#ngp:checked ~ #ngpl:before{content:'Noteiktā gadskārta';}
#ngp:checked ~ #solarterm{display:block;}
svg{width:inherit;height:inherit;position:absolute;top:0;transform:rotate(90deg);}
.svetki{font-size:140%;display:inline-block;padding:.25em 0 .25em 0}
.svetki,i{color:#bc0a29;font-style:normal;}
:root{--pd:0;--pn:0;--pv:0;--pr:0;--cu:10;--dd:-90deg;--dn:-90deg;--dr:-90deg;--dv:-90deg;--saule:rgba(255,210,0,0.5);}
circle{fill:rgba(0,0,0,0);stroke-width:10;stroke-dashoffset:0;transform-origin:center;}
circle.diena{stroke:#ffbb00;stroke-dasharray:var(--pd) var(--cu);transform:rotate(var(--dd));}
circle.vakars{stroke:#bc0a29;stroke-dasharray:var(--pv) var(--cu);transform:rotate(var(--dv));}
circle.nakts{stroke:#444488;stroke-dasharray:var(--pn) var(--cu);transform:rotate(var(--dn));}
circle.rits{stroke:#44cc44;stroke-dasharray:var(--pr) var(--cu);transform:rotate(var(--dr));}
circle.gadskartas{stroke:rgba(255,255,255,0.4);stroke-dasharray:1.05 34.0;transform:rotate(169deg);stroke-width:10.0;}
circle[class^="bg"]{stroke-width:2;}
circle.bg1{stroke:rgb(184, 204, 192);}
circle.bg0{stroke:rgb(133, 184, 187);stroke-dasharray:63 360;transform:rotate(-45deg);}
circle.bg2{stroke:rgb(219, 218, 197);stroke-dasharray:126 180;transform:rotate(90deg);}
circle.bg3{stroke:rgb(254, 234, 201);stroke-dasharray:63 360;transform:rotate(135deg);}
#gps{font:inherit;padding:0em .1em .1em .1em;position:fixed;bottom:0.5em;right:3.25em;cursor:pointer;}