/* Shared three-block identity from the supplied TaskuAbi logo. */
.flag,.public-flag{display:inline-block;width:22px;height:14px;min-width:22px;flex-shrink:0;aspect-ratio:11/7;background:url('/flag-estonia.svg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:0 0 0 1px #18344938;vertical-align:middle}
html[data-theme=dark] :is(.flag,.public-flag){box-shadow:0 0 0 1px #c1ccd64d}
.public-site-header .public-brand img{display:block;width:208px;height:51px;object-fit:contain}
.public-site-header .public-brand .wordmark-dark{display:none}
html[data-theme=dark] .public-site-header .public-brand .wordmark-light{display:none}
html[data-theme=dark] .public-site-header .public-brand .wordmark-dark{display:block}
:is(.brand-bars,.greeting-mark,.tasku-mark,.dialog-mark,.brand-symbol,.bars,.public-bars){display:inline-block!important;width:32px!important;height:36px!important;flex-shrink:0;background: url('/brand-mark.svg') center/contain no-repeat!important;transform:none!important}
:is(.brand-bars,.greeting-mark,.tasku-mark,.dialog-mark,.brand-symbol,.bars,.public-bars)>i{display:none!important}
.greeting-mark,.dialog-mark{width:46px!important;height:52px!important}
.tasku-mark{position:relative;width:28px!important;height:32px!important;background:none!important}
.tasku-mark>i{position:absolute;display:block!important;left:2%;top:6.5%;width:55%;height:23%;border-radius:2px;background:#0072ce;transform:none;animation:none}
.tasku-mark>i:nth-child(2){left:20%;top:39%;width:76%;background:#111318}
.tasku-mark>i:nth-child(3){top:71%;background:#f5f6f8;border:1px solid #d6d9de;box-sizing:border-box}
.tasku-activity{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:38px;width:32px}
.tasku-activity-waiting{width:50px;height:30px}
.tasku-activity img{display:block;width:100%;height:100%;object-fit:contain}
.tasku-activity .activity-dark{display:none}
html[data-theme=dark] .tasku-activity .activity-light{display:none}
html[data-theme=dark] .tasku-activity .activity-dark{display:block}
html[data-theme=dark] :is(.brand-bars,.greeting-mark,.dialog-mark,.brand-symbol,.bars,.public-bars){background-image:url('/brand-mark-dark.svg')!important}
html[data-theme=dark] .tasku-mark>i:nth-child(2){box-shadow:inset 0 0 0 1px #8193a3}
html[data-theme=dark] img[src='/brand-mark.svg']{content:url('/brand-mark-dark.svg')}
@media(max-width:680px){.public-site-header .public-brand img{width:151px;height:38px}}
@media(max-width:370px){.public-site-header .public-brand img{width:132px;height:33px}}