.theme-container{display:flex;justify-content:center;align-items:center;position:absolute;top:9px;right:10px}.theme-switch{position:relative;display:flex;align-items:center;cursor:pointer}.theme-switch input{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.slider{width:50px;height:25px;background-color:#ccc;border-radius:25px;position:relative;transition:background .3s}.thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%);transition:transform .3s}[theme~=dark] .thumb{background-color:#000}input:checked+.slider{background-color:#666}input:checked+.slider .thumb{transform:translate(25px,-50%)}.sun-icon,.moon-icon{font-size:20px;transition:opacity .3s;position:absolute;left:3px}.moon-icon{left:28px}.inactive{opacity:.3}body{--login-background-color: #fffceb}[theme~=dark] body{--login-background-color: #1b1b17}vaadin-login-form-wrapper vaadin-button:hover{background-color:var(--lumo-base-color);border:1px solid var(--lumo-primary-color);color:var(--lumo-primary-color)}vaadin-login-form-wrapper vaadin-button:hover:before{background-color:var(--lumo-base-color)}vaadin-login-overlay-wrapper::part(card){background-color:var(--login-background-color)}@media (max-width: 500px){vaadin-login-overlay-wrapper::part(content){background-color:var(--login-background-color)}}[theme~=dark] vaadin-login-overlay-wrapper::part(brand){background-color:ed3e3e8;filter:invert(1)}vaadin-login-overlay-wrapper::part(brand){padding-bottom:0;height:230px;background-color:transparent;background-image:url(/images/logo.svg);background-size:130px;background-repeat:no-repeat;background-position:50% 40px;background-clip:padding-box}@media only screen and (max-height: 600px) and (min-width: 600px) and (orientation: landscape){vaadin-login-overlay-wrapper::part(brand){justify-content:flex-end}}[theme~=dark] vaadin-login-overlay-wrapper::part(title){color:#f5873d}vaadin-login-overlay-wrapper::part(title){color:var(--lumo-primary-color);font-size:medium;text-align:center}vaadin-login-overlay-wrapper vaadin-login-form-wrapper{padding-top:0;--lumo-base-color:--login-background-color}.dog-tab.pedigree vaadin-icon{width:40px;height:40px;margin:-9px -8px}.dog-tab.pedigree i{display:block;font-weight:700;margin-left:-17px;margin-bottom:7px;margin-right:7px}.dog-tab.pedigree i+span{padding-left:7px}div.pedigree{color:#000;position:absolute;border:1px solid black;aspect-ratio:auto 297/210;background-image:url(/images/pedigree.jpg);background-size:cover;font-size:14px}@media (min-height:1000px){div.pedigree{font-size:15px}}@media (min-height:1090px){div.pedigree{font-size:16px}}@media (min-height:1180px){div.pedigree{font-size:17px}}@media (min-height:1270px){div.pedigree{font-size:18px}}@media screen{div.pedigree{min-height:720px;top:5px;bottom:5px}}div.pedigree label{font-weight:400}div.title-area{position:absolute;top:7%;left:78%;font-size:2em;font-weight:700;font-style:italic;-ms-transform:translateX(-50%);transform:translate(-50%);font-family:Times New Roman,Times,serif;color:#1e4c7c}div.info-area{position:absolute;top:20%;left:78%;right:4%;text-align:left;line-height:1.2em;font-size:.9em;font-weight:500}div.info-area span.reg-no,div.info-area b{font-size:1.1em;font-weight:700;line-height:1.3em}div.deceased,div.remarks{border:2px solid var(--pedigree-red-color);color:var(--pedigree-red-color);line-height:1.1em}div.remarks{position:absolute;display:table;top:85%;left:30%;width:16%;height:8%;font-size:.75em;white-space:pre-wrap}div.remarks b{display:table-cell;vertical-align:middle}div.deceased{display:inline-block;padding:2% 10%;margin-left:-5%}span.doi{position:absolute;top:88%;width:30%;left:5%}div.tree-area{position:absolute;inset:20% 23% 15% 5%}.curly-brace{position:absolute}.curly-brace img{position:absolute;inset:0;width:70%;height:100%}.curly-brace.level-1{left:12.725%;width:2%;height:50%;top:25%}.pedigreeL .curly-brace.level-1{left:31%}.curly-brace.level-2{left:35.725%;width:1.875%;height:25%}.pedigreeL .curly-brace.level-2{left:41%}.pedigree4 .curly-brace.level-2{left:13.125%}.pedigree5 .curly-brace.level-2{left:7.125%}.curly-brace.level-2.count-1{top:12.5%}.curly-brace.level-2.count-2{top:62.5%}:is(.pedigreeL .curly-brace,.pedigree4 .curly-brace,.pedigree5 .curly-brace).level-2{height:30%}:is(.pedigreeL .curly-brace,.pedigree4 .curly-brace,.pedigree5 .curly-brace).level-2.count-1{top:10%}:is(.pedigreeL .curly-brace,.pedigree4 .curly-brace,.pedigree5 .curly-brace).level-2.count-2{top:60%}.curly-brace.level-3{left:71.25%;width:1.75%;height:12.5%}.pedigree4 .curly-brace.level-3{left:46.125%}.pedigree5 .curly-brace.level-3{left:34%}.curly-brace.level-3.count-1{top:6.25%}.curly-brace.level-3.count-2{top:31.25%}.curly-brace.level-3.count-3{top:56.25%}.curly-brace.level-3.count-4{top:81.25%}.curly-brace.level-4{left:75.5%;width:1.5%;height:6.25%}.pedigree3 .curly-brace.level-4,.pedigreeL .curly-brace.level-4{display:none}.pedigree5 .curly-brace.level-4{left:57.5%}.curly-brace.level-4.count-1{top:3.125%}.curly-brace.level-4.count-2{top:15.625%}.curly-brace.level-4.count-3{top:28.125%}.curly-brace.level-4.count-4{top:40.625%}.curly-brace.level-4.count-5{top:53.125%}.curly-brace.level-4.count-6{top:65.625%}.curly-brace.level-4.count-7{top:78.125%}.curly-brace.level-4.count-8{top:90.625%}.curly-brace.level-5{left:78.875%;width:1.125%;height:3.125%}.pedigree3 .curly-brace.level-5,.pedigreeL .curly-brace.level-5,.pedigree4 .curly-brace.level-5{display:none}.curly-brace.level-5.count-1{top:1.5625%}.curly-brace.level-5.count-2{top:7.8125%}.curly-brace.level-5.count-3{top:14.0625%}.curly-brace.level-5.count-4{top:20.3125%}.curly-brace.level-5.count-5{top:26.5625%}.curly-brace.level-5.count-6{top:32.8125%}.curly-brace.level-5.count-7{top:39.0625%}.curly-brace.level-5.count-8{top:45.3125%}.curly-brace.level-5.count-9{top:51.5625%}.curly-brace.level-5.count-10{top:57.8125%}.curly-brace.level-5.count-11{top:64.0625%}.curly-brace.level-5.count-12{top:70.3125%}.curly-brace.level-5.count-13{top:76.5625%}.curly-brace.level-5.count-14{top:82.8125%}.curly-brace.level-5.count-15{top:89.0625%}.curly-brace.level-5.count-16{top:95.3125%}.dog-box{margin:0;position:absolute;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:left;line-height:130%;background-color:transparent;display:flex;flex-direction:row;background-image:url(/images/bg.jpg);background-size:25%;align-items:center}.dog-box .health{font-size:.9em;font-weight:300}.dog-box .health:before{content:" • "}.dog-box.level-5,.dog-box.level-6{border-width:1px}.dog-box>label{white-space:nowrap}.export .dog-box.champ b{color:var(--pedigree-red-color)}.pedigree3 .dog-box.level-1 b{font-size:1.2em;font-weight:700}.pedigree5 .dog-box.level-2{left:0%;width:34%;font-size:.9em}.pedigree5 .dog-box.level-3{left:9%;font-size:.85em;width:25%}.pedigree5 .dog-box.level-4{left:35.725%;font-size:.8em!important;width:21.5%!important}.pedigree5 .dog-box.level-5{left:59%;width:19.5%}.pedigree5 .dog-box.level-5 br{display:none}.pedigree5 .dog-box.level-6{left:80%;width:20%}.pedigree5 .dog-box.level-6 i,.pedigree5 .dog-box.level-6 br{display:none}.pedigree4 .dog-box.level-2{left:0%;width:45%}.pedigree4 .dog-box.level-3{left:15%;width:31%}.pedigree4 .dog-box.level-4{left:48%;width:27.5%!important}.pedigree4 .dog-box.level-5{left:77%;width:22%;max-height:5%}.pedigreeL .dog-box.level-1{top:50%;left:0;width:31%;font-size:.85em;display:block}.pedigreeL .dog-box.level-1.large{font-size:.6em}.pedigreeL .dog-box.level-2{left:33%;width:38%}.pedigreeL .dog-box.level-3{left:43%!important;width:28%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box).level-3{left:38%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box).level-4{left:73%}:is(.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-1{top:10%!important}:is(.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-2{top:40%!important}:is(.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-3{top:60%!important}:is(.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-4{top:90%!important}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box) i{font-size:.8em;line-height:1em}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-2.count-1{top:25%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-2.count-2{top:75%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3 br{display:none}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-1{top:12.5%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-2{top:37.5%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-3{top:62.5%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-3.count-4{top:87.5%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4>div br{display:none}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4{font-size:.8em;width:28%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-1{top:6.25%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-2{top:18.75%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-3{top:31.25%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-4{top:43.75%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-5{top:56.25%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-6{top:68.75%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-7{top:81.25%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-4.count-8{top:93.75%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5{font-size:.65em}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5 br{display:none}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-1{top:3.125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-2{top:9.375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-3{top:15.625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-4{top:21.875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-5{top:28.125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-6{top:34.375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-7{top:40.625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-8{top:46.875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-9{top:53.125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-10{top:59.375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-11{top:65.625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-12{top:71.875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-13{top:78.125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-14{top:84.375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-15{top:90.625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-5.count-16{top:96.875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6{font-size:.5em;overflow-x:hidden}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-1{top:1.5625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-2{top:4.6875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-3{top:7.8125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-4{top:10.9375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-5{top:14.0625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-6{top:17.1875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-7{top:20.3125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-8{top:23.4375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-9{top:26.5625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-10{top:29.6875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-11{top:32.8125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-12{top:35.9375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-13{top:39.0625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-14{top:42.1875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-15{top:45.3125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-16{top:48.4375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-17{top:51.5625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-18{top:54.6875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-19{top:57.8125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-20{top:60.9375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-21{top:64.0625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-22{top:67.1875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-23{top:70.3125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-24{top:73.4375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-25{top:76.5625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-26{top:79.6875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-27{top:82.8125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-28{top:85.9375%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-29{top:89.0625%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-30{top:92.1875%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-31{top:95.3125%}:is(.pedigree3 .dog-box,.pedigreeL .dog-box,.pedigree4 .dog-box,.pedigree5 .dog-box).level-6.count-32{top:98.4375%}.pedigree3 .dog-box.level-1{top:50%;left:0;width:38%}.pedigree3 .dog-box.level-2{left:15%;width:56%}.pedigree3 .dog-box.level-3{width:33%}@media print{.for-print{display:block;top:0;bottom:0;border:none!important;font-size:2vh!important}#panel,#cert-panel{display:block;inset:0!important;padding:0;margin:0;overflow:visible}:is(#panel,#cert-panel) vaadin-tabs,:is(#panel,#cert-panel) .dog-buttons{display:none!important}:is(#panel,#cert-panel) :has(.for-print){padding:0}vaadin-app-layout>*:not(.for-print),vaadin-app-layout::part(navbar),vaadin-app-layout::part(drawer){display:none}vaadin-app-layout{padding:0}vaadin-app-layout{overflow:visible!important}}div.cardWrapper{position:relative;height:450px;width:800px}div.cardWrapper div.regcard{font-size:8.95pt!important}div.regcard{position:absolute;color:#000;border:1px solid black;aspect-ratio:21/11 auto;background-image:url(/images/regcard.jpg);background-size:cover;font-size:18px;inset:5px}@media screen{div.regcard{max-width:1200px;min-width:773px}}@media (max-width:1480px){div.regcard{font-size:14px}}@media (max-width:1400px){div.regcard{font-size:13px}}@media (max-width:1320px){div.regcard{font-size:12px}}@media (max-width:1240px){div.regcard{font-size:11px}}@media (max-width:1160px){div.regcard{font-size:10px}}div.regcard>div:not(.remarks){position:absolute;top:15%;display:flex;flex-direction:column;align-items:start;text-align:left;line-height:1.2em}div.regcard>div:not(.remarks) label{display:block;line-height:1em;padding-top:.2em}div.regcard>div:not(.remarks) .dog-info b{font-size:1.2em}div.regcard>div:not(.remarks) .dog-info b:first-of-type{font-weight:700}div.regcard>div:not(.remarks) .anc-info b{font-size:1.1em}div.regcard>div:not(.remarks) .address{line-height:1.1em}div.regcard>div:not(.remarks):first-of-type{left:9%;right:64%}div.regcard>div:not(.remarks):nth-of-type(2){left:64%;right:9%;align-items:end}div.regcard div.remarks{top:38.5%;left:40%;width:20%;height:14%;font-size:.9em;line-height:1.1em}@media print{#panel:has(.cardWrapper){position:static!important;overflow-y:visible;box-shadow:none}.for-print.regcard{font-size:8.95pt!important;inset:0}div.cardWrapper{clear:both;width:100%}div.cardWrapper:not(:last-of-type){page-break-after:always}div.cardWrapper .for-print.regcard{font-size:8.95pt!important}body{background:none!important;background-image:none}}div.cert{color:#000;position:absolute;border:1px solid black;aspect-ratio:auto 297/210;background-image:url(/images/MT_CH.jpg);background-size:cover;font-size:clamp(15px,1.8vh,100px);text-transform:uppercase}div.cert.MT_JCH{background-image:url(/images/MT_JCH.jpg)}div.cert.MT_GCH{background-image:url(/images/MT_GCH.jpg)}div.cert.MT_GJCH{background-image:url(/images/MT_GJCH.jpg)}@media screen{div.cert{min-height:720px;top:5px;bottom:5px}}div.cert div.dog-name{position:absolute;inset:30.5% 9% 66% 15%;font-size:2em;font-weight:700;font-size:1.7em}div.cert div.dog-breed{position:absolute;inset:37% 19% 62% 30%;font-size:1.3em;font-weight:400}div.cert div.dog-regno{position:absolute;inset:41% 9% 44% 48%;text-align:start;font-size:1.2em;font-weight:400}div.cert div.dog-cac{position:absolute;inset:46% 9% 58% 15%;font-size:1.1em;font-weight:400}div.cert div.dog-cac>div{height:2em}div.cert div.dog-cac>div span{position:absolute}div.cert div.dog-cac>div span:first-child{left:16%}div.cert div.dog-cac>div span:last-child{left:56%}div.cert div.dog-owner{position:absolute;inset:66% 19% 30% 35%;font-size:1.4em;font-weight:400}div.cert div.cert-date{position:absolute;inset:79.3% 9% 44% 55%;font-size:1em;font-weight:700}div.dog-name-gch{position:absolute;inset:47.5% 9% 47%;font-size:2em;font-weight:700;font-size:1.7em}div.dog-owner-gch{position:absolute;inset:60.5% 22% 35%;font-size:1.4em;font-weight:400}div.dog-breed-gch{position:absolute;inset:70.5% 51% 22% 13%;font-size:1.3em;font-weight:400;display:flex;align-items:flex-end;justify-content:center}div.dog-regno-gch{position:absolute;inset:70.5% 25% 22% 51%;font-size:1.2em;font-weight:400;display:flex;align-items:flex-end;justify-content:center}div.cert-date-gch{position:absolute;inset:87.5% 9% 10% 69.5%;font-size:1em;font-weight:700}.cert-col{--vaadin-selection-color: green}.cert-col vaadin-checkbox{margin-top:15px;margin-left:-6px}.cert-col vaadin-checkbox label{position:absolute;top:15px;left:0;transform:translate(calc(-50% - 10px));text-align:center;font-size:.8em;font-weight:700;text-transform:uppercase}.cert-icon.unconfirmed{filter:opacity(.5)}body{--app-female-bckg: #e9daf1;--app-male-bckg: #cae7fd;--xy-controls-button-background-color: var(--lumo-base-color)}[theme~=dark] body{--app-female-bckg: #764d8d;--app-male-bckg: #1b4464}div.gender-circle,div.dog-pic{left:50%;-ms-transform:translateX(-50%);transform:translate(-50%)}div.gender-circle.M+.dog-pic{-webkit-transform:translateX(-50%) scaleX(-1);transform:translate(-50%) scaleX(-1)}div.own-pic img{border-radius:7px;max-width:calc(var(--vaadin-app-layout-drawer-width) - 60px);max-height:calc(11em - 24px);margin:auto;background-color:var(--lumo-base-color)}.qrcode{border-radius:7px}#pp-upload{background-color:#f5f5f5}[theme~=dark] #pp-upload{background-color:#4b4b4b}div.own-pic{padding:7px;border-radius:7px;line-height:0;left:50%;top:50%;-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translate(-50%)}div.dog-pic{top:20px;line-height:0}:is(div.own-pic,div.gender-circle,div.flow-dog-node).F{background-color:var(--app-female-bckg)}:is(div.own-pic,div.gender-circle,div.flow-dog-node).M{background-color:var(--app-male-bckg)}div.gender-circle{border-radius:50%;height:140px;width:140px;top:15px}div.pic-upload{position:absolute;bottom:0;right:0}.upload-button{background-color:#2a4b78;color:#fff}.download-button{background-color:#4fa7f8;color:#000}.bc,vaadin-dialog-overlay:has(.bc)::part(header){background-color:var(--bc);color:var(--cc)}#panel:has(#dog-drawer){top:var(--app-spacing)}#back-button{float:right;padding:10px 20px}#dog-drawer{padding:10px;box-sizing:border-box}#dog-drawer>div:first-of-type{height:11em}#dog-drawer .remarks,#dog-drawer .dna-stamp{position:static;width:fit-content;height:fit-content;max-width:160px;text-align:center;padding:5px;margin:20px auto auto;font-size:.7em}#dog-drawer .dna-stamp{margin-top:10px;width:fit-content;font-size:1em;line-height:1em}.dna-stamp{border:2px solid var(--alt-text-color);color:var(--alt-text-color);font-weight:900}vaadin-app-layout[drawer-opened] #when-closed,vaadin-app-layout[drawer-opened] .when-closed{display:none}.when-closed .remarks,.when-closed .dna-stamp{position:static;width:fit-content;height:fit-content;max-width:160px;text-align:center;padding:5px;font-size:.7em}.when-closed .dna-stamp{width:100px;font-size:1em;line-height:1em}#when-closed,#when-closed div.dog-pic img{height:110px}#when-closed div.dog-pic,#when-closed div.gender-circle{left:90px;top:3.25px}#when-closed div.gender-circle{top:0;height:104.5px;width:104.5px}#when-closed div.own-pic{left:90px}#when-closed div.own-pic img{border-radius:3.5px;max-width:112px;max-height:100px}#when-closed div:has(h6){left:152px;display:flex;align-items:center}#when-closed div:has(h6) h6{font-size:1em}div.intable{overflow-y:hidden;overflow-x:visible;grid-template-columns:1fr 3fr;font-size:.9em}div.intable span{font-weight:500}div.intable>*{position:relative}div.intable>*:not(label):before,div.intable>*:after{content:"";position:absolute;background-color:#d3d3d3;z-index:1}[theme~=dark] :is(div.intable>*):after,[theme~=dark] :is(div.intable>*):not(label):before{background-color:#696969}div.intable>*:after{inline-size:calc(100% + var(--lumo-space-l) / 2);block-size:2px;inset-inline-start:calc(var(--lumo-space-l) * -.5);inset-block-start:calc(var(--lumo-space-m) * -.5)}div.intable>*:is(label):after{inset-inline-start:0}div.intable>*:not(label):before{inline-size:2px;block-size:calc(100% + var(--lumo-space-m));inset-inline-start:calc(var(--lumo-space-l) * -.5);inset-block-start:0}div.flow-area{height:calc(100% - var(--lumo-size-l));box-sizing:border-box}vaadin-app-layout:not([drawer-opened]) div.flow-area{height:calc(100% - var(--lumo-size-l) - 110px)}.flow-dog-node{padding:5px 15px;border-radius:5px;font-size:.8em;font-weight:500;max-width:200px;min-height:50px;box-shadow:var(--app-panel-shadow)}.flow-dog-node.me{padding:0;width:50px;height:50px;box-sizing:border-box;border-radius:50%;border:7px solid red}.flow-dog-node.ch:before{content:"";position:absolute;top:-38px;color:#daa520!important;font-family:Line Awesome Free;font-weight:900;font-size:32px;text-shadow:2px 2px 8px gold,1px 1px 8px gold}[theme~=dark] .flow-dog-node.ch:before{color:#b8860b!important;text-shadow:2px 2px 8px #936b09,1px 1px 8px #936b09}.react-flow__handle{height:10px;width:10px;background-color:var(--lumo-disabled-text-color)}fieldset,div.notes>div{border:none;box-shadow:var(--app-panel-shadow);background-color:var(--lumo-base-color);border-radius:10px}:is(fieldset,div.notes>div) legend{border:2px solid var(--bc);background-color:var(--app-background-color);padding:7px;width:120px;text-transform:uppercase;font-size:.8em;font-weight:500;border-radius:inherit}:is(fieldset,div.notes>div) legend span{display:block;text-align:center}:is(fieldset,div.notes>div) vaadin-button{border-radius:10px}:is(fieldset,div.notes>div) vaadin-button[theme~=tertiary]{--lumo-button-size: 20px;padding:0;margin:0;line-height:0;cursor:pointer}div.notes>div.with-date{grid-template-columns:20px 1fr 100px}div.notes>div{grid-template-columns:20px 1fr;position:relative}div.notes>div .marker{border-radius:50%;background-color:var(--bc);height:15px;width:15px}div.notes>div:not(:first-of-type):before{content:"";height:100px;left:calc(var(--lumo-space-m) + 7.5px);border-left:1px solid var(--lumo-contrast-50pct);position:absolute;z-index:10;height:var(--lumo-space-l);top:calc(var(--lumo-space-l) * -1)}h4{text-align:center;padding:5px 10px;text-transform:uppercase;font-size:.8em;font-weight:500;box-shadow:var(--app-panel-shadow);background-color:var(--lumo-base-color);border-radius:10px}h4 vaadin-button{color:inherit;float:right;height:17px;padding:0;margin:0}.parts-container h4{background-color:var(--bc);color:var(--cc)}.file-grid{max-width:500px;font-size:.9em;grid-template-columns:25px 1fr 20px}.file-grid span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.file-grid vaadin-icon{font-size:16px;cursor:pointer}.file-grid vaadin-icon.small{font-size:10px;font-weight:800}.parts-container>div{max-width:600px}.litter{padding-left:20px}.litter a:before{content:"";font-family:Line Awesome Free;font-weight:900;width:20px;display:inline-block}.litter a.F:before{color:#db7093}.litter a.M:before{color:#87cefa}[theme~=dark] #breed-standard{filter:invert(1)}.created-by{display:block;font-size:.8em;color:var(--lumo-tertiary-text-color);grid-column:1 / -1;text-align:right;margin-bottom:-10px}fieldset.cac-list,fieldset.cac-list legend{width:fit-content!important}fieldset.cac-list.junior>div{grid-template-columns:110px repeat(3,10px 110px)}fieldset.cac-list.junior>div a span{transform:scaleX(.7)}fieldset.cac-list>div{display:grid;grid-template-columns:110px repeat(4,10px 110px);margin-top:10px;justify-items:center}fieldset.cac-list>div>div{display:grid;grid-template-columns:1fr;grid-template-rows:50px 2fr 1fr 20px;gap:3px;align-items:start;justify-items:center}fieldset.cac-list>div>div.disabled{color:var(--lumo-disabled-text-color)}fieldset.cac-list>div>div.champion{grid-column:span 3}fieldset.cac-list>div>div.champion a{width:160px;background-image:url(/line-awesome/svg/crown-solid.svg);filter:invert(66%) sepia(70%) saturate(512%) hue-rotate(1deg) brightness(92%) contrast(88%);background-position:center -6px}fieldset.cac-list>div>div.op{color:#81d653;display:flex;flex-direction:column;align-items:center;height:100%;font-size:2em}fieldset.cac-list>div>div.op.disabled{color:var(--lumo-disabled-text-color)}fieldset.cac-list>div a.cac{width:50px;height:50px;display:flex;text-decoration:none;align-items:center;justify-content:center;background-image:url(/line-awesome/svg/award-solid.svg);background-repeat:no-repeat;filter:invert(93%) sepia(8%) saturate(248%) hue-rotate(170deg) brightness(89%) contrast(86%);background-size:56px;background-position:center 2px;color:#000}fieldset.cac-list>div a.cac span{font-size:.7em;transform:scaleX(.8);font-weight:800}fieldset.cac-list>div a.cac.odog{filter:invert(16%) sepia(42%) saturate(3852%) hue-rotate(190deg) brightness(99%) contrast(101%)}fieldset.cac-list>div a.cac.access{filter:invert(19%) sepia(24%) saturate(6569%) hue-rotate(334deg) brightness(98%) contrast(96%)}fieldset.cac-list>div a.cac.disabled{color:var(--lumo-disabled-text-color)}fieldset.cac-list>div h6{font-size:.8em;text-align:center;margin-top:16px}fieldset.cac-list>div p{font-size:.7em;text-align:center;margin-top:0}@media (max-width: 500px){fieldset.cac-list>div{grid-template-columns:63px repeat(4,5px 63px)}}.cert-icon{position:relative;width:76px}.cert-icon vaadin-icon{position:absolute}.cert-icon vaadin-icon:first-of-type{width:76px;height:76px;color:orange;top:-10px;left:0}.cert-icon vaadin-icon:last-of-type{color:#dc143c;right:23px;top:1.1em}.cert-icon vaadin-icon:last-of-type:after{content:"";position:absolute;top:4px;width:12px;height:12px;border-radius:50%;background-color:#dc143c}.cert-icon.disabled vaadin-icon{color:var(--lumo-disabled-text-color)!important}.cert-icon.disabled vaadin-icon:after{background-color:var(--lumo-disabled-text-color)!important}@media (max-width: 650px){body{--lumo-space-l: 10px}fieldset.cac-list{font-size:.9em}fieldset.cac-list>div{grid-template-columns:80px repeat(4,6px 80px)}}@media (max-width: 520px){body{--lumo-space-l: 10px}fieldset.cac-list{font-size:.8em}fieldset.cac-list>div{grid-template-columns:55px repeat(4,6px 55px)}}@media (max-width: 960px) and (min-width: 651px){vaadin-app-layout[drawer-opened] body{--lumo-space-l: 10px}vaadin-app-layout[drawer-opened] fieldset.cac-list{font-size:.9em}vaadin-app-layout[drawer-opened] fieldset.cac-list>div{grid-template-columns:80px repeat(4,6px 80px)}}vaadin-tabs::part(tabs){justify-content:flex-start;align-items:flex-end}vaadin-tabs{width:100%;min-height:70px}vaadin-tab{color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;padding:.75rem 1.5rem}vaadin-tab[selected]{padding-top:1.3em;padding-bottom:1.3em}vaadin-tab[selected]:before{display:none}vaadin-tab:nth-child(1){background-color:#8a3993}vaadin-tab:nth-child(2){background-color:#1e4c7c}vaadin-tab:nth-child(3){background-color:var(--lumo-primary-color)}vaadin-tab:nth-child(4){background-color:#18aaff}vaadin-tab:nth-child(5){background-color:#6dcaff}vaadin-tab:nth-child(6){background-color:#a0dcff}.dog-tab{display:flex;gap:10px;align-items:end}.dog-tab vaadin-icon:nth-child(2){margin-left:-10px;margin-bottom:-5px}.dog-tab i{display:block;margin-left:-5px;margin-bottom:15px;margin-right:15px}@media (max-width: 1027px){.dog-tab span:last-child{display:none}.dog-tab vaadin-button[theme~=icon] vaadin-icon{margin:0!important}.dog-buttons{flex-direction:row!important;gap:5px;align-items:stretch}}.dog-form{display:flex;flex-direction:row-reverse;gap:20px}.dog-form vaadin-form-layout{padding-left:7px}.dog-form .dog-buttons{flex-direction:column;gap:5px;min-width:150px}@media (max-width: 1027px){.dog-form{flex-direction:column;gap:0}}ul.error-list{font-weight:500}vaadin-notification-card[theme=error]{margin-top:40px}vaadin-notification-card[theme=error]::part(overlay){background-color:#fde8e7;border:1px solid var(--lumo-error-color)}vaadin-notification-card[theme=error]::part(content){color:var(--lumo-error-text-color)}[theme~=dark] vaadin-notification-card[theme=error]::part(overlay){background-color:#720500}span.obreed{padding-left:20px;color:var(--lumo-disabled-text-color)!important}.divider h5{padding-top:20px;text-align:left;margin-left:-5px!important}.divider vaadin-button{--_button-size: 24px;padding-bottom:0;margin-top:0;margin-bottom:0}#ocr-result{white-space:pre-wrap;text-align:left;padding:2px;position:absolute;inset:0}#search-bar{background-color:var(--lumo-contrast-5pct);background-image:url(/line-awesome/svg/search-solid.svg);background-repeat:no-repeat;background-size:24px;background-position:5px 10px;padding-left:34px;display:flex;flex-direction:column}#search-bar div{display:flex;align-items:start}#search-bar div:last-of-type{color:gray;font-size:.8em}#search-bar vaadin-button{padding:0;min-width:40px;margin-left:10px}#ocr-search{flex-grow:1;min-width:60px}#ocr-container{overflow:hidden auto;padding-right:5px;width:calc(100% - 10px);height:calc(100% - 130px);max-height:870px}#ocr-frame{width:30%;display:flex;flex-direction:column}.control{align-items:center}.control vaadin-button{margin:0 0 2px}.keyface{position:relative;color:var(--lumo-primary-color)}.keyface span{position:absolute;inset:6px;font-size:10px;font-weight:800;display:inline-block;padding:1px}.keyface.animate span{animation:animate 10s infinite}.keyface.animate span:nth-of-type(2){color:transparent;animation-delay:-5s}.keyface.animate span:nth-of-type(1){color:transparent;animation-delay:0s}@keyframes animate{0%{color:var(--lumo-primary-color)}50%{color:transparent}to{color:var(--lumo-primary-color)}}.quill{border:var(--vaadin-input-field-border-width, 0) solid var(--vaadin-input-field-border-color);border-radius:var(--vaadin-input-field-border-radius, .25rem);min-height:200px;max-width:400px}.ql-toolbar.ql-snow{background-color:var(--lumo-contrast-5pct);border-radius:var(--vaadin-input-field-border-radius, .25rem) var(--vaadin-input-field-border-radius, .25rem) 0 0;border-width:0!important;border-bottom:var(--vaadin-input-field-border-width, 0) solid var(--vaadin-input-field-border-color)!important}.ql-container.ql-snow{border-radius:var(--vaadin-input-field-border-radius, .25rem) var(--vaadin-input-field-border-radius, .25rem) 0 0;border-width:0!important;border:1px solid #d1d5db;font-size:16px!important}:root{--quill-fg: #e5e7eb;--quill-muted: #9ca3af;--quill-accent: #60a5fa;--quill-border: #374151;--quill-editor-bg: #0b0f12;--quill-toolbar-bg: #00000033;--quill-popover-bg: #0f172a}[theme~=dark] .ql-toolbar.ql-snow{background:var(--quill-toolbar-bg);border-color:var(--quill-border);color:var(--quill-fg)}[theme~=dark] .ql-container.ql-snow{border-color:var(--quill-border)}[theme~=dark] .ql-editor{color:var(--quill-fg)}[theme~=dark] .ql-editor.ql-blank:before{color:var(--quill-muted)}[theme~=dark] .ql-snow .ql-stroke{stroke:var(--quill-fg)!important}[theme~=dark] .ql-snow .ql-fill{fill:var(--quill-fg)!important}[theme~=dark] .ql-snow .ql-picker{color:var(--quill-fg)}[theme~=dark] .ql-snow .ql-picker-options{background:var(--quill-popover-bg);border-color:var(--quill-border);color:var(--quill-fg)}[theme~=dark] .ql-toolbar .ql-picker-label:hover .ql-stroke,[theme~=dark] .ql-toolbar button:hover .ql-stroke,[theme~=dark] .ql-toolbar .ql-picker-item:hover .ql-stroke,[theme~=dark] .ql-toolbar button.ql-active .ql-stroke,[theme~=dark] .ql-toolbar .ql-picker-label.ql-active .ql-stroke,[theme~=dark] .ql-toolbar .ql-picker-item.ql-selected .ql-stroke{stroke:var(--quill-accent)!important}[theme~=dark] .ql-toolbar button.ql-active .ql-fill,[theme~=dark] .ql-toolbar .ql-picker-item.ql-selected .ql-fill{fill:var(--quill-accent)!important}[theme~=dark] .ql-picker-label.ql-active,[theme~=dark] .ql-picker-item:hover{color:var(--quill-accent)!important}body,vaadin-login-overlay-wrapper::part(backdrop){--vaadin-app-layout-drawer-width: 16em;--vaadin-input-field-background: var(--lumo-base-color);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-color: var(--lumo-primary-color);--vaadin-input-field-hover-highlight: var(--lumo-primary-color);--app-navbar-height: 100px;--app-spacing: 15px;--app-panel-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;--app-button-shadow: rgba(0, 0, 0, .18) 0px 2px 4px;--alt-text-color: #1e4c7c;background-size:100% 120px;background-repeat:no-repeat;--pedigree-red-color: #ce0606}[theme~=dark] body{--alt-text-color: #8fa6be;--app-panel-shadow: rgba(99, 99, 99, .8) 0px 2px 8px 0px}body:has(vaadin-app-layout),body:has(vaadin-app-layout) vaadin-login-overlay-wrapper::part(backdrop){--app-background-color: #e9f3f9;--app-background-image:linear-gradient(to right, #0d81c4ed, #54bffd);background-color:var(--app-background-color);background-image:var(--app-background-image)}[theme~=dark] body:has(vaadin-app-layout),[theme~=dark] body:has(vaadin-app-layout) vaadin-login-overlay-wrapper::part(backdrop){--app-background-image: linear-gradient(to right, #0d81c4ed, #2a5e7c);--app-background-color: #1c3e50}body:has(vaadin-app-layout[data-host=localhost]),body:has(vaadin-app-layout[data-host=localhost]) vaadin-login-overlay-wrapper::part(backdrop){--app-background-image: linear-gradient(to right, #819456, #ACC673);--app-background-color: #F9FBF6}[theme~=dark] body:has(vaadin-app-layout[data-host=localhost]),[theme~=dark] body:has(vaadin-app-layout[data-host=localhost]) vaadin-login-overlay-wrapper::part(backdrop){--app-background-image: linear-gradient(to right, #819456, #546137);--app-background-color: #424B2C;--lumo-base-color:#2A301C}body:has(vaadin-app-layout[data-host="dog-tools.eu"]),body:has(vaadin-app-layout[data-host="dog-tools.eu"]) vaadin-login-overlay-wrapper::part(backdrop){--app-background-image: linear-gradient(to right, #50C29A, #a8e1c2);--app-background-color: #e9f7f2}[theme~=dark] body:has(vaadin-app-layout[data-host="dog-tools.eu"]),[theme~=dark] body:has(vaadin-app-layout[data-host="dog-tools.eu"]) vaadin-login-overlay-wrapper::part(backdrop){--app-background-image: linear-gradient(to right, #337C62, #2d3d34);--app-background-color: #2e473f;--lumo-base-color:#22312c}vaadin-app-layout::part(drawer){top:var(--app-spacing);left:var(--app-spacing);bottom:var(--app-spacing);background:var(--lumo-base-color);box-shadow:var(--app-panel-shadow);z-index:2}vaadin-app-layout::part(navbar){top:var(--app-spacing);right:var(--app-spacing);left:var(--app-spacing);height:var(--app-navbar-height);box-shadow:var(--app-panel-shadow)}#panel,#alt-panel,#cert-panel{position:fixed;top:calc(var(--app-navbar-height) + var(--app-spacing) * 1.5);left:var(--app-spacing);bottom:var(--app-spacing);right:var(--app-spacing);background-color:var(--lumo-base-color);box-shadow:var(--app-panel-shadow);overflow-y:auto}#cert-panel{top:var(--app-spacing)}#alt-panel{top:var(--app-spacing)!important;background-color:var(--app-background-color)!important;background-image:url(/images/info.svg);background-repeat:no-repeat;background-position:bottom right;--profile-background-size: 500px;background-size:var(--profile-background-size)}#alt-panel[data-page=breed]{background-image:url(/images/breed.svg);--profile-background-size: 600px}#alt-panel[data-page=health]{background-image:url(/images/health.svg);--profile-background-size: 600px}#alt-panel[data-page=titles]{background-image:url(/images/titles.svg);--profile-background-size: 400px}#alt-panel[data-page=notes]{background-image:url(/images/notes.svg);--profile-background-size: 800px}#alt-panel[data-page=litters]{background-image:url(/images/litters.svg);--profile-background-size: 800px}#alt-panel[data-page=tree]{background-image:url(/images/tree.svg);--profile-background-size: 500px;background-position:bottom left}@media (max-width: 800px){body{--app-spacing: 10px}#alt-panel{background-size:calc(var(--profile-background-size) * .5)}#alt-panel[data-page=tree]{background-position:bottom right}}@media screen{@media (min-width: 801px){vaadin-app-layout[drawer-opened] #panel,vaadin-app-layout[drawer-opened]::part(navbar){left:calc(var(--vaadin-app-layout-drawer-width) + var(--app-spacing) * 1.5)!important}vaadin-app-layout[drawer-opened] #alt-panel{left:calc(var(--vaadin-app-layout-drawer-width) + var(--app-spacing) - 1px)!important;z-index:1}}}header nav a:any-link{text-transform:uppercase;text-decoration:none;padding:4px 2px 2px;outline:0;border-width:3px 2px 3px 0;border-style:solid;border-image:linear-gradient(to bottom,var(--lumo-base-color) 20%,var(--lumo-contrast-20pct) 50%,var(--lumo-base-color) 80%) 1;border-image-outset:2px}footer a{text-transform:uppercase;color:var(--lumo-body-text-color)!important}header nav{flex-grow:4!important}header nav a:hover,footer a:hover{color:var(--lumo-primary-color)!important;text-decoration:underline}header nav a:active{background-color:var(--lumo-contrast-5pct)}:is(header nav,footer) a:focus-visible{color:var(--lumo-primary-color)!important;outline:none}:is(header nav,footer) a vaadin-icon{color:var(--lumo-contrast-40pct);height:30px;width:30px}header nav a.active{border-width:3px;border-color:#479ff8;border-image:none;position:relative;border-radius:20px}footer{width:120px}@media (max-width: 1200px){footer{width:80px}}header nav a.active:before{content:"";display:block;position:absolute;top:3px;left:3px;border:3px solid rgba(0,0,0,.07);border-radius:20px;width:100%;height:100%;filter:blur(2px);z-index:-1}[theme~=dark] header nav a.active:before{border-color:#000000ed}vaadin-drawer-toggle{box-shadow:none;color:var(--lumo-body-text-color)}vaadin-drawer-toggle::part(icon):focus-visible{outline:none;color:var(--lumo-primary-color)}.auto-grid-enum-filter vaadin-select{width:60px}vaadin-drawer-toggle[focus-ring]{color:var(--lumo-primary-color)}@media (max-width: 1000px){:is(nav,footer) a span{display:none}nav+div{padding:2px!important}footer{width:50px}}#chart-legend{list-style:none}#chart-legend li{position:relative;padding-left:2em}#chart-legend li:before{content:"";position:absolute;top:.4em;left:.5em;width:1em;height:1em;border-radius:50%}#chart-legend li:nth-child(1):before{background-color:#36c}#chart-legend li:nth-child(2):before{background-color:#dc3912}#chart-legend li:nth-child(3):before{background-color:#f90}#chart-legend li:nth-child(4):before{background-color:#109618}#chart-legend li:nth-child(5):before{background-color:#909}html{--lumo-primary-color: #0a78c2;--lumo-warning-color: #ffeb85;--lumo-font-family: "Roboto", sans-serif}html{background-color:#000}input:-webkit-autofill{transition:background-color 0s 86400s}#main-logo{padding-top:50px;margin:auto;display:block}[theme~=dark] #main-logo{filter:invert(1)}.drawer-stack{display:flex;flex-direction:column;padding:20px}.drawer-stack h5{padding-top:20px;text-align:center;text-transform:uppercase;color:var(--alt-text-color)}.dog-grid vaadin-grid-cell-content:has(.profile-icon){padding:0;color:var(--lumo-primary-color);min-width:20px}.profile-icon{width:34px;height:34px}.profile-icon.highlight{background:#f66;border-radius:50%;color:#00008b}vaadin-button a{color:inherit}vaadin-button[theme~=secondary]{--vaadin-button-border: 1px solid #ccc;--vaadin-button-background: rgb(244, 245, 247)}vaadin-button[theme~=secondary]:not([disabled]){box-shadow:var(--app-button-shadow)}[theme~=dark] vaadin-button[theme~=secondary]{--vaadin-button-border: 1px solid #333;--vaadin-button-background: rgb(76, 75, 73)}[theme~=dark] vaadin-button[theme~=secondary]:not([disabled]){box-shadow:var(--app-button-shadow)}vaadin-button[theme~=icon] vaadin-icon{margin-bottom:4px;margin-right:4px}vaadin-text-field vaadin-button{color:var(--lumo-primary-color)!important}vaadin-text-field vaadin-button[disabled]{color:var(--lumo-disabled-text-color)!important}.text-2xs.whitespace-normal{max-width:300px}mark.activeFound{background-color:orange}vaadin-grid-cell-content vaadin-button{margin:0;padding:0;height:26px}.dog-link{padding:2px 5px;border-radius:10px}.dog-link vaadin-icon{height:18px;width:18px}.dog-link:hover{text-decoration:none!important;color:var(--alt-text-color);font-weight:500;background-color:var(--lumo-contrast-5pct)}.tab-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:10px}.tab-pill{position:relative;border-radius:10px;padding:.5rem 1rem;z-index:1;background:#09f;border-width:0;color:#fff;font-weight:700;height:31px;transition:height .5s ease}.tab-pill.tentative:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background-color:red;top:-5px;right:-5px}.tab-pill:before{content:"";position:absolute;height:1px;background-color:gray;left:-5px;right:100%;top:50%;z-index:-1}.tab-pill.first:before{display:none}.tab-pill.selected{height:56px}.mail-sent-icon{color:var(--lumo-secondary-text-color);width:15px}.rsvp{transform:translateY(5px);display:block;width:15px;height:15px;border-radius:50%;margin-left:5px}.rsvp.YES{background-color:#22c55e}.rsvp.NO{background-color:#ef4444}.rsvp.MAYBE{background-color:#fbbf24}div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay{--cc: white}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7n+1),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-0{--bc: #8a3993}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7n+2),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-1{--bc: #2a4b78}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7n+3),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-2{--bc: #3576bc}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7n+4),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-3{--bc: #4fa7f8}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7n+5),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-4,:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):has(.bc-4){--bc: #84c8fa;--cc: black}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7n+6),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-5{--bc: #a8e1c2;--cc: black}:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay):nth-child(7),:is(div.profile-menu a,fieldset,.parts-container>div,.bc,vaadin-dialog-overlay).bc-6{--bc: #81d653;--cc: black}div.profile-menu{margin-top:20px}div.profile-menu a{width:80%;text-transform:uppercase;text-decoration:none;box-sizing:border-box;border:1px solid lightgray;display:inline-block;text-align:center;font-size:.8em;padding:5px;margin-top:10px;border-radius:10px;font-weight:500}div.profile-menu a:not(.active:nth-last-child(1 of.active)){border-right-width:5px;border-right-color:var(--bc);color:var(--vaadin-text-color)}div.profile-menu a.active:nth-last-child(1 of.active){background-color:var(--bc);color:var(--cc)}.email-layout{display:grid;gap:8px;height:100%;min-height:0;overflow:hidden;grid-template-columns:minmax(600px,1fr) minmax(300px,2fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"a right";align-items:stretch}.email-layout .a{grid-area:a;min-height:0;overflow:auto;max-width:fit-content}.email-layout .right{grid-area:right;display:grid;gap:8px;align-content:start;grid-template-columns:400px 1fr;grid-template-areas:"b c"}.email-layout .c{grid-area:c;height:48px}.email-layout .b{grid-area:b;max-width:400px;min-height:56px;overflow:auto}@media (max-width: 1623px){.email-layout .right{grid-template-columns:1fr;grid-template-areas:"b" "c"}}@media (max-width: 1337px){.email-layout{overflow:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"right" "a"}.email-layout .a{overflow:visible}}tspan{fill:var(--lumo-secondary-text-color)}.dog-buttons{display:flex;align-items:stretch;flex-direction:row;gap:5px}vaadin-split-layout .auto-crud-form:has(.auto-crud-form-header h3[style*="color: var(--lumo-disabled-text-color)"]){display:none}vaadin-icon.small{font-size:13px;margin-top:-4px}a.disabled{pointer-events:none;cursor:default}span.result-pill{display:inline-block;background-color:var(--lumo-contrast-5pct);color:var(--lumo-text-color);border-radius:10px;padding:3px 10px 3px 20px;margin:2px;font-size:.9em;box-shadow:var(--app-button-shadow);position:relative}span.result-pill:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--lumo-contrast-50pct);left:8px;top:50%;transform:translateY(-50%);border:1px solid var(--lumo-contrast-20pct);box-shadow:var(--app-button-shadow)}[theme~=dark] span.result-pill{background-color:#0000002f}a>span.result-pill,[theme~=dark] a>span.result-pill{background-color:var(--lumo-base-color)}:is(a>span.result-pill,[theme~=dark] a>span.result-pill):before{background-color:var(--lumo-primary-color)}div.result-event{position:relative}div.result-event:before{content:"";height:calc(100% + var(--lumo-space-m));left:calc(var(--lumo-space-xl) * -.5);border-left:1px solid var(--lumo-contrast-50pct);position:absolute;z-index:10;top:0}div.result-event:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background-color:var(--bc);border:2px solid var(--lumo-base-color);left:calc(var(--lumo-space-xl) * -.5 - 7px);top:10px;z-index:20}div.result-event:last-child:before{height:10px}