/* Base CSS - simple reset */
*,
*:before,
*:after {
  box-sizing: border-box;
  font-family: "avenir-next-lt-pro", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
table {
  border-collapse: collapse;
}
hr {
  border: 1px solid rgba(0,0,0,0.1);
  border-width: 1px 0 0 0;
  margin: 15px 0;
}
@media (max-width:767px){
  html,body{
    max-width:100vw;
    overflow-x: clip;
  }
}
body {
  line-height: 1.5;
  margin: 0;
  font-size: 14px;
  color:var(--d-textgrey);
}
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
label:not(.form-row label) {
  margin-bottom: 0.2rem;
  font-weight: 400;
  line-height: 1.1;
}
ul,
ol,
dl,
p,
dd,
.form-group {
  margin-bottom: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
p {
  margin-top: 0.5rem;
}
ul ul {
  margin-bottom: 0;
}
pre {
  white-space: pre-wrap;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2.4rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}
a {
  color: var(--d-default-link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
figure {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  position: relative;
}
input {
  margin: 0;
}
select {
  margin: 0;
  background: #fff;
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
nav > ul,
ul.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}
code {
  background: rgba(0,0,0,0.05);
  padding: 1px 6px;
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  border-radius: 3px;
}
iframe {
  border: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.primary {
  color: var(--d-primary);
}

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

/* hides unloaded custom elements */
*:not(:defined) {
  visibility: hidden;
}
html {
  background: var(--d-primary);
  scroll-behavior: smooth;
  scroll-padding-top: 160px;
}
body {
  background: #fff;
  display: grid;
  min-height: 100vh;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: 
    "header" 
    "main" 
    "footer";
}
main {
  grid-area: main; 
  overflow-x:clip;
}

.container,.container-fluid,.breadcrumb {
  width:min(100vw - 40px,var(--container-width,1200px));
  margin:auto;
}
.container-fluid{
  width:100%;
}

main.default >.container,
main.default-submenu >.container,
main.faq > .container,
main.water-company > .container{
  display:grid;
  grid-template-columns:1fr minmax(240px,25%);
  gap:30px;
}
@media (max-width:899px){
  main.default > .container,
  main.default-submenu > .container,
  main.faq > .container,
  main.water-company > .container{
    display:block;
  }
}
/* Typography  - use tag followed by class format lable-value eg h1.colour-red{} h1.color-blue{} */
/* favour combining styles into a theme, to make it easier for the editor to get common combinations */

/* h1.colour-red,h2.colour-red{
  color:#d00;
}

h1.style-bar_left{
  font-weight:100;
  border-left:5px solid currentColor;
  padding-left:10px;
} 
h1.style-bar_left strong{
  font-weight:400;
  color:#d00;
}
*/

h1.style-primary,
h2.style-primary,
h3.style-primary,
h4.style-primary,
h5.style-primary,
p.style-primary{
  color:var(--d-primary);
}


blockquote.style-simple{
  padding-left:20px;
  margin-left:50px;
  border-left:5px solid var(--d-primary);
}

/* blockquote.style-shout{
  background:linear-gradient(0deg, #d00 0%, #800 100%);
  padding:50px;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  position: relative;
  color:white;
  margin:1em 0; 
  padding:1.5em 3.5em; 
  font-size:1.8em; 
  line-height:150%;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

blockquote.style-shout:before {
  content: '\301D';
  position:absolute;
  top:70px;
  left:-60px;
  font-size:150px;
  opacity:0.5
 }
 
 blockquote.style-shout:after {
  content:"\301E";
  position:absolute;
  bottom:0em;
  right:-50px;
  font-size:150px;
  opacity:0.5
 } */

.alert {
  padding: 10px 15px;
  position: relative;
  color: var(--alert-color, #444);
  margin: 10px 0px;
  border-radius: 5px;
  isolation: isolate;

  &.alert-info {
    --alert-color: #055160;
  }
  &.alert-warning {
    --alert-color: #664d03;
  }
  &.alert-success {
    --alert-color: #0f5132;
  }
  &.alert-danger {
    --alert-color: #842029;
  }
  &:after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--alert-color, #444);
    border-radius: inherit;
    filter: brightness(240%) saturate(2) opacity(0.25);
    z-index: -1;
  }
  &:before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid var(--alert-color, #444);
    border-radius: inherit;
    filter: brightness(200%) saturate(2) opacity(0.2);
    z-index: -1;
  }
}

/* place to put cms8 specific stuff until I've worked out how to manage this*/
.duocmsrow{
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px;
}
.duocmscol{
  flex:1 1 100px;
  padding:10px 10px;
  min-height:50px;
}
/* editmode */
.ProseMirror .duocmscol{
  outline:1px dotted rgba(0,0,0,0.1);
}

.ProseMirror .formrows {
  outline:1px dotted #ccc;  
}
.ProseMirror:focus{
  outline:0px;  
}
/* fix for excess spacing caused by prosemirror */
.dynamicList{
  white-space:normal
}
@supports (display: grid) {
  .row,
  .duorow {
    margin: 0 -15px;
  }
  .duorow:before,
  .row:before {
    content: normal;
  }
  .duorow,
  .row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .duorow > span,
  .row > span {
    display: none !important /* fix for slate */;
  }
  [class*='col-'] {
    padding: 0 15px;
    grid-column: span 12;
  }
  .col-xs-1 {
    width: auto;
    grid-column: span 1;
  }
  .col-xs-2 {
    width: auto;
    grid-column: span 2;
  }
  .col-xs-3 {
    width: auto;
    grid-column: span 3;
  }
  .col-xs-4 {
    width: auto;
    grid-column: span 4;
  }
  .col-xs-5 {
    width: auto;
    grid-column: span 5;
  }
  .col-xs-6 {
    width: auto;
    grid-column: span 6;
  }
  .col-xs-7 {
    width: auto;
    grid-column: span 7;
  }
  .col-xs-8 {
    width: auto;
    grid-column: span 8;
  }
  .col-xs-9 {
    width: auto;
    grid-column: span 9;
  }
  .col-xs-10 {
    width: auto;
    grid-column: span 10;
  }
  .col-xs-11 {
    width: auto;
    grid-column: span 11;
  }
  .col-xs-12 {
    width: auto;
    grid-column: span 12;
  }
@media (min-width: 768px) {
    .col-sm-1 {
      width: auto;
      grid-column: span 1;
    }
    .col-sm-2 {
      width: auto;
      grid-column: span 2;
    }
    .col-sm-3 {
      width: auto;
      grid-column: span 3;
    }
    .col-sm-4 {
      width: auto;
      grid-column: span 4;
    }
    .col-sm-5 {
      width: auto;
      grid-column: span 5;
    }
    .col-sm-6 {
      width: auto;
      grid-column: span 6;
    }
    .col-sm-7 {
      width: auto;
      grid-column: span 7;
    }
    .col-sm-8 {
      width: auto;
      grid-column: span 8;
    }
    .col-sm-9 {
      width: auto;
      grid-column: span 9;
    }
    .col-sm-10 {
      width: auto;
      grid-column: span 10;
    }
    .col-sm-11 {
      width: auto;
      grid-column: span 11;
    }
    .col-sm-12 {
      width: auto;
      grid-column: span 12;
    }
}
@media (min-width: 992px) {
    .col-md-1 {
      width: auto;
      grid-column: span 1;
    }
    .col-md-2 {
      width: auto;
      grid-column: span 2;
    }
    .col-md-3 {
      width: auto;
      grid-column: span 3;
    }
    .col-md-4 {
      width: auto;
      grid-column: span 4;
    }
    .col-md-5 {
      width: auto;
      grid-column: span 5;
    }
    .col-md-6 {
      width: auto;
      grid-column: span 6;
    }
    .col-md-7 {
      width: auto;
      grid-column: span 7;
    }
    .col-md-8 {
      width: auto;
      grid-column: span 8;
    }
    .col-md-9 {
      width: auto;
      grid-column: span 9;
    }
    .col-md-10 {
      width: auto;
      grid-column: span 10;
    }
    .col-md-11 {
      width: auto;
      grid-column: span 11;
    }
    .col-md-12 {
      width: auto;
      grid-column: span 12;
    }
}
@media (min-width: 1200px) {
    .col-lg-1 {
      width: auto;
      grid-column: span 1;
    }
    .col-lg-2 {
      width: auto;
      grid-column: span 2;
    }
    .col-lg-3 {
      width: auto;
      grid-column: span 3;
    }
    .col-lg-4 {
      width: auto;
      grid-column: span 4;
    }
    .col-lg-5 {
      width: auto;
      grid-column: span 5;
    }
    .col-lg-6 {
      width: auto;
      grid-column: span 6;
    }
    .col-lg-7 {
      width: auto;
      grid-column: span 7;
    }
    .col-lg-8 {
      width: auto;
      grid-column: span 8;
    }
    .col-lg-9 {
      width: auto;
      grid-column: span 9;
    }
    .col-lg-10 {
      width: auto;
      grid-column: span 10;
    }
    .col-lg-11 {
      width: auto;
      grid-column: span 11;
    }
    .col-lg-12 {
      width: auto;
      grid-column: span 12;
    }
}
}
.duocol.dark {
  background: #444;
}
.duocol.dark > * {
  color: #fff;
}
.clearfix,
.container {
  display: flow-root;
}
footer {
  grid-area: footer;
  background: var(--d-dark);
  /* padding: 0 0 15px 0; */
  font-size: 12px;
/* Desktop */
}
footer a {
  color: #fff;
  text-decoration: none;
}
/* footer .container.footer {
  display: grid;
  grid-template-areas: "footermap" "copyright" "cookieconsent" "credit";
} */

footer .footer{
  display:grid;
  grid-template-columns: 4fr 1fr;
  padding-top:max(15px,3vw);
  padding-bottom:max(15px,3vw);
}
footer .footer ul.footermap {
  grid-area: footermap;
  /* padding-top:max(15px,3vw);
  padding-bottom:max(15px,3vw); */
  /* display:none; hide footermap on mobile */
}
footer ul.footermap,
footer li {
  list-style: none;
  margin: 0;
  padding: 1px 0;
}
footer ul.footermap ul,
footer li ul {
  padding: 0;
}
footer .footer-sitemap ul.footermap>li:first-child,
footer .footer-sitemap li>li:first-child {
  display: none;
}
footer ul.footermap>li,
footer li>li {
  display: block;
  margin: 10px;
  /* width: 20%; */
  float: left;
  font-weight: bold;
}
footer ul.footermap>li li,
footer li>li li {
  font-weight: normal;
  opacity: 0.7;
}
footer ul.footermap a,
footer li a {
  color: rgba(255,255,255,0.8);
}
footer ul.footermap a:hover,
footer li a:hover {
  color: #fff;
}
footer ul.footermap > li > a{
  color:white;
}

footer .footerlinks{
  background:color-mix(in lab,var(--d-dark) 80%,black);
  padding:15px 0;
  border-top:1px solid rgba(0,0,0,0.25);
}

footer .footerlinks a{
  color:var(--d-primary);
}

footer .footerlinks .container{
  display:grid;
  grid-template-areas:"copyright cookieconsent credit";
}
footer .copyright {
  grid-area: copyright;
}
footer .cookieconsent {
  grid-area: cookieconsent;
}
footer .credit {
  grid-area: credit;
}


.members-banner{
  background:var(--d-lightblue);
  border-bottom:1px solid white;
  padding:15px 0;
  .login-footer-grid{
    display:flex;
    align-items:center;
    justify-content:start;
    gap:0 15px;
    color:white;
    font-size:clamp(18px,2vw,1.5rem);
    font-weight:500;
    text-wrap:balance;
    line-height:40px;
    width:100%;
    display:grid;
    grid-template-columns: 40px auto auto 1fr;
    grid-template-areas:"icon title text link";
  }
  .login-footer-grid strong{
    font-size:clamp(18px,2.5vw,1.75rem);
    grid-area:title
  }
  .login-footer-grid span{
    grid-area:text;
  }
  .login-footer-grid:before{
    content:"";
    display:inline-block;
    width:40px;
    height:40px;
    background:white;
    mask-image:url("data:image/svg+xml;utf8,<svg width='700pt' height='700pt' version='1.1' viewBox='0 0 700 700' xmlns='http://www.w3.org/2000/svg'><path d='m442.31 280.73c0 50.98-41.328 92.312-92.312 92.312s-92.312-41.332-92.312-92.312c0-50.984 41.328-92.312 92.312-92.312s92.312 41.328 92.312 92.312'/><path d='m350 87.5c-68.887 0.074219-134.98 27.223-184.03 75.59-49.051 48.363-77.125 114.07-78.16 182.95-1.0391 68.879 25.039 135.4 72.609 185.23 36.227 37.828 82.941 63.953 134.13 75.016 51.195 11.066 104.53 6.5625 153.14-12.93 48.613-19.496 90.281-53.086 119.65-96.449 29.371-43.367 45.094-94.531 45.152-146.91 0-69.621-27.656-136.39-76.883-185.62-49.23-49.227-116-76.883-185.62-76.883zm160.42 415.92c-44.16-39.371-101.26-61.125-160.42-61.125s-116.26 21.754-160.42 61.125c-40.355-42.145-62.504-98.477-61.664-156.82 0.84375-58.344 24.613-114.02 66.168-154.98 41.559-40.957 97.562-63.922 155.91-63.922s114.36 22.965 155.91 63.922c41.555 40.961 65.324 96.633 66.168 154.98 0.83984 58.344-21.309 114.68-61.664 156.82z'/></svg>");
    mask-position:center;
    mask-size:contain;
    mask-repeat:no-repeat;
    -webkit-mask-image:url("data:image/svg+xml;utf8,<svg width='700pt' height='700pt' version='1.1' viewBox='0 0 700 700' xmlns='http://www.w3.org/2000/svg'><path d='m442.31 280.73c0 50.98-41.328 92.312-92.312 92.312s-92.312-41.332-92.312-92.312c0-50.984 41.328-92.312 92.312-92.312s92.312 41.328 92.312 92.312'/><path d='m350 87.5c-68.887 0.074219-134.98 27.223-184.03 75.59-49.051 48.363-77.125 114.07-78.16 182.95-1.0391 68.879 25.039 135.4 72.609 185.23 36.227 37.828 82.941 63.953 134.13 75.016 51.195 11.066 104.53 6.5625 153.14-12.93 48.613-19.496 90.281-53.086 119.65-96.449 29.371-43.367 45.094-94.531 45.152-146.91 0-69.621-27.656-136.39-76.883-185.62-49.23-49.227-116-76.883-185.62-76.883zm160.42 415.92c-44.16-39.371-101.26-61.125-160.42-61.125s-116.26 21.754-160.42 61.125c-40.355-42.145-62.504-98.477-61.664-156.82 0.84375-58.344 24.613-114.02 66.168-154.98 41.559-40.957 97.562-63.922 155.91-63.922s114.36 22.965 155.91 63.922c41.555 40.961 65.324 96.633 66.168 154.98 0.83984 58.344-21.309 114.68-61.664 156.82z'/></svg>");
    -webkit-mask-position:center;
    -webkit-mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    grid-area:icon;
  }
  .login-footer-grid a{
    margin-left: auto;
    font-size:90%;
    background:white;
    box-shadow:none;
    border-radius:10px;
    grid-area:link;
    color:var(--d-dark);
    transition:all ease 0.3s;
  }
  .login-footer-grid a:before{
    background:var(--d-dark);
    transition:all ease 0.3s;
  }
  .login-footer-grid a:hover{
    background:var(--d-dark);
    color:white;
  }
  .login-footer-grid a:hover:before{
    background:white;
  }
  @media (max-width:767px){
    .login-footer-grid{
      grid-template-columns:40px auto 1fr;
      grid-template-areas:"icon title text" ". link link";
    }
    .login-footer-grid a{
      margin-left:0;
      width:min-content;
    }
  }
  @media (max-width:550px){
    .login-footer-grid{
      grid-template-columns:40px 1fr;
      grid-template-areas:"icon title" ". text" ". link";
    }
  }
}


@media (min-width: 900px) {
  /* footer .container.footer {
    display: grid;
    grid-template-areas: "footermap footermap footermap" "copyright cookieconsent credit";
  } */
  footer .footer ul.footermap {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); 
  }
  footer .cookieconsent {
    text-align: center;
  }
  footer .credit {
    text-align: right;
  }
}



footer li > li > a,
footer ul.footermap > li > a{
  font-size:1.2rem;
  font-weight:300;
}
footer ul.footermap > li > a{
  font-weight:400;
}

footer .social-links{
  display:grid;
  grid-template-columns:repeat(auto-fill,24px);
  width:100%;
  margin:0 10px;
  border-top:2px solid rgba(255,255,255,0.5);
  margin-top:max(15px,1.5vw);
  padding-top:max(15px,1.5vw);
}
footer .social-links:before{
  content:"Follow us";
  font-size:1.2rem;
  width:100%;
  display:block;
  grid-column:1/-1;
  color:white;
  margin-bottom:5px;
}
footer .social-links a{
  margin:0;
  padding:10%;
  height:auto;
  width:100%;
  aspect-ratio:1/1;
  display:block;
  /* background:color-mix(in lab,var(--d-primary) 80%,black); */
  position:relative;
  transition:all ease 0.3s;
}
footer .social-links a:after{
  background:white;
  width:80%;
  height:80%;
  max-height:100%;
  top:50%;
  left:50%;
  position:absolute;
  transform:translateX(-50%) translateY(-50%);
  transition:all ease 0.3s;
}
/* footer .social-links a:nth-child(2){
  background:color-mix(in lab,var(--d-primary) 90%,black);
}
footer .social-links a:nth-child(3){
  background:color-mix(in lab,var(--d-primary) 100%,black);
}
footer .social-links a:nth-child(4){
  background:color-mix(in lab,var(--d-primary) 90%,white);
}
footer .social-links a:nth-child(5){
  background:color-mix(in lab,var(--d-primary) 80%,white);
}
footer .scoial-links a:hover{
  background:color-mix(in lab,var(--d-primary) 70%,black);
}
footer .social-links a:hover:after{
  background:white;
  transform:scale(0.8) translateX(-60%) translateY(-60%);
} */
[class*=' col-'] .container {
  width: 100%;
  margin: 0;
}
.block-accent,
.accentblock {
  background: var(--d-primary);
  color: #fff;
}
.block-subtle,
.subtle {
  background: #f4f5f6;
}

.block-subtle{
  padding:10px 20px;
}
main:not(.index) .duoEditArea .block-subtle > .container{
  width:100%;
  max-width:100%;
}

.block-subtle > .container > p:has(> br){
  margin:0;
}
.block-subtle > .container > h2+p:has(> br){
  margin-top:1rem;
}

.block-jumbotron .container {
  background: #eee;
  padding: 40px 40px 60px 40px;
  margin: 10px 60px;
  border-radius: 5px;
}
.block-jumbotron h1,
.block-jumbotron h2,
.block-jumbotron h3,
.block-jumbotron h4,
.block-jumbotron h5 {
  font-weight: 500;
  line-height: 1.1;
}
.block-jumbotron h1 {
  font-size: calc(3vw + 20px);
}
.block-jumbotron p {
  margin: 0 0 10px;
  font-size: calc(0.8vw + 12px);
  font-weight: 200;
}

.block-darkblue{
  padding:10px;
  background-color:var(--d-dark);
  color:white;
}
.block-darkblue p{  
    padding:5px 0 0 0;
}
.block-darkblue :where(h1,h2,h3,h4,h5,h6,p){
    color:white;
}

.block-shadow{
  box-shadow:0 2px 10px rgba(0,0,0,0.3);
}

.nav-pills {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left:1px solid var(--d-light);
}
.nav-pills li {
  margin: 5px 0;
}
.nav-pills a {
  color: var(--d-primary);
  filter: brightness(95%);
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  border-radius: 5px;
  transition: all 0.2s;
}
.nav-pills a:hover {
  background: #fff;
}
.nav-pills ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-pills li.depth2 {
  background: #eee;
  border-radius: 5px;
}
.nav-pills li.depth2 > a {
  padding: 5px 15px;
}
.nav-pills li.depth2.active {
  padding-bottom: 1px;
  border-radius: 0 0 5px 5px;
}
.nav-pills li.depth3 {
  margin: 5px;
}
.nav-pills li.depth3 > a {
  padding: 3px 11px;
}
.nav-pills li.active > a {
  color: #fff;
  background: var(--d-primary);
  filter: brightness(100%);
}
.breadcrumbbar {
  background: #fff;
  border-bottom:1px solid var(--d-light);
}
.breadcrumb {
  list-style: none;
  padding: 0;
}
.breadcrumb li,
.breadcrumb a {
  display: inline-block;
}
.breadcrumb a {
  text-decoration: none;
  padding: 10px 5px;
}
.breadcrumb a:after {
  content: " /";
}
.menucheckhide {
  all: initial;
  opacity: 0;
  margin-left: -1000px;
  height: 0;
  width: 0;
  position: absolute;
}
/* main toggle */
.opener {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  cursor: pointer;
  transition: 0.3s right;
  transform:translateY(-50%);
}
.opener:before,
.opener:after {
  content: "";
  border: 2px solid var(--d-dark);
  border-width: 2px 0;
  position: absolute;
  top: 10px;
  left: 8px;
  width: 26px;
  height: 20px;
  transition: 0.3s 0.3s height, 0.3s 0.3s top, 0.3s transform;
  transform-origin: 13px 1px;
}
.opener:after {
  border-width: 2px 0 0 0;
  top: 19px;
}
input:checked ~ .opener {
  /* right: 310px; */
  top:0;
  right:15px;
  z-index:3;
  position:fixed;
  transform:translateY(0);
}
input:checked ~ .opener:before,
input:checked ~ .opener:after{
  border-color:white;
  /* top:0; */
}
input:checked ~ .opener:before {
  height: 0;
  top: 19px;
  border-width: 1px 0 1px 0;
  transform: rotateZ(45deg);
  transition: 0.3s height, 0.3s top, 0.3s 0.3s transform;
}
input:checked ~ .opener:after {
  transform: rotateZ(-45deg);
  transition: 0.3s height, 0.3s top, 0.3s 0.3s transform;
}
/* nav layout */
.mainmenu {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  transform: translateX(100vw);
  transition: 0.3s transform, 0.3s box-shadow;
  background: white;
  box-shadow: -1000px 0 0 1000px rgba(0,0,0,0);
  /* margin-top:40px; */
  z-index:2;
  border-top:40px solid var(--d-dark);
}
.mainmenu:before{
  content:"";
  display:block;
  background-color:white;
  background-image:url('/images/assets/maintenance-logo.svg');
  background-position:15px center;
  background-repeat:no-repeat;
  background-size:auto 40px;
  height:60px;
  padding:10px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.featurebar {
  height: 40px;
  transition: 0.5s height;
}
.featurebar.shrink {
  height: 0px;
}
input:checked ~ .mainmenu {
  transform: translateX(0px);
  box-shadow: -1000px 0 0 1000px rgba(0,0,0,0.5);
}
.mainmenu ul,
.mainmenu li {
  margin: 0;
}
.mainmenu * {
  list-style: none;
  padding: 0;
}
.mainmenu > ul > li > a{
  text-transform:uppercase;
}
.mainmenu a {
  display: flex;
  align-items: center;
  padding: 0 15px;
  min-height: 40px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  /* text-transform:uppercase; */
  color:var(--d-dark);
  font-weight: 500;
  font-size: 1rem;
  transition:all ease 0.3s;
}
.mainmenu a:hover {
  text-decoration: none;
}
.mainmenu .depth2 {
  padding-left: 10px;
}
.mainmenu li {
  position: relative;
  transition:all ease 0.3s;
}
.mainmenu li:hover {
  background: rgba(0,0,0,0.05);
}
.mainmenu li.active {
  background: rgba(0,0,0,0.05);
}
.mainmenu li:hover > a{
  color:var(--d-primary);
}
/* sub toggle */
.mainmenu .dropdown-arrow {
  background: rgba(0,0,0,0.05);
  position: absolute;
  top: 1px;
  right: 0;
  height: 38px;
  width: 40px;
  z-index: 2;
  display:none;
}
.mainmenu .dropdown-arrow:after {
  color: #fff;
  content: "\00D7";
  font-size: 26px;
  position: absolute;
  top: 0px;
  left: 10px;
  transform-origin: 8px 15px;
  transform: rotateZ(-45deg);
  transition: transform 0.3s;
}
input:checked ~ .dropdown-arrow:after {
  transform: rotateZ(0deg);
}
input ~ ul > li {
  height: 0px;
  overflow: hidden;
  transition: 0.3s height;
}
input:checked ~ ul > li {
  height: 40px;
}
/* Desktop */
@media (min-width: 900px) {
  
  input:checked ~ .mainmenu {
    box-shadow: none;
  }

  .opener {
    display: none;
  }
  .mainmenu {
    position: static;
    display: flex;
    align-items: center;
    width: auto;
    transform: none;
    margin-top:0;
    border-top:none;
    z-index:1;
    background:transparent;
  }
  .mainmenu:before{
    display:none;
  }
  .mainmenu > ul {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .mainmenu > ul > li {
    height: 100%;
    display: flex;
    justify-content: start;
  }
  .mainmenu > ul > li.active > a {
    color: var(--d-primary);
  }
  .mainmenu a {
    border: 0px;
  }
  .mainmenu ul li.depth2 {
    padding: 0;
  }
  .mainmenu ul li > ul {
    position: absolute;
    background: #fff;
    width: max-content;
    min-width: 150px;
    top: 100%;
    right:0;
    min-width:100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    opacity: 0;
    height: 0;
    overflow: hidden;
    transform: translateY(20px);
    transition: 0.5s opacity, 0.5s transform;
  }
  .mainmenu ul > li:hover > ul {
    opacity: 1;
    height: auto;
    transform: translateY(0px);
  }
  .mainmenu .dropdown-menu li {
    height: auto;
    overflow: visible;
  }
  .mainmenu .dropdown-menu li a {
    color: #000;
    background: #fff;
    transition: 0.5s background-color;
    position: relative;
    isolation: isolate;
  }
  .mainmenu .dropdown-menu li a:after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--d-dark);
    z-index: -1;
    opacity: 0;
    transform-origin: center;
    transition: 0.8s opacity;
  }
  .mainmenu .dropdown-menu li a:hover:after {
    content: '';
    opacity: 0.4;
  }
  .mainmenu .dropdown-menu li.active a:after {
    opacity: 0.2;
  }
  .mainmenu .dropdown-arrow {
    background: transparent;
    pointer-events: none;
    position: relative;
    width: 15px;
    height: 100%;
  }
  .mainmenu .dropdown-arrow:after {
    content: "";
    border-style: solid;
    border-width: 5px 4px 0px 4px;
    border-color: currentcolor transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: -5px;
    transform: rotateZ(0deg);
  }
}
header {
  grid-area: header;
  position: sticky;
  z-index: 10;
  top: 0;
}
header .featurebar {
  background: var(--d-dark);
  z-index:2;
  position:relative;
}
header .featurebar .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header .main-navigation {
  position: relative;
  background: linear-gradient(to right, #EFF3F6, white);
  box-shadow:-25px -50px 50px 50px rgba(0,0,0,0.75);
}
body:not(.index) header .main-navigation {
  box-shadow:0px 0px 10px rgba(0,0,0,0.25);
}
header .main-navigation .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header .main-navigation .logo {
  display: flex;
  flex: 1;
  color: #fff;
  text-decoration: none;
  align-items: center;
  font-size: 21px;
}
header .main-navigation .logo img {
  margin: 20px 0px;
  height: 60px;
  width: auto;
  transition:all ease 0.3s;
}

header.minimise .main-navigation .logo img{
  height:40px;
  margin:10px 0;
}
@media (max-width:600px){
  header .main-navigation .logo img {
    height: 40px;
    margin: 10px 0;
  }
}
.navbar-features {
  height: 40px;
  line-height: 40px;
  padding: 0;
  display:flex;
  justify-content:end;
  width:100%;
}
.navbar-features .row {
  margin: 0 -15px;
}
.navbar-features a {
  color: var(--d-dark);
}
.navbar-features .element {
  /* float: left; */
  margin-left: 5px;
  /* border-right: 1px solid var(--d-primary); */
}
.navbar-features .element:after{
  content:"";
  display:inline-block;
  height:70%;
  width:1px;
  background:white;
  top:5px;
  position: relative;
  display:none;
}
.navbar-features .element:last-child {
  border: 0px;
}
.navbar-features .element .link-type-secondary{
  color:white;
  margin:0;
  height:30px;
  line-height:30px;
  padding:0 10px;
  border-radius: 0 0 var(--d-border-radius, 4px) var(--d-border-radius, 4px);
  box-shadow:none;
  transition:all ease 0.3s;
}
.navbar-features .element .link-type-secondary:hover{
  background:var(--d-dark);
  color:white;
}
.navbar-features .element:last-child:after,
.navbar-features login-bar.element:after,
.navbar-features duo-access.element:after,
.navbar-features .social-links.element:after {
  display:none;
}
.navbar-features .social-links{
  display:flex;
  gap:0 5px;
  align-items:center;
}
.navbar-features .social-link-phone{
  display:flex;
  align-items:center;
}
.navbar-features .social-link-phone span{
  color:var(--d-primary);
}
/* .navbar-features .social-link{
  margin-top:5px;
} */
.navbar-features .searchbar label{
  margin:0;
  padding:8px 15px;
  margin:2px 5px;
  border-radius: 2px;
  color:white;
}
.navbar-features .searchbar label:hover{
  background:rgba(0,0,0,0.2);
}

.navbar-features .searchbar input {
  float: left;
  border: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
  text-align: center;
  border-radius: 0px;
  width: 180px;
  font-size: 14px;
  transition: width 0.3s, background 0.3s, color 0.3s;
  height: 30px;
  color: white;
}
.navbar-features .searchbar input::placeholder {
  color: white;
}
.navbar-features .searchbar input:active,
.navbar-features .searchbar input:focus {
  text-align: left;
  width: 300px;
  background: #fff;
  color: #000;
}
.navbar-features .searchbar input:active::placeholder,
.navbar-features .searchbar input:focus::placeholder {
  color: rgba(0,0,0,0.2);
}


basket-modal > button.sbtn[class*=svelte-]{
  width:auto;
  font-size:0;
}
basket-modal > button.sbtn[class*=svelte-]:before{
  content:"";
  background:white;
  width:20px;
  height:20px;
  display:inline-block;
  mask-image:url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 187 187' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5582.23,747.985L5591.97,747.985L5594.48,737.796L5579.72,737.796L5582.23,747.985ZM5592.7,749.843L5581.5,749.843C5581.07,749.843 5580.7,749.552 5580.6,749.135L5577.63,737.087C5577.57,736.811 5577.63,736.518 5577.81,736.293C5577.98,736.068 5578.25,735.938 5578.54,735.938L5595.66,735.938C5595.95,735.938 5596.22,736.07 5596.39,736.293C5596.57,736.518 5596.63,736.811 5596.56,737.087L5593.6,749.135C5593.5,749.55 5593.13,749.843 5592.7,749.843Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5581.65,737.795L5581.38,737.754C5580.89,737.603 5580.61,737.085 5580.76,736.594L5583.35,728.106C5583.5,727.614 5584.02,727.34 5584.51,727.488C5585,727.639 5585.28,728.157 5585.13,728.648L5582.54,737.137C5582.42,737.537 5582.05,737.795 5581.65,737.795Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5592.58,737.795C5592.18,737.795 5591.81,737.539 5591.69,737.139L5589.08,728.651C5588.92,728.16 5589.2,727.641 5589.69,727.491C5590.18,727.34 5590.7,727.614 5590.85,728.106L5593.47,736.594C5593.62,737.085 5593.34,737.603 5592.85,737.754C5592.76,737.783 5592.67,737.795 5592.58,737.795Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5587.1,746.234C5586.59,746.234 5586.17,745.819 5586.17,745.305L5586.17,740.949C5586.17,740.436 5586.59,740.02 5587.1,740.02C5587.61,740.02 5588.03,740.435 5588.03,740.949L5588.03,745.305C5588.03,745.819 5587.61,746.234 5587.1,746.234Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5584.01,746.234C5583.5,746.234 5583.08,745.819 5583.08,745.305L5583.08,740.949C5583.08,740.436 5583.5,740.02 5584.01,740.02C5584.53,740.02 5584.94,740.435 5584.94,740.949L5584.94,745.305C5584.94,745.819 5584.53,746.234 5584.01,746.234Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5590.21,746.234C5589.7,746.234 5589.28,745.819 5589.28,745.305L5589.28,740.949C5589.28,740.436 5589.7,740.02 5590.21,740.02C5590.72,740.02 5591.14,740.435 5591.14,740.949L5591.14,745.305C5591.14,745.819 5590.72,746.234 5590.21,746.234Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5597.38,737.795L5576.82,737.795C5576.31,737.795 5575.89,737.38 5575.89,736.866C5575.89,736.352 5576.31,735.937 5576.82,735.937L5597.38,735.937C5597.89,735.937 5598.31,736.352 5598.31,736.866C5598.31,737.38 5597.89,737.795 5597.38,737.795Z' style='fill:white;fill-rule:nonzero;'/></g></svg>");
  mask-position:center;
  mask-size:contain;
  mask-repeat:no-repeat;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 187 187' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5582.23,747.985L5591.97,747.985L5594.48,737.796L5579.72,737.796L5582.23,747.985ZM5592.7,749.843L5581.5,749.843C5581.07,749.843 5580.7,749.552 5580.6,749.135L5577.63,737.087C5577.57,736.811 5577.63,736.518 5577.81,736.293C5577.98,736.068 5578.25,735.938 5578.54,735.938L5595.66,735.938C5595.95,735.938 5596.22,736.07 5596.39,736.293C5596.57,736.518 5596.63,736.811 5596.56,737.087L5593.6,749.135C5593.5,749.55 5593.13,749.843 5592.7,749.843Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5581.65,737.795L5581.38,737.754C5580.89,737.603 5580.61,737.085 5580.76,736.594L5583.35,728.106C5583.5,727.614 5584.02,727.34 5584.51,727.488C5585,727.639 5585.28,728.157 5585.13,728.648L5582.54,737.137C5582.42,737.537 5582.05,737.795 5581.65,737.795Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5592.58,737.795C5592.18,737.795 5591.81,737.539 5591.69,737.139L5589.08,728.651C5588.92,728.16 5589.2,727.641 5589.69,727.491C5590.18,727.34 5590.7,727.614 5590.85,728.106L5593.47,736.594C5593.62,737.085 5593.34,737.603 5592.85,737.754C5592.76,737.783 5592.67,737.795 5592.58,737.795Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5587.1,746.234C5586.59,746.234 5586.17,745.819 5586.17,745.305L5586.17,740.949C5586.17,740.436 5586.59,740.02 5587.1,740.02C5587.61,740.02 5588.03,740.435 5588.03,740.949L5588.03,745.305C5588.03,745.819 5587.61,746.234 5587.1,746.234Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5584.01,746.234C5583.5,746.234 5583.08,745.819 5583.08,745.305L5583.08,740.949C5583.08,740.436 5583.5,740.02 5584.01,740.02C5584.53,740.02 5584.94,740.435 5584.94,740.949L5584.94,745.305C5584.94,745.819 5584.53,746.234 5584.01,746.234Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5590.21,746.234C5589.7,746.234 5589.28,745.819 5589.28,745.305L5589.28,740.949C5589.28,740.436 5589.7,740.02 5590.21,740.02C5590.72,740.02 5591.14,740.435 5591.14,740.949L5591.14,745.305C5591.14,745.819 5590.72,746.234 5590.21,746.234Z' style='fill:white;fill-rule:nonzero;'/></g><g transform='matrix(8.33333,0,0,8.33333,-46465.8,-6062.06)'><path d='M5597.38,737.795L5576.82,737.795C5576.31,737.795 5575.89,737.38 5575.89,736.866C5575.89,736.352 5576.31,735.937 5576.82,735.937L5597.38,735.937C5597.89,735.937 5598.31,736.352 5598.31,736.866C5598.31,737.38 5597.89,737.795 5597.38,737.795Z' style='fill:white;fill-rule:nonzero;'/></g></svg>");
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
}
.navbar-features basket-modal.element:after{
  display:none;
}

@media (max-width: 1200px) {
  .navbar-features .searchbar input {
    position: fixed;
    opacity: 0;
    padding: 0;
    left: 50%;
    margin-left: -40vw;
    width: 80vw;
    top: 100%;
    border: 10px solid var(--d-sucess);
    padding: 20px;
    font-size: 18px;
    transition: width 0.3s, top 0.3s, opacity 0.3s;
    overflow: visible;
    pointer-events: none;
  }
  .navbar-features .searchbar input +.searchback {
    z-index: 999;
  }
  .navbar-features .searchbar input:focus {
    top: 20%;
    opacity: 1;
    z-index: 1000;
    pointer-events: all;
    width: 80vw;
  }
  .navbar-features .searchbar input:focus +.searchback {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
  }
}

.navbar-features login-bar .sbtn,
.login-bar .dropdown .sbtn,
.login-bar .signinbutton.sbtn,
.navbar-features text-size .sbtn,
.navbar-features basket-modal .sbtn {
  background: transparent;
  border: 0;
  margin: 0;
  color: white;
  border-radius: 0;
  width: 100px;
  line-height: 18px;
  @media (max-width:767px){
    padding:6px 8px;
  }
}

.navbar-features login-bar{
  background:var(--d-primary);
}
.navbar-features login-bar .signinbutton{
  width:auto;
  &:hover{
    box-shadow:none;
  }
}

.dropdown button.logindropdown{
  line-height:30px;
  align-items:center;
  height:40px;
}

login-bar.element li a{
  background: var(--duo-background, #fff);
  border: 0;
  clear: both;
  color: currentColor;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.428571429;
  padding: 3px 20px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}
login-bar.element li a:hover{
  background-color: 
  color-mix(in srgb, var(--s-primary, #29e) 15%, var(--duo-background, #fff));
  color: currentColor;
  text-decoration: none;
}

@media (min-width: 992px) {
  .navbar-features .signup {
    width: 100px;
  }
}

@media (max-width: 600px) {
  .navbar-features .social-link-phone span{
    display:none;
  }
}

gmap,google-map {
  display: block;
}
gmap img[src="/images/assets/maintenance-logo.svg"],
google-map img[src="/images/assets/maintenance-logo.svg"] {
  width: 40px !important;
  height: 40px !important;
}
gmap.contact {
  height: 350px;
}
.newsletter-signup {
  background: var(--d-dark);
  padding: 0 0 20px 0;
  margin: 0 auto;
  width: 100%;
}
.newsletter-signup label {
  color: #fff;
}
.newsletter-signup h4 {
  color: var(--d-primary);
  font-size: 18px;
}
.newsletter-signup .td {
  padding: 5px 0 0 0;
}
.newsletter-signup .td label {
  margin: 0 2px -2px 2px;
  font-size: 12px;
}
.newsletter-signup .btn {
  margin: 10px 0 0 0;
}
.newsletter-signup input {
  border: 1px solid #122632;
  width: 100%;
  background: #3a7ba3;
  color: #fff;
  font-size: 12px;
  padding: 7px;
  border-radius: 4px;
}
.newsletter-signup input::placeholder {
  color: var(--d-primary);
}
.newsletter-signup input:focus,
.newsletter-signup input:active {
  background: #fff;
  color: #000;
}
@media (min-width: 900px) {
  .newsletter-signup {
    padding: 2px 2px 5px 2px;
  }
  .newsletter-signup form {
    display: table;
    width: 100%;
  }
  .newsletter-signup .td {
    display: table-cell;
    padding: 5px;
  }
  .newsletter-signup label {
    float: right;
  }
  .newsletter-signup .btn {
    margin-top: 0;
  }
}
/* mobile + non :has hacks */

/* style examples */
/*
.duoform-size-big{
  font-size:2em;
}

.duoform-size-small{
  font-size:0.7em;
}
*/

.duoform {
  padding: 30px;
  accent-color: var(--d-primary);
}
.duoform .formrows {
  display: contents;
}
.duoform button[type=submit] {
  grid-column: 1/2;
  width: max-content;
}
.formrow input,
.formrow textarea,
.formrow select {
  padding: 5px;
  font-size: 16px;
  border: 1px solid #ddd;
  box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.1);
  width: 100%;
}
.formrow textarea {
  font-family: inherit;
  resize: vertical;
}
.formrow label {
  text-align: left;
  align-self: center;
  margin-bottom: 0;
  display: block;
  padding: 10px 0 5px 0;
}
.formrow input[type=checkbox] {
  margin: 10px 10px 5px 0;
}
.formrow input[type=checkbox],
.formrow input[type=radio] {
  display: block;
  height: 17px;
  width: 17px;
  align-self: center;
  float: left;
  box-shadow: none;
}
.duoform .radioblock {
  display: flex;
  gap: 20px;
  margin-left: 2px;
}
.duoform .radiooption {
  display: flex;
  gap: 5px;
  align-items: center;
}
.formrow:has(.radiooption) label {
  align-self: start;
}

/* use has and subgrid for browser which support it */
@supports selector(:has(*)) and (grid-template-columns: subgrid) {
  .duoform{
    container-type: inline-size;
    container-name: container;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:15px 10px;
  }

  .formrow{
    display:grid;
    gap:5px 10px;
    grid-column: 1 / 3;
  }

  .formrow label{
    padding:0;
  }

  .formrow input[type=checkbox]{
    margin:0;  
  }

  .formrow:has(input[type=checkbox]){
    grid-column: 1 / 2;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:5px 10px;
  }

  .formrow:has(input[type=checkbox]) label{
    text-align:left;
    align-self:center;
  }

  .formrow:has(textarea) label{
    padding-top:5px;
    align-self:start;
  }

  .formrow:has(input[required]) label:before{
    content:"* "
  }
            
  /* desktop using container query */
  @container container (min-width: 400px) {
    .formrow{
      grid-column: span 2;
      grid-template-columns:subgrid;
    }
    .formrow label{
      text-align:right;
    }
    .formrow:has(input[type=checkbox]){
      grid-column: 2 / 3;
    }
    .duoform button[type=submit]{
      grid-column: 2 / 3;
    }
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--text-muted);
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 18px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th > *,
.table > tbody > tr > th > *,
.table > tfoot > tr > th > *,
.table > thead > tr > td > *,
.table > tbody > tr > td > *,
.table > tfoot > tr > td > * {
  margin: 0;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: transparent;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.tablewrapper:has(.table-responsive) {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 768px) {
  .tablewrapper:has(.table-responsive) {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .tablewrapper:has(.table-responsive) > .table {
    margin-bottom: 0;
  }
  .tablewrapper:has(.table-responsive) > .table > thead > tr > th,
  .tablewrapper:has(.table-responsive) > .table > tbody > tr > th,
  .tablewrapper:has(.table-responsive) > .table > tfoot > tr > th,
  .tablewrapper:has(.table-responsive) > .table > thead > tr > td,
  .tablewrapper:has(.table-responsive) > .table > tbody > tr > td,
  .tablewrapper:has(.table-responsive) > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .tablewrapper:has(.table-responsive) > .table-bordered {
    border: 0;
  }
  .tablewrapper:has(.table-responsive) > .table-bordered > thead > tr > th:first-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tbody > tr > th:first-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tfoot > tr > th:first-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > thead > tr > td:first-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tbody > tr > td:first-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .tablewrapper:has(.table-responsive) > .table-bordered > thead > tr > th:last-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tbody > tr > th:last-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tfoot > tr > th:last-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > thead > tr > td:last-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tbody > tr > td:last-child,
  .tablewrapper:has(.table-responsive) > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .tablewrapper:has(.table-responsive) > .table-bordered > tbody > tr:last-child > th,
  .tablewrapper:has(.table-responsive) > .table-bordered > tfoot > tr:last-child > th,
  .tablewrapper:has(.table-responsive) > .table-bordered > tbody > tr:last-child > td,
  .tablewrapper:has(.table-responsive) > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.duoEditArea img {
  height: auto;
  width: auto;
  max-width: 100%;
}
.duoEditArea figure {
  display: grid;
  max-width: 100%;
}
.duoEditArea figure > * {
  grid-column: 1/2;
  grid-row: 1/2;
}
.caption-heading {
  color: #fff;
  width:min(100% - 80px,var(--container-width,1200px)); 
  color: #fff;
  text-shadow: 0 0 3px #000, 0 0 10px #000;
  align-self: center;
  justify-self: center;
  margin-top:-10%;
}
.caption-heading h2 {
  font-size: clamp(1.8rem, 5vw, 6rem);
  margin-bottom: 0px;
}
.caption-heading h3 {
  font-size: clamp(1rem, 2.5vw, 3rem);
  line-height: clamp(1rem, 2.5vw, 3rem);
}

.img-rounded {
  border-radius: 10px;
  overflow:clip;
}

duo-slideshow {
  display: block;
}

duo-slideshow::part(timer){
  animation:8s linear 1 slideshowfill;
}

/* need to repeat this as svelte hides the other keyframes of fill */
@keyframes slideshowfill{
  0%{transform:scaleX(0);}
  100%{transform:scaleX(1);}
}

duo-slideshow .duoslide.active figcaption {
  animation: 4s ease-out 0s 1 slideswipe;
}
duo-slideshow .duoslide{
  max-height:500px;
}
duo-slideshow .duoslide figure {
  width: 100%;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio:2/1;
  max-height:500px;
}
duo-slideshow .duoslide figure:before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:linear-gradient(to right,color-mix(in lab,var(--d-primary),rgba(0,0,0,0.8) 70%) 0%,rgba(0,0,0,0) 70%);
}
duo-slideshow .duoslide figcaption{
  border-left:3px solid white;
  padding-left:15px;
  text-shadow:none;
  z-index:2;
}
duo-slideshow .duoslide figcaption h1,
duo-slideshow .duoslide figcaption h2,
duo-slideshow .duoslide figcaption h3,
duo-slideshow .duoslide figcaption h4,
duo-slideshow .duoslide figcaption h5,
duo-slideshow .duoslide figcaption h1 a,
duo-slideshow .duoslide figcaption h2 a,
duo-slideshow .duoslide figcaption h3 a,
duo-slideshow .duoslide figcaption h4 a,
duo-slideshow .duoslide figcaption h5 a{
  color:white;
  margin:0 0 0.2em 0;
  padding:0;
}
duo-slideshow .duoslide figcaption h2{
  font-size:clamp(22px,4vw,3.2rem);
}
duo-slideshow .duoslide img {
  min-width: 100%;
  max-height: 500px;
  display: block;
  object-fit: cover;
  object-position:center;
  aspect-ratio:2/1;
}

duo-slideshow::part(pager){
  display:none;
}

.slideshow-zoombounce .duoslide {
  display: block;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  transition: 0.5s opacity, 0.5s transform;
  transition-delay: 0.5s;
  transform: scale(0.1, 0.1);
  transform-origin: center 200px;
}
.slideshow-zoombounce .duoslide.active {
  opacity: 1;
  position: relative;
  left: 0;
  z-index: 1;
  transition-delay: 0s;
  transform: scale(1, 1);
}
.slideshow-zoombounce .duoslide.active figcaption {
  animation: 1s ease-out 0s 1 bounce;
}
.slideshow-cube::part(slideshow) {
  perspective: 1000px;
  background: #000;
  overflow: hidden;
}
.slideshow-cube::part(wrapper) {
  transform-style: preserve-3d;
  transform: translateZ(50vw) rotateY(-90deg);
  transition: none;
}
.slideshow-cube::part(wrapper updated) {
  transform: translateZ(50vw) rotateY(0deg);
  transition: 2s transform;
}
.slideshow-cube .duoslide {
  transform: translateX(-50vw) rotateY(90deg);
  transition: 1s opacity;
  backface-visibility: hidden;
}
.slideshow-cube .duoslide.active {
  transform: translateZ(-50vw) rotateY(0deg);
}
.slideshow-tumbler {
  height: 700px;
}
.slideshow-tumbler::part(slideshow) {
  perspective: 1000px;
  background: #000;
  overflow: hidden;
}
.slideshow-tumbler::part(wrapper) {
  transform-style: preserve-3d;
  transform: translateZ(-350px) rotateX(90deg);
  transition: none;
}
.slideshow-tumbler::part(wrapper updated) {
  transform: translateZ(-350px) rotateX(0deg);
  transition: 2s transform;
}
.slideshow-tumbler .duoslide {
  transform: translateY(350px) rotateX(-90deg);
  transition: 1s opacity;
  backface-visibility: hidden;
}
.slideshow-tumbler .duoslide.active {
  transform: translateZ(350px) rotateX(0deg);
}

@keyframes slideswipe {
  0% {
    transform: translateX(50%);
    color: rgba(255,255,255,0);
    opacity: 0;
  }
  10% {
    transform: translateX(0);
    color: rgba(255,255,255,0);
    opacity: 1;
  }
  30% {
    color: #fff;
    opacity: 1;
  }
  100% {
    color: #fff;
    opacity: 1;
  }
}

@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(-800px);
  }
  30% {
    transform: scale(1, 1) translateY(-800px);
  }
  50% {
    transform: scale(1, 1) translateY(0);
  }
  55% {
    transform: scale(1, 0.95) translateY(0);
  }
  65% {
    transform: scale(1, 1.05) translateY(-50px);
  }
  75% {
    transform: scale(1, 1) translateY(0);
  }
  78% {
    transform: scale(1, 1) translateY(-7px);
  }
  82% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.column-dark, .block-dark {
  background: #444;
  color: #fff;
}
.column-no-padding {
  padding: 0;
}
.columns-gap-small {
  gap: 5px;
}
.columns-gap-large {
  gap: 20px;
}
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

 code[class*="language-"],
 pre[class*="language-"] {
   color: #f8f8f2;
   background: none;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   font-size: 1em;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   line-height: 1.5;
 
   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4;
 
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
 }
 
 /* Code blocks */
 pre[class*="language-"] {
   padding: 1em;
   margin: .5em 0;
   overflow: auto;
   border-radius: 0.3em;
 }
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
   background: #272822;
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: .1em;
   border-radius: .3em;
   white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
   color: #8292a2;
 }
 
 .token.punctuation {
   color: #f8f8f2;
 }
 
 .token.namespace {
   opacity: .7;
 }
 
 .token.property,
 .token.tag,
 .token.constant,
 .token.symbol,
 .token.deleted {
   color: #f92672;
 }
 
 .token.boolean,
 .token.number {
   color: #ae81ff;
 }
 
 .token.selector,
 .token.attr-name,
 .token.string,
 .token.char,
 .token.builtin,
 .token.inserted {
   color: #a6e22e;
 }
 
 .token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
 .style .token.string,
 .token.variable {
   color: #f8f8f2;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.function,
 .token.class-name {
   color: #e6db74;
 }
 
 .token.keyword {
   color: #66d9ef;
 }
 
 .token.regex,
 .token.important {
   color: #fd971f;
 }
 
 .token.important,
 .token.bold {
   font-weight: bold;
 }
 .token.italic {
   font-style: italic;
 }
 
 .token.entity {
   cursor: help;
 }
 

.language-shell,.language-nginx,.language-json,.language-sql,.language-html{
  margin:5px;  
}
 

[class*=link-icon] {
  color: var(--link-icon-color);
}
[class*=link-icon]:before {
  content: "";
  display: inline-block;
  margin: 0 0.2em -0.2em 0.1em;
  width: 1.2em;
  height: 1.2em;
  transform: scale(1.2);
  background-color: var(--link-icon-color);
  -webkit-mask-image: var(--link-icon);
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--link-icon);
  mask-repeat: no-repeat;
}
[class*=link-type]:not(.link-type-default)[class*=link-icon] {
  color: #fff;
}
[class*=link-type]:not(.link-type-default)[class*=link-icon]:before {
  margin: 0 0.3em -0.2em -0.1em;
  background-color: #fff;
}
.link-icon-txt {
  --link-icon: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' style='width:100%' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'></path></svg>");
  --link-icon-color: #444;
}
.link-icon-pdf {
  --link-icon: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' style='width:100%' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.2 10.8 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1 255.3c4.1-2.7-2.5-11.9-42.8-9 37.1 15.8 42.8 9 42.8 9z'></path></svg>");
  --link-icon-color: #c00;
}
.link-icon-doc {
  --link-icon: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='file-word' class='svg-inline--fa fa-file-word fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm57.1 120H305c7.7 0 13.4 7.1 11.7 14.7l-38 168c-1.2 5.5-6.1 9.3-11.7 9.3h-38c-5.5 0-10.3-3.8-11.6-9.1-25.8-103.5-20.8-81.2-25.6-110.5h-.5c-1.1 14.3-2.4 17.4-25.6 110.5-1.3 5.3-6.1 9.1-11.6 9.1H117c-5.6 0-10.5-3.9-11.7-9.4l-37.8-168c-1.7-7.5 4-14.6 11.7-14.6h24.5c5.7 0 10.7 4 11.8 9.7 15.6 78 20.1 109.5 21 122.2 1.6-10.2 7.3-32.7 29.4-122.7 1.3-5.4 6.1-9.1 11.7-9.1h29.1c5.6 0 10.4 3.8 11.7 9.2 24 100.4 28.8 124 29.6 129.4-.2-11.2-2.6-17.8 21.6-129.2 1-5.6 5.9-9.5 11.5-9.5zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'></path></svg>");
  --link-icon-color: #4183f8;
}
.link-icon-ppt {
  --link-icon: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='file-powerpoint' class='svg-inline--fa fa-file-powerpoint fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M193.7 271.2c8.8 0 15.5 2.7 20.3 8.1 9.6 10.9 9.8 32.7-.2 44.1-4.9 5.6-11.9 8.5-21.1 8.5h-26.9v-60.7h27.9zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-153 31V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm53 165.2c0 90.3-88.8 77.6-111.1 77.6V436c0 6.6-5.4 12-12 12h-30.8c-6.6 0-12-5.4-12-12V236.2c0-6.6 5.4-12 12-12h81c44.5 0 72.9 32.8 72.9 77z'></path></svg>");
  --link-icon-color: #f26832;
}
.link-icon-xls {
  --link-icon: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='file-excel' class='svg-inline--fa fa-file-excel fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='currentColor' d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm60.1 106.5L224 336l60.1 93.5c5.1 8-.6 18.5-10.1 18.5h-34.9c-4.4 0-8.5-2.4-10.6-6.3C208.9 405.5 192 373 192 373c-6.4 14.8-10 20-36.6 68.8-2.1 3.9-6.1 6.3-10.5 6.3H110c-9.5 0-15.2-10.5-10.1-18.5l60.3-93.5-60.3-93.5c-5.2-8 .6-18.5 10.1-18.5h34.8c4.4 0 8.5 2.4 10.6 6.3 26.1 48.8 20 33.6 36.6 68.5 0 0 6.1-11.7 36.6-68.5 2.1-3.9 6.2-6.3 10.6-6.3H274c9.5-.1 15.2 10.4 10.1 18.4zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'></path></svg>");
  --link-icon-color: #1bb371;
}
.link-icon-arrowright{
  --link-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'></path></svg>");
  --link-icon-color: var(--d-primary,#444);
}
.link-icon-arrowright:before{
  float:right;
  margin:0 -1.5em -.2em .6em;
  transform:scale(1);
}
[class*=link-type].link-type-default.link-icon-arrowright{
  padding-right:2em;
}
.link-icon-arrowleft{
  --link-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'></path></svg>");
  --link-icon-color: var(--d-primary,#444);
}
.link-icon-arrowleft:before{
  transform:scale(1);
}
[class*=link-type] {
  padding: 0.55em 0.75em;
  background: #eee;
  border: 0px;
  font-size: 1em;
  text-decoration: none;
  color: var(--d-primary);
  white-space: nowrap;
  display: inline-block;
  margin: var(--d-button-margins, 4px);
  text-align: center;
  cursor: pointer;
  line-height: 1.25;
  border-radius: var(--d-border-radius, 4px);
  box-shadow: 0 1px 2px rgba(0,0,0,0.5);
  transition: transform 0.2s, box-shadow 0.2s, filter;
}
[class*=link-type]:hover {
  text-decoration: none;
}
[class*=link-type]:focus {
  outline: 0px;
  box-shadow: 0 0 3px #000;
}
[class*=link-type]:active {
  outline: 0px;
  box-shadow: inset 0 4px 4px rgba(0,0,0,0.2);
}
.link-size-smaller {
  font-size: 12px;
  padding: 0.2em 0.7em;
}
.link-size-small {
  font-size: 12px;
}
.link-size-large {
  font-size: 21px;
}
.link-size-block {
  display: block;
  width: 100%;
}
.link-size-blocksmaller {
  font-size: 10px;
  display: block;
  width: 100%;
}
.link-size-blocksmall {
  font-size: 12px;
  display: block;
  width: 100%;
}
.link-size-blocklarger {
  font-size: 21px;
  display: block;
  width: 100%;
}
.link-type-primary,
.link-type-info,
.link-type-success,
.link-type-warning,
.link-type-danger,
.link-type-dark,
.link-type-whiteoutline {
  color: #fff;
}
.link-type-primary[class*=link-icon]:before,
.link-type-info[class*=link-icon]:before,
.link-type-success[class*=link-icon]:before,
.link-type-warning[class*=link-icon]:before,
.link-type-danger[class*=link-icon]:before,
.link-type-dark[class*=link-icon]:before,
.link-type-whiteoutline[class*=link-icon]:before {
  margin: 0 0.3em -0.2em -0.1em;
  background-color: #fff;
  color: #fff;
}
[class*=link-type]:not(.link-type-default).link-icon-arrowright{
  padding-right: 2em;
}
[class*=link-type]:not(.link-type-default).link-icon-arrowright:before{
  margin:0 -1.5em -.2em .6em;
}
.link-type-primary {
  background-color: var(--d-primary, #29e);
}
.link-type-info {
  background-color: var(--d-info, #17a2b8);
}
.link-type-success {
  background-color: var(--d-success, #28a745);
}
.link-type-warning {
  background-color: var(--d-warning, #ffc107);
}
.link-type-danger {
  background-color: var(--d-danger, #dc3545);
}
.link-type-dark {
  background-color: var(--d-dark, #343a40);
}
.link-type-whiteoutline{
  background-color:transparent;
  color:white;
  border:2px solid white;
  transition:all ease 0.3s;
}
.link-type-whiteoutline:hover{
  background:var(--d-primary);
}
.duoEditArea details {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  margin: 10px 0;
}
.duoEditArea details.unpublished{
  opacity: 0.5;
}
.duoEditArea details h1,
.duoEditArea details h2,
.duoEditArea details h3,
.duoEditArea details h4,
.duoEditArea details h5 {
  margin-top: 0px;
}
.duoEditArea details summary {
  position: relative;
  outline: none;
  font-size: 16px;
  background: #fff;
  padding: 20px;
  margin: -20px;
  margin-bottom: -20px;
  border-radius: 5px;
  cursor: pointer;
  color: var(--d-primary);
  transition: background-color 0.5s, margin-bottom 0.5s;
  list-style: none;
  border: 1px solid #009fe3;
  border-right: 50px solid #009fe3
}
.duoEditArea details summary::-webkit-details-marker {
  display: none;
}
.duoEditArea details summary:before {
  display: block;
  content: " ";
  border: 10px solid transparent;
  border-top-color: #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 45%;
  right: -35px;
  transform-origin: 8px 5px;
  transform: rotate(-90deg);
}
.duoEditArea details[open] summary {
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
  background: var(--d-primary);
  color: #fff;
  z-index: 2;
}
.duoEditArea details[open] summary:before {
  transform: rotate(0deg);
}
.duoEditArea details[open] summary ~ * {
  animation: sweep 0.5s ease-in-out;
}
.details-danger,
.duoEditArea details.details-danger {
  color: #b00;
}
.details-danger summary,
.duoEditArea details.details-danger summary {
  background: #b00;
  color: #fff;
}
.details-compact,
.duoEditArea details.details-compact {
  padding: 5px 15px;
}
.details-compact summary,
.duoEditArea details.details-compact summary {
  padding: 5px 15px;
  margin: -5px -15px;
}
.details-compact[open] summary,
.duoEditArea details.details-compact[open] summary {
  margin-bottom: 10px;
}

details.details-blue, .details.details-blue{
  background:var(--d-primary);
  color:white;
  font-weight:normal;
}
details.details-white, .details.details-white{
  background:white;
  color:inherit;
  font-weight:normal;
}
details.details-blue summary, 
details.details-blue .summary,
.details.details-blue summary,
.details.details-blue .summary,
details.details-white summary, 
details.details-white .summary,
.details.details-white summary,
.details.details-white .summary{
  font-size:16px;
  position:relative;
  background-color:var(--d-dark);
  list-style: none;
  border:1px solid var(--d-dark);
  border-right:50px solid var(--d-dark);
}
details.details-blue strong,
.details.details-blue strong,
details.details-white strong,
.details.details-white strong{
  font-size:21px;
  font-weight:normal;
  color:white
}

details.details-blue summary::-webkit-details-marker ,
.details.details-blue summary::-webkit-details-marker,
details.details-white summary::-webkit-details-marker ,
.details.details-white summary::-webkit-details-marker{
    display: none
}
details.details-blue[open] summary, .details.details-blue[open] summary,
details.details-white[open] summary, .details.details-white[open] summary{
  background-color:var(--d-dark);
  color:var(--d-primary);
}
    

details.details-blue summary:before,
.details.details-blue .summary:before,
details.details-white summary:before,
.details.details-white .summary:before{
    display:block;
    content:" ";
    border:10px solid transparent;
    border-top-color:white;
    width:0; 
    height:0;
    position:absolute;
    top:45%;
    right:-35px;
    transform-origin:8px 5px;
    transform:rotate(-90deg);
}
details.details-blue[open] summary:before, .details.details-blue[open] summary:before,
details.details-white[open] summary:before, .details.details-white[open] summary:before{
  transform:rotate(0deg)
}



@-moz-keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -10%;
  }
  50% {
    opacity: 0.01;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -10%;
  }
  50% {
    opacity: 0.01;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-o-keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -10%;
  }
  50% {
    opacity: 0.01;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -10%;
  }
  50% {
    opacity: 0.01;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
.dl_default, .dl_blog {
  container-type: inline-size;
  container-name: dl_default;
}
.dl_default .item,
.dl_blog .item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr;
  gap: 5px 20px;
  grid-template-areas: "image heading" "image date" "image description";
}
.dl_default .item h3,
.dl_blog .item h3 {
  grid-area: heading;
}
.dl_default .item img,
.dl_blog .item img,
.dl_default .item .image-placeholder,
.dl_blog .item .image-placeholder {
  grid-area: image;
  display: block;
  width: 200px;
  height: 100%;
  object-fit: cover;
}
.dl_default .item .description,
.dl_blog .item .description {
  grid-area: description;
  align-self: start;
}
.dl_default .item small,
.dl_blog .item small {
  grid-area: date;
}
.dl_default .item .image-placeholder,
.dl_blog .item .image-placeholder {
  width: 200px;
  height: 100%;
  background-color: #f4f4f4;
  background-image:url('/images/assets/maintenance-logo.svg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:80%;
}
.dl_default hr,
.dl_blog hr {
  border: 2px solid #eee;
  margin: 5px 0;
}
.dl_default .space,
.dl_blog .space {
  height: 5px;
}
.dl_gallery duo-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 10px;
}
.dl_gallery duo-gallery .item {
  display: grid;
  outline: 1px solid #eee;
  overflow: hidden;
}
.dl_gallery duo-gallery .item > * {
  grid-column: 1/2;
  grid-row: 1/2;
}
.dl_gallery duo-gallery .item:hover figcaption {
  background: rgba(0,0,0,0.8);
}
.dl_gallery duo-gallery .item:hover img {
  scale: 1.04;
}
.dl_gallery duo-gallery .item img {
  width: 100%;
  /* height: 200px; */
  /* object-fit: cover; */
  transition: scale 0.3s;
}
.dl_gallery duo-gallery .item figcaption {
  min-width: 0;
  background: rgba(0,0,0,0.6);
  transition: background 0.3s;
  align-self: end;
  padding: 20px;
  color: #fff;
  z-index: 2;
}
.dl_gallery duo-gallery .item h3 {
  font-size: 1.5em;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slider .gallery-panel .item img {
  min-width: 500px;
  border: 10px solid #222;
  background: #222;
  border-bottom: 0;
  height: auto;
}
.slider .gallery-panel .item figcaption {
  min-width: 0;
  background: #111;
  align-self: end;
  padding: 10px;
  color: #fff;
  z-index: 2;
  transform: translate(0, 100%);
  border: 10px solid #222;
  border-top: 0px;
}
.dl_files {
  margin-top: 15px;
}
.dl_files .item p {
  margin: 0 0 5px 0;
}
.dl_files .item a {
  display: block;
  padding: 10px;
  border: 1px solid #eee;
  background: #fff;
  transition: all 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dl_files .item a:hover {
  text-decoration: none;
  background: #f4f4f4;
  border: 1px solid #ddd;
}
.dl_files .item a small {
  font-size: 0.5em;
  padding: 0;
}
.dl_files .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 5px;
}
.dl_files .grid .item p {
  height: 100%;
}
.dl_files .grid .item p a {
  text-align: center;
  height: 100%;
  font-size: 16px;
}
.dl_files .grid .item p a:before {
  font-size: 60px;
  display: block;
  margin: 10px auto;
  transform: scale(1) translate(10px, 0);
  transition: transform 0.3s ease-in-out;
}
.dl_files .grid .item p a:hover:before {
  transform: scale(1.08) translate(10px, -5px);
}
.dl_files .grid small {
  font-size: 0.8em;
}


.dl_news_slider{
  position:relative;
  max-width:100%;
  box-shadow:0 20px 30px rgba(0,0,0,0.1);
  border-radius: 15px;
}
.dl_news_slider .slider-track{
  display:flex;
  gap:0 30px;
  max-width:100%;
  overflow:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-padding:0;
  scroll-snap-type:x mandatory;
  scrollbar-width: none;
}
.dl_news .item,
.dl_news_slider .item{
  display:grid;
  grid-template-columns: 1fr 1fr;
  scroll-snap-align:center;
  scroll-snap-stop:always;
  width:100%;
  min-width:100%;
  background:white;
  border-radius:15px;
  overflow:clip;
}
.dl_news .item{
  /* background:#f4f5f6; */
  margin-bottom:15px;
  /* outline:1px solid #f4f5f6; */
  box-shadow:0 20px 30px rgba(0,0,0,0.1);
}
.dl_news .item .item-image,
.dl_news_slider .item .item-image{
  width:100%;
  height:100%;
  display:block;
}
.dl_news .item img,
.dl_news_slider .item img{
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:3/2;
  overflow:hidden;
}

.dl_news .item a:has(img),
.dl_news_slider .item a:has(img){
  position: relative;
  display:block;
}
.dl_news .item a:has(img)::after,
.dl_news_slider .item a:has(img)::after{
  content:"";
  position: absolute;
  inset:0;
  z-index:2;
  box-shadow:inset 0px 0 100px rgba(80,173,238,0.1);
  border-radius:15px 0 0 15px;
} 

.dl_news .item .item-content{
  padding:20px 30px;
}
.dl_news_slider .item .item-content{
  padding:40px 60px;
}
.dl_news .item .item-content h3,
.dl_news_slider .item .item-content h3{
  font-size:clamp(18px, 2.5vw, 4em);
  margin:0 0 2rem 0;
}
.dl_news .item .item-content h3{
  font-size:clamp(18px,2vw,3rem);
}
.dl_news .item .item-content h3.capitalise,
.dl_news_slider .item .item-content h3.capitalise{
  text-transform:uppercase;
}
.dl_news .item .item-content h3 a,
.dl_news_slider .item .item-content h3 a{
  color:var(--d-textgrey);
}
.dl_news .item .item-content p,
.dl_news_slider .item .item-content p{
  margin:2rem 0;
  font-size:1.1rem;
  line-height:1.5;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  display:-webkit-box;
  text-overflow:ellipsis;
  height:calc(1.5 * 1.1rem * 3);
}
.dl_news .item .item-content a[class*=link-icon-],
.dl_news_slider .item .item-content a[class*=link-icon-]{
  display:inline-block;
  font-size:120%;
}
.dl_news .item .item-content a[class*=link-icon-]:before,
.dl_news_slider .item .item-content a[class*=link-icon-]:before{
  margin-top:0.1rem;
}
.dl_news_slider .prev,
.dl_news_slider .next{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:2rem;
  width:1.5em;
  height:1.5em;
  color:#aaa;
  cursor:pointer;
  z-index:2;
}
.dl_news_slider .prev:hover,
.dl_news_slider .next:hover{
  color:#888;
}
.dl_news_slider .prev{
  right:calc(100% + 20px);
}
.dl_news_slider .next{
  left:calc(100% + 20px);
}

@media (max-width:767px){
  .dl_news_slider .item{
    display:block;
  }
  .dl_news_slider .item .item-image{
    aspect-ratio:3/2;
    height:auto;
  }
  .dl_news_slider .prev,
  .dl_news_slider .next{
    display:none;
  }
}


.dl_partners{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  overflow:hidden;
}
.dl_partners .item{
  margin:-1px 0 0 -1px; /* hide top left borders */
  border:1px solid color-mix(in lab,var(--d-light) 90%,black);
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:110px;
  border-bottom:0px solid transparent;
  border-right-color:transparent;
}

.dl_partners .item img{
  height:70px;
  width:auto;
  object-fit:contain;
}
@media (max-width:767px){
  .dl_partners{
    grid-template-columns:repeat(3,1fr);
  }
  .dl_partners .item{
    min-height:50px;
  }
  .dl_news_slider .item .item-content{
    padding:20px 30px;
  }
}


@container dl_default (width < 600px) {
  .dl_default .item,
  .dl_blog .item {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto 1fr;
    gap: 5px 20px;
    grid-template-areas: "image" "heading" "date" "description";
  }
  .dl_default .item h3,
  .dl_blog .item h3,
  .dl_default .item .description,
  .dl_blog .item .description,
  .dl_default .item small,
  .dl_blog .item small {
    padding-inline: 5px;
  }
  .dl_default .item img,
  .dl_blog .item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-top: 1px solid var(--d-primary);
  }
  .dl_default .item .image-placeholder,
  .dl_blog .item .image-placeholder {
    width: 100%;
    opacity: 1;
    border-top: 1px solid var(--d-primary);
  }
}


pop-up::part(modal) {
  padding: 20px;
}
.popup-padding-none::part(modal) {
  padding: 0px;
}
.popup-padding-small::part(modal) {
  padding: 10px;
}
.popup-padding-large::part(modal) {
  padding: 30px;
}
.popup-colour-dark::part(modal) {
  background: #444;
  color: #fff;
  border-radius: 5px;
}
duo-gallery {
  position: relative;
}

.gallery-layout-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2px;
}

.gallery-layout-grid figure{
  width:100%;
}
.gallery-layout-grid figure img {
  height: 200px;
  object-fit: cover;
}
.duoEditArea li > * {
  margin:5px 5px;
}

.list-style-none{
  list-style:none;
  margin:0;
  padding:0;
}

.list-style-block{
  list-style:none;
  margin:0;
  padding:0;
}

.list-height-small li > * {
  margin:0px 5px;
}

.list-height-large li > * {
  margin:10px 5px; 
}

/* below are read by the chart interface 1-12 */

duo-chart{
  max-width:100%;
  --chart-colour1:#FF1616;
  --chart-colour2:#FF914D;
  --chart-colour3:#FFDE59;
  --chart-colour4:#7ED957;
  --chart-colour5:#5271FF;
  --chart-colour6:#8C52FF;
  --chart-colour7:#7F00FF;
  --chart-opacity:44;
}

/* used on search page */
.pagination {
  display: flex;
  margin-bottom: 20px;
}
.pagination li > a {
  padding: 0.5em 0.8em;
  border: 1px solid #eee;
  margin: 2px;
  color: var(--d-dark);
}
.pagination li.active > a {
  background: var(--d-primary);
  color: #fff;
}
.pagination li > a:hover {
  text-decoration: none;
  border: 1px solid var(--d-primary);
}
.pagination li.disabled > a {
  color: #ddd;
  cursor: not-allowed;
  border: 1px solid #eee;
}
.duoicon-size-auto{
  font-size:1em;  
}

.duoicon-size-medium{
  font-size:5em;  
}

.duoicon-size-large{
  font-size:200px;  
}

.duoicon-align-left{
  text-align:left;
  display:block;
}
.duoicon-align-center{
  text-align:center; 
  display:block; 
}
.duoicon-align-right{
  text-align:right; 
  display:block;
}
.duoicon-align-block{
  display:block; 
}

.duoicon-colour-primary{
  color:var(--d-primary);
}
.duoicon-colour-info{
  color:var(--d-info);
}
.duoicon-colour-success{
  color:var(--d-success);
}
.duoicon-colour-warning{
  color:var(--d-warning);
}
.duoicon-colour-danger{
  color:var(--d-danger);
}
.duoicon-colour-dark{
  color:var(--d-dark);
}
.slidearea{
  position:relative;
}
.banner-ctas{
  display:flex;
  position:absolute;
  bottom:0;
  z-index:2;
  width:100%;
  gap:15px;
  padding:15px;
}
.banner-ctas .banner-cta{
  width:50%;
  display:flex;
  transition:all ease 0.3s;
  &:hover{
    text-decoration:none;
  }
  border-radius:15px;
}
.banner-cta-search{
  background:color-mix(in lab,var(--d-primary),rgba(0,0,100,0.35) 25%);
  justify-content:end;
  &:hover{
    background:var(--d-primary);
  }
}
.banner-cta-join{
  background:color-mix(in lab,var(--d-green),rgba(0,150,0,0.25) 25%);
  &:hover{
    background:var(--d-green);
  }
}
.banner-cta > div{
  width:min(100%,var(--halfcontainer-width,600px));
  padding:30px 40px;
  display:flex;
  gap:30px;
  display:grid;
  grid-template-columns:minmax(50px,25%) 1fr;
}
.banner-cta > div:before{
  content:"";
  display:inline-block;
  aspect-ratio:1/1;
  height:auto;
  width:100%;
  align-self:center;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.banner-cta-join > div:before{
  background-image:url('/images/assets/icons/cta-join.svg');
}
.banner-cta-search > div:before{
  background-image:url('/images/assets/icons/cta-search.svg');
}
.banner-cta > div > span{
  color:white;
  font-size:clamp(18px,3vw,2.75rem);
  font-weight:500;
  text-wrap:balance;
  line-height:1.2;
  align-self:Center;
}

@media (max-width:650px){
  .banner-ctas .banner-cta > div{
    gap:15px;
    padding:15px 20px;
  }
}
@media (max-width:550px){
  .banner-ctas{
    flex-direction:column;
    gap:5px;
    position:relative;
  }
  .banner-ctas .banner-cta{
    width:100%;
  }
  .banner-ctas .banner-cta > div{
    grid-template-columns:40px 1fr;
  }
}
.cta-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 15px;
  margin:60px 0 20px 0;
}
.cta-blue{
  background: var(--d-primary);
}
.cta-green{
  background: var(--d-green);
}
.cta{
  color: #fff;
  padding: 15px 30px;
  border-radius:15px;
}
.cta h2{
  font-size:2.4rem;
}
.cta ul{
  list-style:none;
  margin:30px 0;
  padding:0;
}
.cta ul li{
  margin:0;
  padding:5px 0 5px 30px;
  font-size:1.2rem;
  text-wrap:balance;
  position:relative;
}
.cta ul li:before{
  content:"";
  mask-image:url("data:image/svg+xml;utf8,<svg width='700pt' height='700pt' version='1.1' viewBox='0 0 700 700' xmlns='http://www.w3.org/2000/svg'><path d='m95.988 302.01 128.76 217.73c133.45-208.36 283.28-390.97 419.06-496.32 30.434-28.094 77.258-11.707 44.48 18.73-152.18 156.86-269.23 334.78-388.63 613.38-46.824 32.777-100.67 49.164-126.42 18.73l-168.56-302.01c-23.41-37.457 58.527-124.08 91.305-70.234z'/></svg>");
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:left center;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg width='700pt' height='700pt' version='1.1' viewBox='0 0 700 700' xmlns='http://www.w3.org/2000/svg'><path d='m95.988 302.01 128.76 217.73c133.45-208.36 283.28-390.97 419.06-496.32 30.434-28.094 77.258-11.707 44.48 18.73-152.18 156.86-269.23 334.78-388.63 613.38-46.824 32.777-100.67 49.164-126.42 18.73l-168.56-302.01c-23.41-37.457 58.527-124.08 91.305-70.234z'/></svg>");
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:left center;
  background:white;
  display:inline-block;
  width:24px;
  height:24px;
  position:absolute;
  left:0;
  top:6px;
}
.cta ul li > p{
  display:inline;
}

@media (max-width:767px){
  .cta-wrapper{
    grid-template-columns:1fr;
    gap: 15px;
    margin-top:0;
  }
  .cta h2{
    font-size:1.5rem;
  }
  .cta ul li{
    padding:5px 0 5px 20px;
    font-size:1rem;
  }
  .cta ul li:before{
    width:20px;
    height:20px;
    top:4px;
  }
}

:root{
  --icon-facebook: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/></svg>");
  --icon-twitter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/></svg>");
  --icon-linkedin: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/></svg>");
  --icon-instagram: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/></svg>");
  --icon-pinterest: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path d='M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z'/></svg>");
  --icon-vimeo: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M447.8 153.6c-2 43.6-32.4 103.3-91.4 179.1-60.9 79.2-112.4 118.8-154.6 118.8-26.1 0-48.2-24.1-66.3-72.3C100.3 250 85.3 174.3 56.2 174.3c-3.4 0-15.1 7.1-35.2 21.1L0 168.2c51.6-45.3 100.9-95.7 131.8-98.5 34.9-3.4 56.3 20.5 64.4 71.5 28.7 181.5 41.4 208.9 93.6 126.7 18.7-29.6 28.8-52.1 30.2-67.6 4.8-45.9-35.8-42.8-63.3-31 22-72.1 64.1-107.1 126.2-105.1 45.8 1.2 67.5 31.1 64.9 89.4z'/></svg>");
  --icon-youtube: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/></svg>");
  --icon-tumblr: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z'/></svg>");
  --icon-email: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'/></svg>");
  --icon-reddit :url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z'/></svg>");
  --icon-whatsapp: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/></svg>");
  --icon-phone: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/></svg>");
}

.social-links{
  justify-self:start;
  margin:0 auto 0 0;
  padding:0;
}
a.social-link {
  display: inline-block;
  padding:0 0px 0 0;
}
.social-icon{
  display:flex;
  flex:1;
  width:20px;
  height:20px;
  border-radius:0;
  background:transparent;
  margin:5px;
  align-items:center;
  justify-content:center;
  transition:all ease 0.3s;
  @media (max-width:767px){
    margin:5px 3px;
  }
}
.social-icon:hover:after{
  background:var(--d-primary);
}
.social-icon:after {
  content:"";
  display: inline-block;
  width: 20px;
  height: 20px;
  max-height: 20px;
  background-color: var(--d-featurebar);
  /* padding: 0 15px; */
}
.social-icon.social-icon-facebook:after {
  -webkit-mask: var(--icon-facebook) no-repeat center;
  mask: var(--icon-facebook) no-repeat center;
}
.social-icon.social-icon-twitter:after {
  -webkit-mask: var(--icon-twitter) no-repeat center;
  mask: var(--icon-twitter) no-repeat center;
}
.social-icon.social-icon-linkedin:after {
  -webkit-mask: var(--icon-linkedin) no-repeat center;
  mask: var(--icon-linkedin) no-repeat center;
}
.social-icon.social-icon-instagram:after {
  -webkit-mask: var(--icon-instagram) no-repeat center;
  mask: var(--icon-instagram) no-repeat center;
}
.social-icon.social-icon-pinterest:after {
  -webkit-mask: var(--icon-pinterest) no-repeat center;
  mask: var(--icon-pinterest) no-repeat center;
}
.social-icon.social-icon-vimeo:after {
  -webkit-mask: var(--icon-vimeo) no-repeat center;
  mask: var(--icon-vimeo) no-repeat center;
}
.social-icon.social-icon-youtube:after {
  -webkit-mask: var(--icon-youtube) no-repeat center;
  mask: var(--icon-youtube) no-repeat center;
}
.social-icon.social-icon-tumblr:after {
  -webkit-mask: var(--icon-tumblr) no-repeat center;
  mask: var(--icon-tumblr) no-repeat center;
}
.social-icon.social-icon-email:after {
  -webkit-mask: var(--icon-email) no-repeat center;
  mask: var(--icon-email) no-repeat center;
}
.social-icon.social-icon-reddit:after {
  -webkit-mask: var(--icon-reddit) no-repeat center;
  mask: var(--icon-reddit) no-repeat center;
}
.social-icon.social-icon-whatsapp:after {
  -webkit-mask: var(--icon-whatsapp) no-repeat center;
  mask: var(--icon-whatsapp) no-repeat center;
}
.social-icon.social-icon-phone:after {
  -webkit-mask: var(--icon-phone) no-repeat center;
  mask: var(--icon-phone) no-repeat center;
  max-height:16px;
  /* top:-2px; */
  position:relative;
}
duo-translate{}

duo-translate .duo-translate button[class*="svelte-"]{
  background:transparent;
  color:white;
  border:0;
  padding:6px 12px;
  cursor:pointer;
  font-size:14px;
  line-height:18px;
  height:34px;
  margin:0;
  @media (max-width:767px){
    padding:6px 8px;
  }
}

duo-translate .duo-translate button[class*="svelte-"]:after{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background:var(--d-featurebar);
  mask-image:var(--icon-translate);
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-image:var(--icon-translate);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

duo-translate .backdrop{
  background:rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
}

duo-translate ul.dropdown-menu{
  background:var(--d-dark);
  z-index:3;
  position:absolute;
  list-style: none;
  padding:0;
  margin:0;
  height:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  width:min(100% - 40px,var(--container-width,1200px));
  left:50%;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  border:2px solid var(--d-primary);
}

duo-translate ul.dropdown-menu.open{
  height:auto;
  overflow:auto;
  transition:all ease 0.5s;
  opacity:1;
  pointer-events:all;
}

duo-translate ul.dropdown-menu li{
  padding:3px 15px;
  cursor:pointer;
  color:white;
}

duo-translate ul.dropdown-menu li.active:after{
  content:"✔";
  padding-left:10px;
  color:var(--d-primary);
}
duo-translate ul.dropdown-menu li:hover{
  background:var(--d-primary);
}
duo-translate ul.dropdown-menu li.reset{
  display:flex;
  grid-column: 1/-1;
  justify-content: end;
  font-size:small;
  padding:0;
}
duo-translate ul.dropdown-menu li.reset > span{
  padding:3px 15px;
  background:var(--d-primary);
  background:linear-gradient(to left,var(--d-primary) 0%,var(--d-primary) 200px,transparent 100%);
  width:0;
  min-width:max-content;
  display:inline-block;
  text-align:end;
  transition:width ease 0.5s;
}
duo-translate ul.dropdown-menu li.reset:hover{
  background:transparent;
}
duo-translate ul.dropdown-menu li.reset:hover > span{
  width:100%;
}
.duo-translate ul.dropdown-menu li.reset > span:before{
  content:"×";
  padding-right:10px;
}

duo-translate #google_translate_element{
  width:0;
  height:0;
  opacity:0;
  pointer-events:none;
}

.site-search{
  position:relative;
  height:100%;
}
duo-localsearch{
  display:block;
  height:100%;
}
duo-localsearch form{
  height:100%;
}
duo-localsearch label{
  display:block;
  width:20px;
  height:100%;
  background-color:var(--d-dark);
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/></svg>");
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352c79.5 0 144-64.5 144-144s-64.5-144-144-144S64 128.5 64 208s64.5 144 144 144z'/></svg>");
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
}
duo-localsearch .searchbox{
  position:absolute;
  top:100%;
  right:0;
  background:rgb(240,240,240);
  border:5px solid white;
  height:44px;
  width:270px;
  opacity:0;
  pointer-events:none;
  transition:all ease 0.3s;
  box-shadow:0 10px 10px rgba(0,0,0,0.1);
  outline:1px solid rgba(0,0,0,0.05);
}
duo-localsearch .searchbox.open{
  opacity:1;
  pointer-events:all;
}
duo-localsearch input{
  background:transparent;
  border:0px solid transparent;
  outline:none;
  height:32px;
  line-height:32px;
  color:var(--d-dark);
  padding-right:30px;
  padding-left:10px;
}
duo-localsearch input::placeholder{
  color:color-mix(in lab,var(--d-dark) 75%,white);
}
duo-localsearch button{
  width:20px;
  height:20px;
  position:absolute;
  right:10px;
  top:calc(50% - 10px);
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>");
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>");
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  background:var(--d-dark);
}

@media (max-width:900px){
  .search-wrapper{
    padding-right:50px;
    transition:all ease 0.3s;
  }
  body:has(input:checked ~ .mainmenu) .search-wrapper{
    padding-right:350px;
    pointer-events:none;
  }
}

/* svelte component styling - the button & list */
duo-access{
  display:contents;
}
.duo-access{
  display:inline-block;
  height:100%;
  z-index:2;
  position:relative;
}

.duo-access .backdrop{
  opacity:0;
  pointer-events:none;
  transition: all ease 0.5s
}
.duo-access.active .backdrop{
  opacity:1;
  pointer-events:all;
}
.duo-access > button{
  display:inline-block;
  padding:6px 12px;
  margin:0;
  background:transparent;
  border:0px solid transparent;
  width:auto;
  line-height:30px;
  color:var(--d-featurebar);
  @media (max-width:767px){
    padding:6px 8px;
    & > span{
      display:none;
    }
    &:before{
      content:"";
      display:inline-block;
      width:20px;
      height:28px;
      background:white;
      mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm161.5-86.1c-12.2-5.2-26.3 .4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3l0 50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1c-1.4-4.1-2.1-8.3-2.1-12.6l0-50.1c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6L338.7 175c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'/></svg>");
      -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm161.5-86.1c-12.2-5.2-26.3 .4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3l0 50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1c-1.4-4.1-2.1-8.3-2.1-12.6l0-50.1c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6L338.7 175c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80 40 40 0 1 0 0 80z'/></svg>");
      mask-size:contain;
      mask-position:center;
      mask-repeat:no-repeat;
      -webkit-mask-size:contain;
      -webkit-mask-position:center;
      -webkit-mask-repeat:no-repeat;
    }
  }
}
.duo-access > button:hover{
  background-size:150%;
}
.duo-access > button.shake{
  animation-name: shake;
  animation-delay: 1s;
  animation-iteration-count: 2;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(.36,.07,.19,.97);
  box-shadow: none;
}
.duo-access > ul{
  list-style: none;
  margin: 0;
  padding: 0;
  background: black;
  color: white;
  /* position:fixed; */
  /* right:0;
  top:0; */
  /* transform:translateX(100%); */
  z-index:-1;
  transition:all ease 0.3s;
  height:0;
  overflow: hidden;
  position:absolute;
  right:0;
  width:max-content;
}
.duo-access > ul li{
  display: block;
  position: relative;
  border-left: 3px solid black;
  border-bottom: 1px solid black;
}
.duo-access > ul li button,
.duo-access > ul > li > .dropdown button{
  width: 100%;
  border: 0px solid transparent;
  padding: 5px 10px;
  background: transparent;
  text-align: left;
  color:white;
}
.duo-access > ul li button span.fa{
  display: inline-block;
  width: 15px;
  margin-right:5px;
  height:20px;
  mask-size:contain;
  -webkit-mask-size:contain;
  mask-position:center;
  -webit-mask-position:center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat:no-repeat;
  background-color:white;
}
.duo-access > ul li button span.access-readable{
  font-family: "Times New Roman",Times;
  font-size:16px;
  width:20px;
  margin-right:5px;
}
.duo-access > ul li button span.fa-search-plus{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zm-232 88c0 13.3 10.7 24 24 24s24-10.7 24-24v-64h64c13.3 0 24-10.7 24-24s-10.7-24-24-24h-64v-64c0-13.3-10.7-24-24-24s-24 10.7-24 24v64h-64c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zm-232 88c0 13.3 10.7 24 24 24s24-10.7 24-24v-64h64c13.3 0 24-10.7 24-24s-10.7-24-24-24h-64v-64c0-13.3-10.7-24-24-24s-24 10.7-24 24v64h-64c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z'/></svg>");
}
.duo-access > ul li button span.fa-barcode{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M24 32C10.7 32 0 42.7 0 56v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24H24zm88 0c-8.8 0-16 7.2-16 16v416c0 8.8 7.2 16 16 16s16-7.2 16-16V48c0-8.8-7.2-16-16-16zm72 0c-13.3 0-24 10.7-24 24v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-16zm96 0c-13.3 0-24 10.7-24 24v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-16zm168 24v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24zm-64-8v416c0 8.8 7.2 16 16 16s16-7.2 16-16V48c0-8.8-7.2-16-16-16s-16 7.2-16 16z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M24 32C10.7 32 0 42.7 0 56v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24H24zm88 0c-8.8 0-16 7.2-16 16v416c0 8.8 7.2 16 16 16s16-7.2 16-16V48c0-8.8-7.2-16-16-16zm72 0c-13.3 0-24 10.7-24 24v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-16zm96 0c-13.3 0-24 10.7-24 24v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-16zm168 24v400c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-16c-13.3 0-24 10.7-24 24zm-64-8v416c0 8.8 7.2 16 16 16s16-7.2 16-16V48c0-8.8-7.2-16-16-16s-16 7.2-16 16z'/></svg>");
}
.duo-access > ul li button span.fa-adjust{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M448 256c0-106-86-192-192-192v384c106 0 192-86 192-192zm64 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M448 256c0-106-86-192-192-192v384c106 0 192-86 192-192zm64 0c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256z'/></svg>");
}
.duo-access > ul li button span.fa-eye{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4 142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1 3.3-7.9 3.3-16.7 0-24.6-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zm144 224c0 79.5-64.5 144-144 144s-144-64.5-144-144 64.5-144 144-144 144 64.5 144 144zm-144-64c0 35.3-28.7 64-64 64-11.5 0-22.3-3-31.6-8.4-.2 2.8-.4 5.5-.4 8.4 0 53 43 96 96 96s96-43 96-96-43-96-96-96c-2.8 0-5.6.1-8.4.4 5.3 9.3 8.4 20.1 8.4 31.6z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4 142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1 3.3-7.9 3.3-16.7 0-24.6-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zm144 224c0 79.5-64.5 144-144 144s-144-64.5-144-144 64.5-144 144-144 144 64.5 144 144zm-144-64c0 35.3-28.7 64-64 64-11.5 0-22.3-3-31.6-8.4-.2 2.8-.4 5.5-.4 8.4 0 53 43 96 96 96s96-43 96-96-43-96-96-96c-2.8 0-5.6.1-8.4.4 5.3 9.3 8.4 20.1 8.4 31.6z'/></svg>");
}
.duo-access > ul li button span.fa-link{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6 31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0l112.3-112.3zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5 50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l112.2-112.3c31.5-31.5 82.5-31.5 114 0 27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6 31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0l112.3-112.3zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5 50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l112.2-112.3c31.5-31.5 82.5-31.5 114 0 27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/></svg>");
}
.duo-access > ul li button span.fa-undo{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M48.5 224H40c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2S50.1 48.1 57 55l41.6 41.6c87.6-86.5 228.7-86.2 315.8 1 87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2S177.7 224 168 224H48.5z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M48.5 224H40c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2S50.1 48.1 57 55l41.6 41.6c87.6-86.5 228.7-86.2 315.8 1 87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2S177.7 224 168 224H48.5z'/></svg>");
}
.duo-access > ul li button span.fa-check{
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>");
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>");
}
.duo-access > ul li button.active{
  background: white;
}
.duo-access > ul li button.active button{
  color: black;
}
.duo-access > ul li button.active button span.fa{
  background-color: black;
}
.duo-access > ul li .dropdown .dropdown-menu{
  display: block;
  position: absolute;
  left: calc(100% + 20px);
  top: 0;
  background: black;
}
.duo-access > ul li .dropdown .dropdown-menu:after{
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: -10px;
  width: 0;
  height: 0;
  border-right: 9px solid black;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.duo-access.active .backdrop{
  z-index:2;
}
.duo-access.active > ul{
  /* transform:translateX(0);
  z-index:100; */
  height:auto;
  overflow:visible;
  z-index:3;
}


html[class*="duo-access-"] .duo-access > ul li.active{
  background:white;
}
html[class*="duo-access-"] .duo-access > ul li.active button{
  color:black;
}
html[class*="duo-access-"] .duo-access > ul li.active button span.fa{
  background-color:black;
}


/* @media (max-width:767px){
  .duo-access{
    top:10px;
    left:calc(100vw - 65px);
  }
} */

@media (max-width: 991px){
  duo-access > ul li .dropdown .dropdown-menu{
    left: 0;
    top: -350%;
  }
  duo-access > ul li .dropdown .dropdown-menu:after{
    top: auto;
    bottom: -10px;
    right: auto;
    left: 10px;
    transform: rotate(90deg);
  }
}

@keyframes shake {
  0% { transform: rotate(0) scale(1); box-shadow:0 0 0px white; }
  15% { transform: rotate(5deg) scale(1.05); box-shadow:0 0 2px white; }
  30% { transform: rotate(-5deg) scale(1.1); box-shadow:0 0 4px white; }
  45% { transform: rotate(4deg) scale(1.15); box-shadow:0 0 6px white; }
  60% { transform: rotate(-4deg) scale(1.2); box-shadow:0 0 8px white; }
  75% { transform: rotate(2deg) scale(1.15); box-shadow:0 0 6px white; }
  85% { transform: rotate(-2deg) scale(1.1); box-shadow:0 0 4px white; }
  92% { transform: rotate(1deg) scale(1.05); box-shadow:0 0 2px white; }
  100% { transform: rotate(0) scale(1); box-shadow:0 0 0px white; }
}

html.duo-access-greyscale{
  filter: grayscale(100%);
}

html.duo-access-underline a{
  text-decoration: underline;
}

html.duo-access-readable *{
  font-family:Arial, Helvetica, sans-serif;
}
html.duo-access-readable body{
  line-height:1.75;
}

/* high contrast styles */
/* html.duo-access-highcontrast,
html.duo-access-negative{
  mix-blend-mode: luminosity;
} */
html.duo-access-highcontrast body,
html.duo-access-negative body{
  background:white;
  color:black;
}
html.duo-access-highcontrast *,
html.duo-access-negative *{
  color:black;
}
html.duo-access-highcontrast .block-darkblue *,
html.duo-access-negative .block-darkblue *,
html.duo-access-highcontrast .navbar-features *,
html.duo-access-negative .navbar-features *{
  color:white;
}
html.duo-access-highcontrast .block-accent,
html.duo-access-negative .block-accent{
  background:color-mix(in lab, var(--d-primary), white 50%);
}
html.duo-access-highcontrast footer,
html.duo-access-highcontrast footer a,
html.duo-access-negative footer,
html.duo-access-negative footer a{
  color:white;
}

/* negative contrast styles */
html.duo-access-negative{
  filter:invert();
}

html.duo-access-highcontrast *.access-hc-black{
  color:black;
}
html.duo-access-highcontrast *.access-hc-white{
  color:white;
}
html.duo-access-highcontrast *.access-hc-bg-black{
  background:black;
}
html.duo-access-highcontrast *.access-hc-bg-white{
  background:white;
}
.toolbar.svelte-2bqwqf{
    border-top:1px solid #eee;
    padding-top:10px;
    margin-top:20px;
  }
  .forgotlink.svelte-2bqwqf{
    display:inline-block;
    padding:10px;
  }


  .strengthrow.svelte-yvtec3{
    margin:0 5px 0 170px;
    --s-button-margins:0px;
  }

  @media only screen and (max-width: 600px) {
    .strengthrow.svelte-yvtec3{
     margin:0 5px 0 5px;
    }
  }



  body.size2{
    font-size:18px; 
  }
  body.size3{
    font-size:21px; 
  }


  .userdetails-toolbar.svelte-1pfkk7p{
    display:flex;
    justify-content:flex-end;
    margin:5px 0;
  }


  .toolbar.svelte-5rvvpo{
    text-align:right;
  }
  .gridcols.svelte-5rvvpo{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(min(400px,100%), 1fr));
  }
  .comments.svelte-5rvvpo{
    display:grid;
    gap:5px;
  }

  form.svelte-5rvvpo,.comment.svelte-5rvvpo{
    padding:10px;
    margin-top:10px;
    padding:10px;
    border-radius:8px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  }

  form.svelte-5rvvpo{
    margin-bottom:20px;
  }

  .comment.svelte-5rvvpo{
    display:grid;
    gap:2px;
    position: relative;
    grid-template-areas: 
      "content content"
      "when author";
  }
  .content.svelte-5rvvpo{
    grid-area: content;
    border-radius:4px;
    padding:10px;
    white-space: pre-wrap;
    background:#fff;
  }
  .author.svelte-5rvvpo{
    padding:0px 10px;
    grid-area: author;
    text-align:right;
    font-size:12px;
  }
  .when.svelte-5rvvpo{
    padding:0px 10px;
    grid-area: when;
    font-size:12px;
  }
  .tools.svelte-5rvvpo{
    --s-button-margins:0px;
    text-align:right;
  }

  .edittxt.svelte-5rvvpo{
    width:calc(100% + 30px);
    margin:-15px;
    border:0px;
    padding:15px;
  }


.archive.svelte-112g8wj{
  margin-bottom:10px;
}
details.svelte-112g8wj {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 10px;
  border-radius: 5px;
  background: #fff;
  margin-top: 5px;
}
details.svelte-112g8wj summary:where(.svelte-112g8wj) {
  position: relative;
  outline: none;
  font-size: 16px;
  background: #fff;
  padding: 10px;
  margin: -10px;
  margin-bottom: -10px;
  border-radius: 5px;
  cursor: pointer;
  color: var(--d-primary);
  transition: background-color 0.5s, margin-bottom 0.5s;
  list-style: none;
}
details.svelte-112g8wj summary:where(.svelte-112g8wj)::-webkit-details-marker {
  display: none;
}
details.svelte-112g8wj summary:where(.svelte-112g8wj):before {
  display: block;
  content: " ";
  border: 5px solid transparent;
  border-top-color: currentColor;
  width: 0;
  height: 0;
  position: absolute;
  top: 17px;
  right: 15px;
  transform-origin: 5px 3px;
  transition: transform 0.3s;
  transform: rotate(-90deg);
}
details[open].svelte-112g8wj summary:where(.svelte-112g8wj) {
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
  background: var(--d-primary);
  color: #fff;
  z-index: 2;
}
details[open].svelte-112g8wj summary:where(.svelte-112g8wj):before {
  transform: rotate(0deg);
}
details[open].svelte-112g8wj summary:where(.svelte-112g8wj) ~ :where(.svelte-112g8wj) {
  animation: sweep 0.5s ease-in-out;
}

.yearlist.svelte-112g8wj{
  list-style:none;
  margin:0 -10px;
  padding:0;
}
.yearlist.svelte-112g8wj a:where(.svelte-112g8wj){
  display:block;
  color:var(--d-primary);
  padding:5px 10px;
}
.yearlist.svelte-112g8wj a:where(.svelte-112g8wj):hover{
  text-decoration: none;
  background:#eee;
}
li.active.svelte-112g8wj{
  font-weight:600;
}



  .tags.svelte-199fblh{
    margin-bottom:10px;
  }
  .tagwrap.svelte-199fblh{
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    margin-top: 5px;
  }




  .times.svelte-1lv4zsn{
    flex:1;
    display:flex;
    flex-direction: column;
    min-height:180px;
  }
  .timeslot.svelte-1lv4zsn {
    flex:1;
    display:flex;
    flex-direction: row;
    position:relative;
  }
  .time.svelte-1lv4zsn{
    width:50px;
    position:relative;
  }
  .label.svelte-1lv4zsn{
    position:absolute;
    top:-50%;
  }
  .line.svelte-1lv4zsn{
    flex:1;
    border-top:1px solid #eee;
  }
  .chosen.svelte-1lv4zsn{
    border-right:4px solid var(--d-primary);
  }
  .usage.svelte-1lv4zsn{
    background-image:repeating-linear-gradient(-45deg, #eee, #eee 7px, #fff 7px, #fff 14px);
    background-repeat:no-repeat;
    height:100%;
  }


  .wrapper.svelte-47e8q2{
    padding:10px;
    border:1px solid #eee;
    margin:0;
  }
  .content.svelte-47e8q2{
    display:flex;
    flex-wrap: wrap;
    gap:10px;
  }
  .calcol.svelte-47e8q2{
    border:1px solid #eee;
    padding:5px 10px;
  }
  h4.svelte-47e8q2{
    background:#f5f5f5;
    border-bottom:1px solid #eee;
    margin:-10px -10px 10px -10px;
    padding:10px 15px;
  }
  .availcol.svelte-47e8q2{
    flex:1;
    flex-basis:300px;
    display:flex;
    flex-direction: column;
    padding:10px;
  }
  h5.svelte-47e8q2{
    margin:0;
    padding:0px 0 15px 0;
    font-size:1em;
  }
  .bookingcol.svelte-47e8q2{
    padding:10px;
    flex:1;
    flex-basis:300px;
  }

  .mybookings.svelte-47e8q2{
    width:100%;
    max-width:100%;
    border-collapse: collapse;
  }
  .mybookings.svelte-47e8q2 thead:where(.svelte-47e8q2) td:where(.svelte-47e8q2):first-child{
    width:10%;
  }
  .mybookings.svelte-47e8q2 thead:where(.svelte-47e8q2) tr:where(.svelte-47e8q2){
    border-bottom:1px solid #ddd;
    font-weight: bold;
  }
  .mybookings.svelte-47e8q2 tbody:where(.svelte-47e8q2) tr:where(.svelte-47e8q2):nth-child(odd){
    background:#f9f9f9
  }
  



.toolbar.svelte-19zg9mj{
  display:flex;
  justify-content: flex-end;
  align-items: center;
  gap:15px;
}




  :root{
    box-sizing: border-box;
  }
  .totalline.svelte-ytxqzb{
    background:#eee;
  }
  .table.svelte-ytxqzb > thead:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > th:where(.svelte-ytxqzb), .table.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb), .table.svelte-ytxqzb > tfoot:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb) {
    padding: 8px;
    vertical-align: top;
  }

  .table.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb), .table.svelte-ytxqzb > tfoot:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb) {
    border-top: 1px solid #ddd; 
  }

  .table.svelte-ytxqzb > thead:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > th:where(.svelte-ytxqzb) {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd;
  }

  th.svelte-ytxqzb{
    text-align: left;
  }
  .form-control.svelte-ytxqzb{
    display: block;
    padding: 0.2rem 0.75rem;
    line-height: 1.25;
    font-size: 1rem;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: var(--d-border-radius,4px);
    box-sizing: inherit;
    width: calc(100% - 1.5em);
  }

  table.table.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb){
    vertical-align: middle;
  }
  button.remove.svelte-ytxqzb{
    border:0;
    padding:10px;
    background:transparent;
    color:#777;
    cursor:pointer;
  }
  button.remove.svelte-ytxqzb:hover{
    color:black;
  }

  .table.svelte-ytxqzb{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
  }

  .table-striped.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb):nth-of-type(odd) {
    background-color: #f9f9f9;
  }

  .nowrap.svelte-ytxqzb{
    white-space: nowrap;
  }

  /*mobile*/
  @media(max-width:900px){
    .hidden-sm.svelte-ytxqzb{
      display:none;
    }
    .table.svelte-ytxqzb{
      font-size:12px;
    }
    .table.svelte-ytxqzb .form-control:where(.svelte-ytxqzb){
      font-size:12px;
      padding:0.2em 0.75em;
    }
  }



  .buy.svelte-qa1ynh{
    display:flex;
    width:180px;
    margin:5px;
  }
  input.svelte-qa1ynh,button.svelte-qa1ynh{
    padding:8px 10px;
    font-size:14px;
    border:1px solid var(--s-primary,#444);
  }
  input.svelte-qa1ynh{
    width:50px;
    border-radius:5px 0 0 5px;
    text-align: center;
  }
  button.svelte-qa1ynh{
    flex:100;
    background:#2299ee;
    background:var(--s-primary,#444);
    color:white;
    border-radius:0 5px 5px 0;
  }
  button.svelte-qa1ynh:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,0.1)
  }


  .steps.svelte-1txbbbh{
    --s-border-radius: 0px;
    --s-button-margins: 0px;
  }
  .steps.svelte-1txbbbh > button{
    flex:1;
    width: 100%;
    margin-right:-1px;
  }
  /* desktop */
  @media(min-width:900px){
    .steps.svelte-1txbbbh{
      display: flex;
      width: 100%;
      margin-right:1px;
    }
  }
  /* mobile */
  @media(max-width: 600px){
    .addresses.svelte-1txbbbh{
      --s-labelwidth:0px;
    }
  }

  .addresses.svelte-1txbbbh{
    display:grid;
    margin:5px;
    grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );
    gap:20px;
  }



  @media(min-width:800px){
    .search.svelte-yhback{
      width:200px;
      position:absolute;
      top:0px;
      right:0;
    }
  }
  h5.svelte-yhback{
    cursor:pointer;
    font-weight:bold;
  }
  h5.svelte-yhback:hover{
    text-decoration:underline;
  }



  .sbreadcrumb.svelte-1d7i6i9{
    padding:0;
    margin:0;
    background:white;
    border:2px solid #eee;
    margin-bottom:20px;
    list-style:none;
  }
  .sbreadcrumb.svelte-1d7i6i9 li:where(.svelte-1d7i6i9){
    margin:0;
    display:inline-block;
  }

  .sbreadcrumb.svelte-1d7i6i9 button:where(.svelte-1d7i6i9){
    border:0px;
    padding:6px 12px;
    font-size:16px;
    line-height:1.5;
    cursor:pointer;
    color:#555;
    background:transparent;
  }

  .sbreadcrumb.svelte-1d7i6i9 > li:where(.svelte-1d7i6i9) + li:where(.svelte-1d7i6i9):before{
    content: '/\00a0';
    padding: 0 5px;
    color: #ccc;
  }

  .forum.svelte-1d7i6i9{
    position:relative;
  }

  .forum.svelte-1d7i6i9 .edit{
    position:absolute;
    bottom:2px;
    right:5px;
  }
  .forum.svelte-1d7i6i9 .edit button{
    margin:0
  }
  .forum.svelte-1d7i6i9 img[alt=icon]{
    float:left;
    max-width:100px;
    margin:0 10px 10px 0;
  }
  .forum.svelte-1d7i6i9 .preview{
    overflow:hidden; /* prevent float on icon cause overlap */
  }
  .post.svelte-1d7i6i9{
    border:2px solid #eee;
    background:white;
    padding:10px 15px;
    margin:10px 0;
    transition:0.5s border;
    position: relative;
  }

  .clickinto.svelte-1d7i6i9{
    cursor:pointer;
  }

  .post.svelte-1d7i6i9:hover{
    border:2px solid #aaa;
  }

  .post.svelte-1d7i6i9:hover .details:where(.svelte-1d7i6i9){
    background:#ddd;
  }
  .details.svelte-1d7i6i9,.toolbar.svelte-1d7i6i9{
    background:#eee;
    padding:5px 15px;
    margin:10px -15px -10px -15px;
    font-size:12px;
    transition:0.5s background;
    
  }
  .toolbar.svelte-1d7i6i9{
    text-align:right;
  }
  .unpublished.svelte-1d7i6i9{
    position:absolute;
    top:5px;
    right:5px;
    pointer-events: none;
    padding:3px 8px;
    font-size:12px;
    border:1px solid #ddd;
    border-radius: 3px;
  }
  .spinner.svelte-1d7i6i9{
    border:4px solid #444;
    border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.3) rgba(0,0,0,0.2) rgba(0,0,0,0.1);
    border-radius:50%;
    width:18px;
    height:18px;
    display:inline-block;
    animation:svelte-1d7i6i9-spin 1s infinite linear;
    margin-bottom:-4px;
  }
  @keyframes svelte-1d7i6i9-spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
  }


  .d-icon.svelte-8mwtv4{
    height:1em;
    display: inline-flex;
    align-self: center;
    position:relative;
    top:0.15em;
    -webkit-font-smoothing:antialiased;
  }
  .d-icon.svelte-8mwtv4 svg{
    height:100%;
    shape-rendering: geometricPrecision;
  }


  .dspin.svelte-pubq6 {
    animation:svelte-pubq6-dspin 1s linear infinite;
    transform-origin: 50% 50%;
  }
  @keyframes svelte-pubq6-dspin { 100% { transform:rotate(360deg); } }



  svg.svelte-1pdnixf{
    fill:currentColor;
    stroke:currentColor;
    stroke-width:4px;
  }  


  .svelte-1fthriu{
    box-sizing: border-box;
  }

.salert.svelte-1fthriu{
  padding:12px 15px;
  position:relative;
  color:var(--alert-color,#444);
  margin:10px 0px;
  border-radius:5px;
  isolation:isolate;
  transition:max-height 0.5s,opacity 0.5s,padding 0.5s,margin-bottom 0.5s,transform 0.5s;
}
.salert.svelte-1fthriu:first-child{
  margin-top:0!important
}
.salert.svelte-1fthriu:last-child{
  margin-bottom:0!important
}



@supports(background-color:color-mix(in srgb, var(--alert-color) 20%, white)){

  .salert.info.svelte-1fthriu{
    --alert-color:var(--alert-info,#d9edf7);
  }
  .salert.warning.svelte-1fthriu{
    --alert-color:var(--alert-warning,#ffe69c);
  }
  .salert.success.svelte-1fthriu{
    --alert-color:var(--alert-success,#ccf8e4);
  }
  .salert.danger.svelte-1fthriu{
    --alert-color:var(--alert-danger,#ffd9dd);
  }
  .salert.dark.svelte-1fthriu{
    --alert-color:var(--alert-dark,#ced4da);
  }
  .salert.svelte-1fthriu{
    background:var(--alert-color);
    color:color-mix(in lch, var(--alert-color) 0%, var(--text-color,lch(40 40 none)));
    border:1px solid color-mix(in lch, var(--alert-color) 0%, lch(85 20 none));
  }
}


.salert.svelte-1fthriu h1,.salert.svelte-1fthriu h2,.salert.svelte-1fthriu h3,.salert.svelte-1fthriu h4,.salert.svelte-1fthriu h5,.salert.svelte-1fthriu h6,.salert.svelte-1fthriu p{
  margin:0 0 10px 0;
}

  .close.svelte-1fthriu{
    background:transparent;
    border:0px;
    font-size:24px;
    font-weight:bold;
    position:absolute;
    right:0px;
    top:0px;
    padding:4px 10px;
    cursor:pointer;
    opacity:0.5
  }
  .close.svelte-1fthriu:hover{
    opacity:1;
  }
  .hiding.svelte-1fthriu{
    overflow:hidden;
    max-height:0!important;
    opacity:0;
    padding:0 15px;
    margin-bottom:0;
    transform-origin: top;
    transform: scale(1,0)
  }



/* OLD CSS BELOW - can be removed when color-mix is better supported */
@supports not (background-color:color-mix(in srgb, var(--alert-color) 20%, white)){
  .salert.info.svelte-1fthriu{
    --alert-color:#055160 
  }
  .salert.warning.svelte-1fthriu{
    --alert-color:#664d03
  }
  .salert.success.svelte-1fthriu{
    --alert-color:#0f5132
  }
  .salert.danger.svelte-1fthriu{
    --alert-color:#842029
  }
  .salert.dark.svelte-1fthriu{
    --alert-color:#141619
  }

  .salert.svelte-1fthriu:after{
    content:'';
    position:absolute;
    inset:0;
    background:var(--alert-color,#444);
    border-radius:inherit;
    filter:brightness(240%) saturate(2) opacity(0.25);
    z-index:-1;
  }
  .salert.svelte-1fthriu:before{
    content:'';
    position:absolute;
    inset:0;
    border:1px solid var(--alert-color,#444);
    border-radius:inherit;
    filter:brightness(200%) saturate(2) opacity(0.2);
    z-index:-1;
    background:white;
  }
}


  .alertwrap.svelte-eekf4q{
    margin:5px 0;
  }
  .alertwrap.svelte-eekf4q .salert{
    padding:0;
    --s-formrow-margins:5px;
  }


  .sbtn.svelte-d623es{
    border:1px solid #ccc;
    position: relative;
    box-sizing: border-box;
    padding:6px 12px;
    background:#fff;
    font-size: 14px;
    text-decoration: none;
    color:#333;
    white-space: nowrap;
    display: inline-block;
    margin:var(--s-button-margins,4px);
    text-align: center;
    cursor: pointer;
    line-height:1.25;
    border-radius:var(--s-border-radius,4px);
    box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
    transition:box-shadow 0.2s;
    line-height:20px;
    height:34px;
    vertical-align: middle;
  }

  /* .sbtn    :global(svg){ height:15px; margin:0 2px; display:inline-block;vertical-align: middle;}

  .sbtn.xs :global(svg){ height:10px;width:10px;}
  .sbtn.sm :global(svg){ height:12px;width:12px;}
  .sbtn.lg :global(svg){ height:21px;width:21px;} */

  .sbtn.svelte-d623es:disabled{
    opacity:0.5;
    cursor:not-allowed;
  }
  .sbtn.svelte-d623es:disabled:hover{
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
  }
  .sbtn.svelte-d623es:hover{box-shadow:0 0 4px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.2);} 
  .sbtn.svelte-d623es:focus{outline:0px;box-shadow:0 0 3px rgba(0,0,0,0.5)}
  .sbtn.svelte-d623es:active{ outline:0px; box-shadow:inset 0 4px 4px rgba(0,0,0,0.2);} 
  .xs.svelte-d623es{font-size:10px; padding:2px 7px;height:21px;line-height:12px;}
  .sm.svelte-d623es{font-size:12px; padding:0px 10px;height:26px;line-height:16px;}
  .lg.svelte-d623es{font-size:21px; padding:10px 20px;height:52px;line-height:30px;}
  .block.svelte-d623es{display:block;width:100%;}

  .primary.svelte-d623es,.info.svelte-d623es,.success.svelte-d623es,.warning.svelte-d623es,.danger.svelte-d623es,.dark.svelte-d623es{
    color:white;
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
  }   
 
  .primary.svelte-d623es{border-color:#2299ee;background-color:#2299ee; background-color:var(--s-primary,#2299ee);border-color:var(--s-primary,#2299ee)}
  .info.svelte-d623es{border-color:#17a2b8;background-color:#17a2b8; background-color:var(--s-info,#17a2b8);border-color:var(--s-info,#17a2b8);}
  .success.svelte-d623es{border-color:#28a745;background-color:#28a745; background-color:var(--s-success,#28a745);border-color:var(--s-success,#28a745);}
  .warning.svelte-d623es{border-color:#ffc107;background-color:#ffc107; background-color:var(--s-warning,#ffc107);border-color:var(--s-warning,#ffc107);}
  .danger.svelte-d623es{border-color:#dc3545;background-color:#dc3545; background-color:var(--s-danger,#dc3545);border-color:var(--s-danger,#dc3545);}
  .dark.svelte-d623es{border-color:#343a40;background-color:#343a40; background-color:var(--s-dark,#343a40);border-color:var(--s-dark,#343a40);}


  .svelte-cspwm2 {
     box-sizing: border-box
   }
  .wrapper.svelte-cspwm2 {
    display: inline-block;
  }
  .toolbar.svelte-cspwm2{
    display:flex;
    width:100%;
  }
  .toolbar.svelte-cspwm2 > :where(.svelte-cspwm2){
    margin:0px;
  }
  .month.svelte-cspwm2{
    text-align-last: right;
  }
  button.svelte-cspwm2{
    font-size:14px;
    padding:6px 9px;
    border:0px;
    background:var(--duo-background,white);
  }
  .toolbar.svelte-cspwm2 > button:where(.svelte-cspwm2){
    width:0px;
    padding:6px 9px;
    width:15%;
  }
  select.svelte-cspwm2{
    -webkit-appearance: none;
    appearance: none;
    font-size:14px;
    padding:6px 5px;
    border:0px;
    background:var(--duo-background,white);
    width:35%;
  }
  table.svelte-cspwm2{
    table-layout: fixed;
    border-collapse: collapse;
    margin:5px;
    font-size:14px;
  }
  td.svelte-cspwm2,th.svelte-cspwm2{
    font-size:14px;
    padding:0;
    text-align:center;
  }
  td.svelte-cspwm2 button:where(.svelte-cspwm2){
    display:block;
    width:100%;
    border:0px;
    border-radius:3px;
    
  }
  td.svelte-cspwm2 button.today:where(.svelte-cspwm2){
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
  }
  td.svelte-cspwm2 button.active:where(.svelte-cspwm2){
    background:#2299ee;
    background:var(--s-primary,#2299ee);
    color:white;
  }



  .chart.svelte-8atcib {
    display:inline-grid;
  }
  .chart.svelte-8atcib > :where(.svelte-8atcib) {
    grid-column:1 / 2;
    grid-row:1 / 2;
    align-self:center;
    justify-self: center;
  }

  .ring.svelte-8atcib {
    opacity: 0.5;
    stroke-width:3;
    fill:transparent;
  }

  .segment.svelte-8atcib {
    opacity: 1;
    transform-origin: center;
    stroke-dasharray: 0, 100;
    stroke-dashoffset:25;
    animation: svelte-8atcib-donut var(--duration,3s) linear forwards;
  }

  @keyframes svelte-8atcib-donut {
    to {
      stroke-dasharray: 100, 0;
    }
  }


.duo-toolbar.svelte-1caxla8{
  display:flex;
  justify-items: stretch;
  margin:0 -8px;
}
.duo-toolbar.svelte-1caxla8 > *{
  flex:1;
  margin:0 5px;
}


.cookie-banner.svelte-1uk6o7x{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.8);
  padding:25px;
  color:white;
  display:flex;
  flex-wrap:wrap;
  font-size:14px;
  gap:15px;
  font-weight:400;
  z-index:1059;
}
.message.svelte-1uk6o7x{
  flex:1 1 400px;
}

.message.svelte-1uk6o7x::slotted{
  color:white;
  font-weight:400;
}
.options.svelte-1uk6o7x{
  display:flex;
  gap:5px;
  align-items: center;
  justify-content: center
}
.modal-body.svelte-1uk6o7x{
  padding:20px;
}

button.svelte-1uk6o7x{
  background:black;
  border:1px solid white;
  padding:0.5em 1em;
  display:flex;
  color:white;
}

.infopanel.svelte-1uk6o7x{
  max-height:50px;
  overflow:hidden;
  font-size:14px;
  transition:max-height 0.3s;
}

.infopanel.active.svelte-1uk6o7x{
  max-height:800px;
}

.infopanel.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x){
  all:unset;
  width:90%;
  display:block;
  background:#eee;
  padding:5px 30px;
  border-radius:5px;
  position: relative;
  cursor:pointer;
}

.infopanel.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x) h4:where(.svelte-1uk6o7x){
  font-size:16px;
  padding:0;
  margin:0.5rem 0 0.5rem 0;
}

.infopanel.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x):before{
  content:"";
  position: absolute;
  top: calc(50% - 10px);
  left: 5px;
  height:20px;
  width:20px;
  background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path style="fill:%23444" d="m66.156 50l-2.2188-2.5938-24-28-6.0938 5.1875 21.781 25.406-21.781 25.406 6.0938 5.1875 24-28z"/></svg>');
  transition:transform 0.3s;
}

.infopanel.active.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x):before{
  transform: rotate(90deg);
}

.infopanel.svelte-1uk6o7x h4:is(span,label){
  font-size:12px;
  text-align:right;
}

.infotools.svelte-1uk6o7x{
  position: absolute;
  right:20px;
  top:0px;
  display:flex;
  gap:10px;
  align-items: center;
  height:45px;

}
.infotools.svelte-1uk6o7x > :where(.svelte-1uk6o7x){
  margin:0;
}

.panelinner.svelte-1uk6o7x{
  padding:10px;
}

thead.svelte-1uk6o7x{
  background:#777;
  color:white;
}

.checkbox.svelte-1uk6o7x{
  display:flex;
}
.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x){
  position: relative;
    width: 44px;
    height: 24px;
    margin: 0;
    background: #d0d5d2;
    -webkit-appearance: none;
    border-radius: 50px;
    cursor: pointer;
    outline: 0;
    border: none;
    top: 0;
}
.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x):before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin: 0;
}

.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x):checked{
  background:var(--s-success,#28a745);
}

.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x):checked:before{
  transform: translateX(20px);
}



  .btn-group.svelte-yv91m0{
    padding:5px 0;
    --s-button-margins:0px;
  }
  .toolbar.svelte-yv91m0{
    padding:0px 5px 0px 5px;
    display:flex;
    justify-content: space-between;
  }
  .btn-group.svelte-yv91m0 > *{
    margin:0;
  }
  .crudlist.svelte-yv91m0{
    display:flex;
    flex-direction: column;
    height:100%;
    min-height:200px;/* prevent grid locking with 0 height */
  }
  .gridarea.svelte-yv91m0{
    flex: 1;
    overflow: auto;
  }


  .svelte-k13m19 {
    white-space: normal;
    -webkit-user-modify:read-only;
  }
  .dropdown.svelte-k13m19{
    display:inline-block;
    position:relative;
  }

  .dropdown-menu.svelte-k13m19{
    display:block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background:var(--duo-background,white);
    border: 1px solid rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
  }

  .dropdown-menu.right.svelte-k13m19{
    right:0;
    left:auto;
  }

  .dropdown-menu.top.svelte-k13m19{
    top:auto;
    bottom:100%;
  }

  duo-dropdown [slot="menu"] a,
  .dropdown-menu [slot="menu"] a,
  .dropdown-menu [slot="menu"] button{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: currentColor;
    white-space: nowrap;
    background:var(--duo-background,white);
    width:100%;
    text-align:left;
    border:0px;
    font-size:14px;
    text-decoration: none;
  }
  duo-dropdown [slot="menu"] a:hover,
  .dropdown-menu [slot="menu"] a:hover,
  .dropdown-menu [slot="menu"] button:hover{
    text-decoration: none;
    color: currentColor;
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
  }
  .pop-backdrop.svelte-k13m19{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,0.01);
    z-index:9;
  }



  .svelte-1kw7e1x {
    white-space: normal;
    -webkit-user-modify:read-only;
  }

  .wrapbutton.svelte-1kw7e1x{
    all:unset;
  }
  
  .dropdown.svelte-1kw7e1x{
    display:inline-block;
  }

  .dropdown.svelte-1kw7e1x .popover-panel{
    min-width: anchor-size(width);
    left:anchor(left);
    padding: 0;
    margin:3px 0;
  }

  .dropdown-menu.svelte-1kw7e1x{
    all:unset;
    display:block;
    font-size: 14px;
    text-align: left;
    width:100%;
    color:inherit;
  }


  duo-dropdown a,
  .dropdown-menu.svelte-1kw7e1x a,
  .dropdown-menu.svelte-1kw7e1x button{
    display: block;
    padding: 0.25em 1em;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: currentColor;
    white-space: nowrap;
    background:var(--duo-background,white);
    width:100%;
    text-align:left;
    border:0px;
    font-size:14px;
    text-decoration: none;
  }
  .dropdown-menu.svelte-1kw7e1x :first-child{
    padding-top:0.5em;
  }
  .dropdown-menu.svelte-1kw7e1x :last-child{
    padding-bottom:0.5em;
  }
  duo-dropdown a:hover,
  .dropdown-menu.svelte-1kw7e1x a:hover,
  .dropdown-menu.svelte-1kw7e1x button:hover{
    text-decoration: none;
    color: currentColor;
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
  }


  .pagination.svelte-1fu0qh{
    --s-primary:var(--d-primary,#ff3e00);
    margin-top:10px;
  }

  .events.svelte-1fu0qh{
    display:grid;
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
    gap:10px;
    container-type: inline-size;
  }

  .picker.svelte-1fu0qh{
    border:1px solid #ccc;
    border-radius:5px;
    display:grid;
    grid-template-rows: 1fr auto;
  }
  .picker.svelte-1fu0qh h2:where(.svelte-1fu0qh){
    padding:15px;
    margin:auto;
    font-size:3em;
    font-weight:normal;
    color:var(--s-primary,var(--d-primary,#ff3e00));
  }

  .info.svelte-1fu0qh{
    text-align:left;
    width:100%;
    border:1px solid var(--s-primary,var(--d-primary,#ff3e00));
    padding:10px 15px 20px 15px;
    min-height:100%;
    background:var(--s-primary,var(--d-primary,#ff3e00));
    border-radius:5px;
    cursor:pointer;
    transition:scale 0.3s;
    color:white;
    display:flex;
    flex-direction: column;
    justify-content: center;
  }
  .info.svelte-1fu0qh p:where(.svelte-1fu0qh){
    margin:0 0 5px 0;
  }

  .event.svelte-1fu0qh{
    text-align:left;
    appearance: none;
    width:100%;
    background:white;
    text-decoration: none;
    color:inherit;
    box-sizing: border-box;
    display:grid;
    padding:10px 15px;
    min-height:100%;
    border:1px solid #ccc;
    gap:10px;
    grid-template-rows:80px 1fr;
    border-radius:5px;
    cursor:pointer;
    transition:scale 0.3s;
    grid-template-areas: 
      "title"
      "date"
      "description";
  }

  .event.svelte-1fu0qh:hover,.info.svelte-1fu0qh:hover{
    scale:0.95;
  }

  .title.svelte-1fu0qh{
    align-self: center;
    margin:0;
    padding:0;
    color:var(--s-primary,var(--d-primary,#ff3e00));
    grid-area: title;
    font-size:1.5em;
    text-wrap: balance;
  }

  .date.svelte-1fu0qh{
    grid-area: date;
  }

  .day.svelte-1fu0qh{
    font-size:4.5em;
    line-height:0.9em;
  }
  .day.svelte-1fu0qh sup:where(.svelte-1fu0qh){
    font-size:0.4em;
    line-height:1em;
    position: relative;
    top: -0.5em;
  }
  .month.svelte-1fu0qh{
    font-size:2.5em;
    font-weight: normal;
  }
  .year.svelte-1fu0qh{
    font-size:1.5em;
  }
  .description.svelte-1fu0qh{
    grid-area: description;
    font-size:0.9em;
  }
  .info.svelte-1fu0qh ul:where(.svelte-1fu0qh){
    list-style:none;
    padding:0;
    margin:0;
  }
  .info.svelte-1fu0qh ul:where(.svelte-1fu0qh),.info.svelte-1fu0qh li:where(.svelte-1fu0qh){
    font-size:0.8rem;
  }
  h4.svelte-1fu0qh{
    margin:0px 0 0 0;
    font-size:1.5em;
  }
  .dates.svelte-1fu0qh{
    margin-top:5px;
  }


  @container (width< 400px) {
    .picker.svelte-1fu0qh h2:where(.svelte-1fu0qh){
      margin:0;
      font-size:2em;
    }
    .event.svelte-1fu0qh {
      padding-top:10px;
      gap:5px;
      grid-template-rows:1fr min-content;
      grid-template-columns:80px 1fr;
      grid-template-areas: 
      "date title"
      "date description";
    }
    .date.svelte-1fu0qh{
      display:grid;
      font-size:6px;
      place-content:center start;
    }
    .description.svelte-1fu0qh{
      margin:0;
    }
    .info.svelte-1fu0qh{
      padding:10px 15px 10px 15px;
    }
  }



  





  label.svelte-olyqff{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.001);
    cursor:pointer;
  } 
  input[type=file].svelte-olyqff{
    opacity:0;
    position:absolute;
    top:0
  }


  .cell.svelte-1b06uz7{
    display:inline-block;
  }
  .gridrow.svelte-1b06uz7{
    clear:both;
    display:flex;
  }




  .flipcard.svelte-45ifkp{
    perspective:500px;
    transform-origin: center;
    display:inline-block;
    --speed:0.5s;
    height:100%;
  }

  .cardwrap.svelte-45ifkp{
    transition:transform var(--speed);
    display:grid;
    transform-style: preserve-3d;
    height:100%;
  }
    
  .flipx.svelte-45ifkp{
    transform: rotateY(180deg);
  }
  
  .flipy.svelte-45ifkp{
    transform: rotateX(180deg);
  }
  
  .flipy.flipx.svelte-45ifkp{
    transform: rotate3d(-45,-45,0,180deg)
  }
      
  .front.svelte-45ifkp,.back.svelte-45ifkp{
    background: white;
    backface-visibility:hidden;
    height:100%;
  }

  .front.svelte-45ifkp{
    transform:rotateY(0deg);
    grid-column:1 / 2;
    grid-row:1 / 2;
    position: relative;
    height:100%;
  }
  
  .back.svelte-45ifkp{
    transform:rotate3d(0,1,0,180deg);
    transition-delay: calc(var(--speed) / 4);
    position: absolute;
    inset:0;
    overflow:hidden;
  }
  /* below makes card get bigger if neccessary on back */
  .flipy.svelte-45ifkp .back:where(.svelte-45ifkp),.flipx.svelte-45ifkp .back:where(.svelte-45ifkp){
    overflow:visible;
    position: static;
    grid-column:1 / 2;
    grid-row:1 / 2;
  }

  .flipy.svelte-45ifkp .back:where(.svelte-45ifkp){
    transform:rotate3d(1,0,0,180deg);
  }

  .flipy.flipx.svelte-45ifkp .back:where(.svelte-45ifkp){
    transform: rotate3d(-1,-1,0,180deg);
  }



  .formdate .form-row .form-control{
    border-radius:4px 0 0 4px;
    border-right-width: 0px;
  }


  .form-row.vertical.svelte-1gdqdka{
    display:flex;
    flex-wrap: wrap;
  }
  
  .form-row.svelte-1gdqdka{
    display:flex;
    margin:var(--s-formrow-margins,5px);
    box-sizing: border-box;
    align-items:flex-start;
    align-items: center;
  }

  .checkrow.svelte-1gdqdka{
    align-items:center;
  }

  .form-row.svelte-1gdqdka :has(.stars){
    align-self: center
  }

  .form-row.svelte-1gdqdka :where(.svelte-1gdqdka) {
    box-sizing: border-box;
  }

  .form-row.svelte-1gdqdka label:where(.svelte-1gdqdka){
    text-align:right;
    line-height:1.8em;
    padding:0 8px 0 0;
  }

  .form-row.vertical.svelte-1gdqdka label:where(.svelte-1gdqdka){
    text-align:left;
    margin:0;
    padding:0 0 0 0;
  }

  .form-row.svelte-1gdqdka .form-input{
    flex:3;
    padding:5px 8px;
    font-size:14px;
    box-sizing: border-box;
  }
  .slotwrap.svelte-1gdqdka{
    flex:3;
  }

  .form-row.svelte-1gdqdka .checkboxLabel:where(.svelte-1gdqdka){
    padding:0;
    margin:2px 3px;
    text-align:left;
  }
  .form-row.svelte-1gdqdka [slot="suffix"] .sbtn{
    border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
    margin:0;
  }
  
  .form-row.hasSuffix.svelte-1gdqdka [slot="suffix"] > :not(button),
  .form-row.hasPrefix.svelte-1gdqdka [slot="prefix"] > :not(button){
    display:flex;
    padding: 6px 12px; 
    border: 1px solid #ccc;
    height:34px;
    align-items: center;
    box-sizing: border-box;
  }

  .form-row.hasSuffix.svelte-1gdqdka [slot="suffix"] > div.dropdown{
    padding:0; 
    border:0;
  }

  .form-row.hasSuffix.svelte-1gdqdka [slot="suffix"] > :not(button){
    border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
  }
  .form-row.hasPrefix.svelte-1gdqdka [slot="prefix"] > :not(button){
    border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
  }

  .form-row.svelte-1gdqdka [slot="prefix"] .sbtn{
    border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
    margin:0;
  }

  .form-row.svelte-1gdqdka input.form-input,
  .form-row.svelte-1gdqdka select.form-input,
  .form-row.svelte-1gdqdka textarea.form-input,
  .form-row.svelte-1gdqdka div.form-input{
    font-weight:normal;
    border-radius:var(--s-border-radius,4px);
    display: block;
    width: 100%;
    font-size: 14px;
    font-family:inherit;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    margin: 0;
    height:34px;
    padding: 4px 8px 5px 8px;
  }
  /* add own dropdown arrow */
  .form-row.svelte-1gdqdka select.form-input{
    background: white url("data:image/svg+xml;utf8,<svg fill='currentColor' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z' fill='grey' /><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    padding: 4px 25px 5px 8px;
  }

  .form-row.svelte-1gdqdka input.form-input[disabled],
  .form-row.svelte-1gdqdka select.form-input[disabled],
  .form-row.svelte-1gdqdka textarea.form-input[disabled],
  .form-row.svelte-1gdqdka div.form-input[disabled]{
    color:#999;
    background-color:rgba(0,0,0,0.03);
    cursor:not-allowed;
  }

  .form-row.svelte-1gdqdka .form-input-static{
    display:block;
    padding: 0 8px;
  }

  .form-row.svelte-1gdqdka textarea.form-input,
  .form-row.svelte-1gdqdka div.form-input{
    height:auto;
  }

  .form-row.hasSuffix.svelte-1gdqdka input.form-input{
    border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
    border-right:0px;
  }

  .form-row.hasPrefix.svelte-1gdqdka input.form-input{
    border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
    border-left:0px;
  }

  .form-row.hasPrefix.hasSuffix.svelte-1gdqdka input.form-input{
    border-radius:0;
    border-left:0px;
    border-right:0px;
  }

  .form-row.svelte-1gdqdka input[type=range]{
    flex:3;
    display:block;
  }

  .form-row.svelte-1gdqdka input[type=color]{
    padding:0;
    height:35px;
    width:40px;
    flex:none;
  }

  .form-row.svelte-1gdqdka input[type="checkbox"],.form-row.svelte-1gdqdka input[type="radio"]{
    width:auto;
    border:0;
    margin: 0px 5px 0 5px;
    display:inline-block;
  }

  .checkboxLabel.svelte-1gdqdka{
    padding: 0;
    margin: 3px 0;
    text-align: left;
  }

  .note.svelte-1gdqdka{
    font-size:0.8em;
    margin-left:calc(var(--s-__labelwidth) + 7px);
    padding:0 0 8px 0;
  }

  .form-row.vertical.svelte-1gdqdka + .note:where(.svelte-1gdqdka){
    margin-left:7px;
  }


  /* Mobile, put lable on line above */
  @media only screen and (max-width: 600px) {
    .form-row.svelte-1gdqdka:not(.checkrow){
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    .form-row.svelte-1gdqdka .slabel:where(.svelte-1gdqdka){
      text-align:left;
      margin:0;
      width:100%!important;
      padding:1px 2px;
    }

    .note.svelte-1gdqdka{
      margin-left:5px;
    }

    .note.svelte-1gdqdka a{
      color:inherit;
    }
  }
  


  button.svelte-15le1me{
    cursor: pointer;
  }
  .editing.svelte-15le1me{
    display:block;
    position:absolute;
    inset:0;
    outline:1px solid #22aae3;
    z-index:2;
    pointer-events:none;
  }
  .label.svelte-15le1me{
    position:absolute;
    top:0;
    right:0;
    background-color: #22aae3;
    color:white;
    font-size:11px;
    padding:2px 4px;
    z-index:2;
    pointer-events:none;
  }
  .gallery.svelte-15le1me{
    display:contents;
  }

  .gallery-backdrop.svelte-15le1me{
    position: fixed;
    inset:0px;
    background:rgba(0,0,0,0);
    transition:0.4s background-color;
    overflow-x:scroll;
    overflow-y:hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none; /* hide scrollbar for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
  }

  .show.gallery-backdrop.svelte-15le1me{
    background:rgba(0,0,0,0.9);
  }

  .gallery-backdrop.svelte-15le1me::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }

  .slider.svelte-15le1me{
    display:flex;
    height:80vh;
    width:auto;
  }

  .gallery-panel.svelte-15le1me{
    flex:1 0 100vw;
    height:100vh;
    display:grid;
    place-items: center;
    scroll-snap-align: start;
  }

  .gallery-panel.svelte-15le1me figure,.gallery-panel.svelte-15le1me img{
    display:grid;
    box-shadow:0 0 10px rgba(0,0,0,0.5);
    transform:scale(0.3);
    opacity:0;
    transition:0.2s opacity, 0.3s transform;
  }

  .show.svelte-15le1me .gallery-panel:where(.svelte-15le1me) figure,.show.svelte-15le1me .gallery-panel:where(.svelte-15le1me) img{
    transform:scale(1);
    opacity:1;
  }

  .gallery-panel.svelte-15le1me figure > *{
    grid-column:1 / 2;
    grid-row:1 / 2;
  }
    
  .gallery-panel.svelte-15le1me img{
    max-height:90vh;
    max-width:90vw;
    object-fit: contain;
  }

  .gallery-pager.svelte-15le1me{
    position: fixed;
    inset:auto 0 15px 0;
    display:flex;
    justify-content: center;
    gap:5px;   
  }

  .gallery-pager.svelte-15le1me button:where(.svelte-15le1me){
    all:unset;
    width:10px;
    height:10px;
    background:white;
    opacity:0.3;
    cursor: pointer;
  }

  .gallery-pager.svelte-15le1me button:where(.svelte-15le1me):hover{
    opacity:0.6;
  }

  .gallery-pager.svelte-15le1me button.active:where(.svelte-15le1me){
    opacity:1;
  }

  .close.svelte-15le1me{
    border:0;
    background:transparent;
    position: fixed;
    top:0px;
    right:0px;
    display:grid;
    place-items: center;
    width:50px;
    height:50px;
    font-size:21px;
    color:white;
    z-index:5;
    transition:0.3s background-color;
  }

  .close.svelte-15le1me:hover{
    background: rgba(0,0,0,0.5);
  }

  .gallery-controls.svelte-15le1me{
    z-index:10;
  }

  .gallery-controls.svelte-15le1me .next:where(.svelte-15le1me), .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me){
    all:unset;
    position: fixed;
    display: block;
    inset:50% 0 auto auto;
    height:50px;
    width:50px;
    background: rgba(0,0,0,0);
    transition:0.3s background-color;
    z-index:10;
  }
  .gallery-controls.svelte-15le1me .next:where(.svelte-15le1me):hover, .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me):hover{
    background: rgba(0,0,0,0.5);
    color: #fff;
  }

  .gallery-controls.svelte-15le1me .next:where(.svelte-15le1me):before, .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me):before{
    content:'';
    position: absolute;
    top: calc(50% - 15px);
    left: 10px;
    height:30px;
    width:30px;
    background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="m66.156 50l-2.2188-2.5938-24-28-6.0938 5.1875 21.781 25.406-21.781 25.406 6.0938 5.1875 24-28z"/></svg>')

  }
  .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me){
    right: auto;
    left: 0;
    transform:scaleX(-1)
  }







.map.svelte-1mac6yd {
  width: 100%;
  height: 100%;
  min-height:100px;
}
/* below hack to fix tripple icons in shadow mode - taken from https://stackoverflow.com/questions/53849251/google-maps-api-showing-fullscreen-and-zoom-icons-3-times-in-each-button/54761069 */ 
.gm-control-active > img {
    box-sizing: content-box;
    display: none;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

.gm-control-active > img:nth-child(1) {
    display:block;
}

.gm-control-active:hover > img:nth-child(1),
.gm-control-active:active > img:nth-child(1) {
    display:none;
}

.gm-control-active:hover > img:nth-child(2),
.gm-control-active:active > img:nth-child(3) {
    display:block;
}

/* Google shipped a redesigned InfoWindow close button via the "weekly" channel (v3.57.2, May 2024) with no documented way to size it, so it can render as an oversized bare "x" - these are Google's own private classes, so revisit this if a future Maps update renames them. */
.gm-style-iw-chr .gm-ui-hover-effect {
  width: 24px !important;
  height: 24px !important;
}
.gm-style-iw-chr .gm-ui-hover-effect > * {
  width: 16px !important;
  height: 16px !important;
  margin: 4px !important;
}


  .svelte-xow58 {
    box-sizing: border-box;
  }
  .grid.svelte-xow58{
    height:100%;
    min-height:100px;
    display:flex;
    flex-direction: column;
    border:var(--duo-border,1px solid #ccc);
  }
  .rows.svelte-xow58{
    flex:1;
    height:calc(100% - 70px);
    cursor:pointer;
    position:relative;
    overflow:hidden;
  }
  .headerrow.svelte-xow58,.gridrow.svelte-xow58,.virtual-row .gridrow [slot="row"]{
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    position:relative;
  }
  .virtual-row .gridrow [slot="row"]{
    flex:1  
  }
  .headerrow.svelte-xow58,.gridfooter.svelte-xow58{
    border:var(--duo-border,1px solid #ccc);
    border-width:0 0 1px 0;
    background:var(--duo-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
  }
  .gridfooter.svelte-xow58{
    border-width:1px 0 0 0;
    padding:7px;
    font-size:0.9em; 
    height:30px;
  }
  .header.svelte-xow58{
    padding:7px;
    font-size:0.9em;
    font-weight: bold;
    cursor:pointer;
  }
  .gridrow.svelte-xow58 .cell{
    padding:7px;
    font-size:0.9em;
    overflow:hidden;
    white-space: nowrap;
    width: 0; /** fixes column expansion bug **/
  }
  /* :global([slot="row"]){
    display:contents;
  } */
  .gridrow.svelte-xow58{
    background:var(--duo-background,white);
  }
  .gridrow.odd.svelte-xow58{
    background:var(--duo-oddrow,#f3f3f3);
  }
  .gridrow.active.svelte-xow58{
    background-color:var(--s-primary,#2299ee); 
    color:white;
  }
  .arrow.flip.svelte-xow58{
   transform:rotate(180deg) scaleX(-1);
   display:inline-block;
  }

  .dragover_top.svelte-xow58,.dragover_bottom.svelte-xow58{
    background-color:rgba(0,0,0,0); 
    position:absolute;
    left:0;
    right:0;
    height:15px;
    z-index:100;
  }
  .dragover_top.svelte-xow58{
    top:-2px;
  }
  .dragover_bottom.svelte-xow58{
    bottom:-2px;
  }
  .dragover_top.svelte-xow58.hover{
    border-top:4px solid #22aae3; 
  }
  .dragover_bottom.svelte-xow58.hover{
    border-bottom:4px solid #22aae3; 
  }


  .svelte-2lgxqu {
    box-sizing: border-box;
  }
  .grid.svelte-2lgxqu{
    height:100%;
    min-height:100px;
    display:flex;
    flex-direction: column;
    border:var(--duo-border,1px solid #ccc);
  }

  .headerrow.svelte-2lgxqu,.gridrow.svelte-2lgxqu{
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    position:relative;
  }

  .headerrow.svelte-2lgxqu{
    position:sticky;
    top:0;
  }

  .gridrow.svelte-2lgxqu{
    position: absolute;
    left:0;
    right:0;
    z-index:1;
  }

  .gridrow.svelte-2lgxqu .cell{
    background:var(--duo-background,white);
  }

  .gridrow.odd.svelte-2lgxqu .cell{
    background:var(--duo-oddrow,#f3f3f3);
  }

  .gridrow.active.svelte-2lgxqu .cell{
    background-color:var(--s-primary,#2299ee); 
    color:white;
  }
  .arrow.flip.svelte-2lgxqu{
   transform:rotate(180deg) scaleX(-1);
   display:inline-block;
  }

  .rows.svelte-2lgxqu{
    flex:1;
    height:calc(100% - 70px);
    cursor:pointer;
    position: relative;
  }
  .scrollarea.svelte-2lgxqu{
    overflow:auto;
    flex:1;
  }

  .scrollarea.svelte-2lgxqu .headerrow:where(.svelte-2lgxqu){
    position: sticky;
    top:0;
    z-index:2;
  }

  .gridrow.svelte-2lgxqu .cell{
    padding:7px;
    font-size:0.9em;
    overflow:hidden;
    white-space: nowrap;
    width: 0; /** fixes column expansion bug **/
  }
  .gridrow.svelte-2lgxqu .cell.sticky{
    border-right:var(--duo-border,1px solid #ddd);
  }
   .gridrow.svelte-2lgxqu .sticky{
      position:sticky;
      left:0;
      z-index:1;
   }

  .headerrow.svelte-2lgxqu,.gridfooter.svelte-2lgxqu{
    border:var(--duo-border,1px solid #ccc);
    border-width:0 0 1px 0;
    background:var(--duo-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
  }

  .header.svelte-2lgxqu{
    padding:7px;
    font-size:0.9em;
    font-weight: bold;
    cursor:pointer;
  }
  .header.sticky.svelte-2lgxqu{
    position:sticky;
    left:0;
    z-index:1;
    background:var(--duo-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
    border-right:var(--duo-border,1px solid #ddd);
  }

  .gridfooter.svelte-2lgxqu{
    border-width:1px 0 0 0;
    padding:7px;
    font-size:0.9em; 
    height:30px;
  }

  .dragover_top.svelte-2lgxqu,.dragover_bottom.svelte-2lgxqu{
    background-color:rgba(0,0,0,0); 
    position:absolute;
    left:0;
    right:0;
    height:15px;
    z-index:100;
  }
  .dragover_top.svelte-2lgxqu{
    top:-2px;
  }
  .dragover_bottom.svelte-2lgxqu{
    bottom:-2px;
  }
  .dragover_top.svelte-2lgxqu.hover{
    border-top:4px solid #22aae3; 
  }
  .dragover_bottom.svelte-2lgxqu.hover{
    border-bottom:4px solid #22aae3; 
  }


  .icon.svelte-1hrfbt1{
    display:inline-flex;
    place-content: center;
    width:1em;
    vertical-align: text-bottom;
  }
  svg.svelte-1hrfbt1{
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    overflow: hidden;
  }



  .slider.svelte-724qlf{
    position:absolute;
    width:100%;
    height:4px;
    overflow-x: hidden;
  }

  .line.svelte-724qlf{
    position:absolute;
    opacity: 0.4;
    background:rgba(0,0,0,0.2);
    width:150%;
    height:4px;
  }

  .subline.svelte-724qlf{
    position:absolute;
    background:#4a8df8;
    height:3px; 
  }
  .inc.svelte-724qlf{
    animation: svelte-724qlf-increase 2s infinite;
  }
  .dec.svelte-724qlf{
    animation: svelte-724qlf-decrease 2s 0.5s infinite;
  }

  @keyframes svelte-724qlf-increase {
    from { left: -5%; width: 5%; }
    to { left: 130%; width: 100%;}
  }
  @keyframes svelte-724qlf-decrease {
    from { left: -80%; width: 80%; }
    to { left: 110%; width: 10%;}
  }



  .uploadinput.svelte-1xdv9e1{
    position:fixed;
    top: -100px; /* hidden off screen */
  }
  .uploadbutton.svelte-1xdv9e1{
    border:1px solid #ccc;
    position: relative;
    box-sizing: border-box;
    background:#fff;
    text-decoration: none;
    color:#333;
    white-space: nowrap;
    display: inline-block;
    margin:var(--s-button-margins,4px);
    text-align: center;
    cursor: pointer;
    border-radius:var(--s-border-radius,4px);
    box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
    transition:box-shadow 0.2s;
    vertical-align: middle;
    font-size:12px; 
    padding:0px 10px;
    height:26px;
    line-height:16px;
  }
  .uploadbutton.svelte-1xdv9e1:hover{
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
    cursor:pointer;
  }
  .uploadbutton.svelte-1xdv9e1 .d-icon{ top:0.4em;} /* not sure why this is neccessary ?*/
  .markdowninput.svelte-1xdv9e1{
    width:100%;
    border:1px solid #ddd;
  }
  .stabs.svelte-1xdv9e1 {
    text-align:left;
    background:#eee;
    padding:10px 10px 0 10px;
    border-bottom:1px solid #ccc;
    position:relative;
  }
  .stabs.svelte-1xdv9e1 button:where(.svelte-1xdv9e1){
    position: relative;
    box-sizing: border-box;
    padding:7px 12px;
    background:#fff;
    border:0px;
    font-size: 14px;
    text-decoration: none;
    color:black;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height:1.25;
    border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
    line-height:18px;
    border:1px solid #ccc;
    color:rgba(0,0,0,0.7);
    margin-bottom:-1px;
  }
  .stabs.svelte-1xdv9e1 button.active:where(.svelte-1xdv9e1){
    color:black;
    border:1px solid #ccc;
    border-bottom:1px solid white;
    
  }
  .stabs.svelte-1xdv9e1 button:where(.svelte-1xdv9e1):active,.stabs.svelte-1xdv9e1 button:where(.svelte-1xdv9e1):focus{
    outline:0px;
    color:black;
    border:2px solid #ccc;
    border-bottom:1px solid white;
  }
  .inputarea.svelte-1xdv9e1,.preview.svelte-1xdv9e1{
    padding:10px;
  }
  .inputarea.svelte-1xdv9e1 textarea:where(.svelte-1xdv9e1),.cusortrack.svelte-1xdv9e1{
    font-weight:normal;
    border:0px;
    font-size:14px;
    resize: none;
    width:100%;
  }
  .inputarea.svelte-1xdv9e1 textarea:where(.svelte-1xdv9e1):focus{
    outline:0px;
  }
  .stoolbar.svelte-1xdv9e1{
    position: absolute;
    top:10px;
    right:10px;
    --s-button-margins:0px;
  }
  .preview.svelte-1xdv9e1 img{
    max-width:100%;
  }
  .preview.svelte-1xdv9e1 .video{
    width:100%;
    padding-top:56.25%;
    position:relative;
  }
  .preview.svelte-1xdv9e1 .video iframe{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    border:0;
  }
  .preview.svelte-1xdv9e1 > :first-child{
    margin-top:0;
  }
  .cusortrack.svelte-1xdv9e1{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:2px;
    overflow-wrap:break-word;
    white-space:pre-wrap;
    z-index:2;
    line-height:normal;
    font:400 11px system-ui;
    font-size:14px;
    pointer-events: none;
    opacity:0.01;
  }
  .cusortrack.svelte-1xdv9e1 .cursor:where(.svelte-1xdv9e1){
    outline:1px solid black;
  }

  .emojilist.svelte-1xdv9e1{
    position:absolute;
    top:0;
    left:0;
    border:1px solid #eee;
    padding:1px;
    background:white;
    z-index:3;
    border-radius:2px;
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
  }
  .emojilist.svelte-1xdv9e1 > div:where(.svelte-1xdv9e1){
    padding:5px 8px;
    cursor:pointer; 
  }
  .emojilist.svelte-1xdv9e1 > .active:where(.svelte-1xdv9e1){
    background:#eee;
  }



  :host{
    display:block;
  }
  .smodal.svelte-1gib9mj{
    display:block;
    position:static;
    background:white;
    z-index:1000;
    padding:15px;
    border-radius:var(--s-border-radius,4px);
    box-shadow:0 3px 10px rgba(0,0,0,0.5);
    transition:transform 0.5s;
    transform:scale3d(1,1,1);
    height: auto;
    max-width:100%;
    min-width:300px;
    align-self: flex-start;
  }

  .backdrop.svelte-1gib9mj{
    position:fixed;
    background-color:rgba(0,0,0,0.4);
    padding:20px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:background-color 0.5s;
    z-index:999;
    display:flex;
    align-content:start;
    overflow:auto;
    align-items: start;
    justify-content: center;
  }

  .heading.svelte-1gib9mj h3:where(.svelte-1gib9mj){
    margin:3px 0;
    font-size:21px;
    font-weight:normal;
  }
  .heading.svelte-1gib9mj{
    border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
    padding:10px 15px 10px 15px;;
    margin:-15px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
  }
  .close.svelte-1gib9mj{
    background:transparent;
    border:0px;
    font-size:24px;
    font-weight:bold;
    position:absolute;
    right:0px;
    top:0px;
    padding:7px 15px;
    cursor:pointer;
    opacity:0.5
  }
  .close.svelte-1gib9mj:hover{
    opacity:1;
  }
  .modaltoolbar.svelte-1gib9mj{
    border-top:1px solid #eee;
    padding:10px 10px 0px 10px;
    margin:20px -15px 0 -15px;
  }
  .modaltoolbar.svelte-1gib9mj:blank{
    display:none;
  }


  .spagination.svelte-1hokmn0{
    overflow:hidden;/* fix float */
  }
  .spagination.svelte-1hokmn0 .sbtn{
    margin:0;
    border-radius: var(--s-border-radius,0px);
    border-right-width:0;
    display:block;
    float:left;
  }

  .spagination.svelte-1hokmn0 .sbtn:first-child{
    border-radius: var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
  }
  .spagination.svelte-1hokmn0 .sbtn:last-child{
    border-radius: 0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
    border-right-width:1px;
  }




  .popup.svelte-zilu77{
    padding:6px 10px;
    border:1px dotted #444;
    background:rgba(255,255,255,0.5);
    color:#444;
    transition: 0.2s all;
    cursor:pointer;
    display:inline-block;
  }
  .popup.svelte-zilu77:hover{
    background:#eee;
  }

  .popup.svelte-zilu77 button:where(.svelte-zilu77){
    margin:-7px -10px -7px 5px;
    display:inline-block;
    cursor:pointer;
    height:100%;
    border:0px;
    height:30px;
    width:30px;
    background:#ddd;
  }
  .popup.svelte-zilu77 button:where(.svelte-zilu77):hover{
    background:#ccc;
  }


  .backdrop.svelte-zilu77{  
    position:fixed;
    background-color:rgba(0,0,0,0.3);
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition:background-color 0.5s;
    z-index:999;
    display:grid;
    overflow:auto;
    place-items:center;
    opacity:1;
    transition: 0.3s opacity;
  }

  .backdrop.hide.svelte-zilu77{
    opacity: 0;
  }

  .dialog.svelte-zilu77{
    max-width:80%;
    min-width:min(90%,300px);
    margin:0 auto;
    border:0;
    box-shadow:0 2px 5px rgba(0,0,0,0.5);
    padding:25px;
    position:relative;
    background:white;
  }

  .dialog.svelte-zilu77 {
    animation: svelte-zilu77-show 0.3s ease normal;
  }

  @keyframes svelte-zilu77-show{
    from {
      transform: scale(0.3,0.3);
      opacity:0;
    }
    to {
      transform: scale(1,1);
      opacity:1;

    }
  }

  .hide.svelte-zilu77 .dialog:where(.svelte-zilu77) {
    animation: svelte-zilu77-hide 0.3s ease normal;
  }
  @keyframes svelte-zilu77-hide{
    to {
      transform: scale(0.1,0.1);
      opacity:0;
      box-shadow:0 2px 5px rgba(0,0,0,0.5),0 0 0 100vw rgba(0, 0, 0, 0);
    }
  }

  .close.svelte-zilu77{
    position:absolute;
    top:0;
    right:0;
    background:transparent;
    border:0;
    color:#999;
    opacity:0.8;
    padding:8px 14px;
    font-size:21px;
    z-index:10;
    cursor: pointer;
  }
  .close.svelte-zilu77:hover{
    opacity:1;
  }



   .svelte-qyg5hr {
     box-sizing: border-box
   }
  .spopover-title.svelte-qyg5hr{
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
  }
  .spopover.svelte-qyg5hr{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060; 
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal;
  }
  .spopover-content.svelte-qyg5hr{
    padding: 9px 14px;
  }
  .pop-backdrop.svelte-qyg5hr{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,0.01)
  }



  .portal{
    z-index:2000;
    position: fixed;
    padding:none;
  }


  .sprogress.svelte-efozyn{
    min-height:10px;
    background:rgba(0,0,0,0.03);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    border-radius:4px;
    border-radius:var(--s-border-radius,4px);
  }

  .sbar.svelte-efozyn{
    border-radius:4px;
    border-radius:var(--s-border-radius,4px);
    transition:0.5s width;
    font-size:11px;
    line-height:18px;
    height:18px;
    text-align:center;
  }

  .primary.svelte-efozyn,.info.svelte-efozyn,.success.svelte-efozyn,.warning.svelte-efozyn,.danger.svelte-efozyn,.dark.svelte-efozyn{
    color:white;
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
  }   
  .primary.svelte-efozyn{background-color:#2299ee; background-color:var(--s-primary,#2299ee)}
  .info.svelte-efozyn{background-color:#17a2b8; background-color:var(--s-info,#17a2b8)}
  .success.svelte-efozyn{background-color:#28a745; background-color:var(--s-success,#28a745)}
  .warning.svelte-efozyn{background-color:#ffc107; background-color:var(--s-warning,#ffc107)}
  .danger.svelte-efozyn{background-color:#dc3545; background-color:var(--s-danger,#dc3545)}
  .dark.svelte-efozyn{background-color:#343a40; background-color:var(--s-dark,#343a40)}



  duo-slideshow > .duoslide{ /* direct descendant of this tag */
    display: block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: 0;
    transition: 0.5s transform,  0.5s opacity;
    transition-delay: 0.5s;
  }
  duo-slideshow > .duoslide.active{
    opacity: 1;
    position: relative;
    margin-top:0;
    z-index: 1;
    transition-delay: 0s;
  }

  .timer.svelte-10360tc{
    position:absolute;
    bottom:0;
    left:0;
    height:5px;
    width:100%;
    background:white;
    opacity:0.3;
    transform-origin: top left;
    animation:4s linear 1 svelte-10360tc-fill;
    z-index:10;
  }

  @keyframes svelte-10360tc-fill{
    0%{
      transform:scaleX(0);
    }
    100%{
      transform:scaleX(1);
    }
  }

  .duo-slideshow.svelte-10360tc{
    position: relative;
    display:block;
  }
  .controls.svelte-10360tc{
    z-index:10;
  }

  .controls.svelte-10360tc .next:where(.svelte-10360tc),
  .controls.svelte-10360tc .prev:where(.svelte-10360tc){
    all:unset;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    transition: 0.5s all;
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0);
    padding: 18% 20px;
    font-size: 30px;
    line-height: 100%;
    z-index: 2;
    cursor:pointer
  }
  .controls.svelte-10360tc .next:where(.svelte-10360tc):hover,
  .controls.svelte-10360tc .prev:where(.svelte-10360tc):hover{
    background: rgba(0,0,0,0.5);
    color: #fff;
  }
  .controls.svelte-10360tc .next:where(.svelte-10360tc):before,
  .controls.svelte-10360tc .prev:where(.svelte-10360tc):before{
    content:'';
    position: absolute;
    top: calc(50% - 20px);
    left: 10px;
    height:30px;
    width:30px;
    background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="m66.156 50l-2.2188-2.5938-24-28-6.0938 5.1875 21.781 25.406-21.781 25.406 6.0938 5.1875 24-28z"/></svg>')

  }
  .controls.svelte-10360tc .prev:where(.svelte-10360tc){
    right: auto;
    left: 0;
    transform:scaleX(-1)
  }

  .controls.svelte-10360tc .pager:where(.svelte-10360tc){
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 20px;
    display: flex;
    justify-content: center;
  }
  .controls.svelte-10360tc .pager:where(.svelte-10360tc) button:where(.svelte-10360tc){
    all:unset;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border: 1px solid #fff;
    display: inline-block;
    margin: 5px;
    cursor:pointer;
    border-radius: 50%;
  }
  .controls.svelte-10360tc button.active:where(.svelte-10360tc){
    background: #fff;
  }

  .controls.svelte-10360tc button[disabled]:where(.svelte-10360tc){
    cursor:not-allowed;
  }




  @property --fillperc {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }

  .stars.svelte-5cxlkr{
    display:inline-flex;
    gap:0.3em;
    position: relative;
  }

  .fill.svelte-5cxlkr{
    pointer-events: none;
    position: absolute;
    inset:0;
    outline:1px solid red;
    display:inline-flex;
    gap:0.3em;
    -webkit-mask-image: linear-gradient(to right, currentColor var(--fillperc), transparent var(--fillperc));
    mask-image: linear-gradient(to right, currentColor var(--fillperc), transparent var(--fillperc));
    transition:--fillperc 0.3s;
  }

  .stars.svelte-5cxlkr > :where(.svelte-5cxlkr) svg{
    opacity:0.6;
    fill:transparent;
  }

  .stars.svelte-5cxlkr button:where(.svelte-5cxlkr){
    all:unset;
    cursor:pointer;
  }

  .active.svelte-5cxlkr .d-icon svg{
    opacity:1;
    fill:currentColor;
  }

  .stars.svelte-5cxlkr button:where(.svelte-5cxlkr):hover{
    opacity:0.4;
  }




  /* Hides webcomponent until it's loaded*/
  duo-tabs:not(:defined) {
    display:none
  }
  .tabbuttons.svelte-u5syxs button:where(.svelte-u5syxs){
    background:#eee;
    font-size:14px;
    border:1px solid #eee;
    border-bottom:1px solid #ccc;
    padding:8px 12px;
    margin:0 2px -1px 0;
  }
  .tabpanel.svelte-u5syxs{
    border:1px solid #ccc;
    padding:15px;
  }
  .tabbuttons.svelte-u5syxs button.active:where(.svelte-u5syxs){
    background:white;
    border:1px solid #ccc;
    border-bottom:1px solid white;
   
  }
  .tabbuttons.svelte-u5syxs button:where(.svelte-u5syxs):focus{
    outline:0;
    border-top:1px solid #888;
  }




  div.form-input.tags.svelte-fpd2ux{
    padding:2px;
    display:flex;
    flex-wrap: wrap;
    gap:2px;
  }
  .inputwrap.svelte-fpd2ux{
    flex:1;
    min-width:50px;
  }
  .tags-input.svelte-fpd2ux{
    display:block;
    width:100%;
    height:100%;
    font-size:14px;
    margin:0;
    line-height:20px;
    border:0px;
  }
  div.form-input.svelte-fpd2ux .sbtn{
    margin:2px;
  }
  .tags-input.svelte-fpd2ux::-webkit-calendar-picker-indicator {
    display: none!important
  }
  .tags-input.svelte-fpd2ux:focus{
    outline:0px;
  }
  .tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux){
    background:transparent;
    border:0px;
    margin:-5px -8px -5px 0px;
    transition:transform 0.2;
    color:inherit;
  }
  .tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux):hover{
    transform: scale(1.5,1.5);
  }
  .tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux):active,.tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux):focus{
    outline:none;
    box-shadow: none;
  }
  



  .toaster.svelte-xc0tms{
    z-index:10002;
    position: fixed;
    top: 5px;
    right:10px;
  }
  .slice.svelte-xc0tms{
    width:250px;
    padding:15px 20px;
    border-radius:4px;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
    margin:5px 0;
    position:relative;
  }
  .cancel.svelte-xc0tms{
    position:absolute;
    top:5px;
    right:5px;
    background:transparent;
    border:0;
    color:white;
    width:34px;
    height:34px;
    cursor:pointer;
    transition: transform 0.3s;
  }
  .cancel.svelte-xc0tms:hover{
    transform:scale(1.3);
  }
  .slice.svelte-xc0tms h3:where(.svelte-xc0tms){
    margin:0 0 10px 0;
    color:white;
  }
  /* backgrounds set twice, first for IE11 */
  .slice.primary.svelte-xc0tms,.slice.info.svelte-xc0tms,.slice.success.svelte-xc0tms,.slice.warning.svelte-xc0tms,.slice.danger.svelte-xc0tms,.slice.dark.svelte-xc0tms { color:white; fill:white;}
  .slice.primary.svelte-xc0tms {background-color:hsla(var(--themehue), 50%, 35%, 1)}
  .slice.info.svelte-xc0tms {background-color:#17a2b8;background-color:var(--s-info,#17a2b8)}
  .slice.success.svelte-xc0tms {background-color:#28a745;background-color:var(--s-success,#28a745)}
  .slice.warning.svelte-xc0tms {background-color:#ffc107;background-color:var(--s-warning,#ffc107)}
  .slice.danger.svelte-xc0tms {background-color:#dc3545;background-color:var(--s-danger,#dc3545)}
  .slice.dark.svelte-xc0tms {background-color:#343a40;background-color:var(--s-dark,#343a40)}



  .autocomplete.svelte-1c8p4jn{
    width:100%;
    position:relative
  }
  .optionlist.svelte-1c8p4jn{
    position:absolute;
    left:0;
    right:0;
    top:35px;
    background:white;
    box-shadow:0 1px 5px rgba(0,0,0,0.3);
    z-index:1001;
    max-height:200px;
    overflow:auto;
    overscroll-behavior: contain;
  }
  .optionlist.svelte-1c8p4jn > div:where(.svelte-1c8p4jn){
    padding:7px 10px;
    cursor:pointer;
  }
  .optionlist.svelte-1c8p4jn > div.active:where(.svelte-1c8p4jn){
    background:#eee;
  }


	.virtual-viewport.svelte-1ru5i85 {
		position: relative;
		overflow-y: auto;
		-webkit-overflow-scrolling:touch;
		display: block;
		min-height:20px;
	}

	.virtual-contents.svelte-1ru5i85, .virtual-row.svelte-1ru5i85 {
		display: block;
	}
	/* removed so we could show re-order bar better */
	/* virtual-row {
		overflow: hidden;
	} */


  .window.svelte-1ov00m8{
    position:fixed;
    top:20px;
    left:20px;
    z-index:10;
    background:white;
    display:grid;
    grid-template-rows: 38px 1fr;
    border:2px solid #eee;
    border-radius: 8px;
    box-shadow: 2px 0 5px rgba(0,0,0,0.3);
  }
  .titlebar.svelte-1ov00m8{
    background:#eee;
    --s-button-margins:0;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:5px 5px 5px 10px;
  }
  .titlebar.svelte-1ov00m8 h4:where(.svelte-1ov00m8){
    margin:0;
  }
  .titletools.svelte-1ov00m8{
    display:flex;
    gap:2px;
  }

  .windowbody.svelte-1ov00m8{
    min-width:300px;
    min-height:100px;
    resize: both;
    overflow:auto;
  }




  .wrapper.svelte-1s1od2b{
    position:relative;
  }

  .tweets.svelte-1s1od2b{
    height:200px;
    display:flex;  
    overflow-x:hidden;
    flex-direction:row;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  }
  .tweets.svelte-1s1od2b::-webkit-scrollbar { 
    display: none; 
  }
  .tweet.svelte-1s1od2b{
    flex: 0 0 auto;
    scroll-snap-align: center;
    width:100%;
    z-index:1;
  } 
  .tweet.svelte-1s1od2b p:where(.svelte-1s1od2b){
    text-align:center;
    max-width:250px;
    margin:10% auto 0 auto;
  }
  .twittericon.svelte-1s1od2b{
    position:absolute;
    top:-20%;
    left:25%;
    opacity:0.1;
    z-index:0;
    pointer-events: none;
    font-size:250px;
    color:#00adee;
  }
  .pager.svelte-1s1od2b button:where(.svelte-1s1od2b){
    background:white;
    display:inline-block;
    border:1px solid #00adee;
    width:10px;
    height:10px;
    padding:0;
    border-radius:50%;
    margin:0 5px
  }

  .pager.svelte-1s1od2b button.active:where(.svelte-1s1od2b){
    background:#00adee;
  }




  .toolbar.svelte-1i2p075{
    display:flex;
    gap:5px;
  }
  .spacer.svelte-1i2p075{
    flex:1;
  }


  :root{
    box-sizing: border-box;
  }
  .totalline.svelte-1mqghjh{
    background:#eee;
  }
  .table.svelte-1mqghjh > thead:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > th:where(.svelte-1mqghjh), .table.svelte-1mqghjh > tbody:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > td:where(.svelte-1mqghjh), .table.svelte-1mqghjh > tfoot:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > td:where(.svelte-1mqghjh) {
    padding: 8px;
    vertical-align: top;
  }

  .table.svelte-1mqghjh > tbody:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > td:where(.svelte-1mqghjh), .table.svelte-1mqghjh > tfoot:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > td:where(.svelte-1mqghjh) {
    border-top: 1px solid #ddd;
  }

  .table.svelte-1mqghjh > thead:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > th:where(.svelte-1mqghjh) {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd;
  }

  th.svelte-1mqghjh{
    text-align: left;
  }
  .form-control.svelte-1mqghjh{
    display: block;
    padding: 0.2rem 0.75rem;
    line-height: 1.25;
    font-size: 1rem;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: var(--d-border-radius,4px);
    box-sizing: inherit;
    width: calc(100% - 1.5em);
  }

  table.table.svelte-1mqghjh > tbody:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh) > td:where(.svelte-1mqghjh){
    vertical-align: middle;
  }
  button.remove.svelte-1mqghjh{
    border:0;
    padding:10px;
    background:transparent;
    color:#777;
    cursor:pointer;
  }
  button.remove.svelte-1mqghjh:hover{
    color:black;
  }

  .table.svelte-1mqghjh{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
  }

  .table-striped.svelte-1mqghjh > tbody:where(.svelte-1mqghjh) > tr:where(.svelte-1mqghjh):nth-of-type(odd) {
    background-color: #f9f9f9;
  }

  .nowrap.svelte-1mqghjh{
    white-space: nowrap;
  }

  /*mobile*/
  @media(max-width:900px){
    .hidden-sm.svelte-1mqghjh{
      display:none;
    }
    .table.svelte-1mqghjh{
      font-size:12px;
    }
    .table.svelte-1mqghjh .form-control:where(.svelte-1mqghjh){
      font-size:12px;
      padding:0.2em 0.75em;
    }
  }



  .buy.svelte-fgtkiz{
    display:flex;
    width:180px;
    margin:5px;
  }
  input.svelte-fgtkiz,button.svelte-fgtkiz{
    padding:8px 10px;
    font-size:14px;
    border:1px solid var(--s-primary,#444);
  }
  input.svelte-fgtkiz{
    width:50px;
    border-radius:5px 0 0 5px;
    text-align: center;
  }
  button.svelte-fgtkiz{
    flex:100;
    background:#2299ee;
    background:var(--s-primary,#444);
    color:white;
    border-radius:0 5px 5px 0;
  }
  button.svelte-fgtkiz:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,0.1)
  }


  .steps.svelte-1yw90nf{
    --s-border-radius: 0px;
    --s-button-margins: 0px;
  }
  .steps.svelte-1yw90nf > button{
    flex:1;
    width: 100%;
    margin-right:-1px;
  }
  /* desktop */
  @media(min-width:900px){
    .steps.svelte-1yw90nf{
      display: flex;
      width: 100%;
      margin-right:1px;
    }
  }
  /* mobile */
  @media(max-width: 600px){
    .addresses.svelte-1yw90nf{
      --s-labelwidth:0px;
    }
  }

  .addresses.svelte-1yw90nf{
    display:grid;
    margin:5px;
    grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );
    gap:20px;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
    margin-bottom:30px;
  }

  .addresses.svelte-1yw90nf > :where(.svelte-1yw90nf){
    display:flex;
    flex-direction: column;
    gap:5px;
  }



  .svelte-xpg8jm{
    box-sizing: border-box;
  }

.salert.svelte-xpg8jm{
  padding:12px 15px;
  position:relative;
  color:var(--s-alert-color,#444);
  margin:10px 0px;
  border-radius:5px;
  isolation:isolate;
  transition:max-height 0.5s,opacity 0.5s,padding 0.5s,margin-bottom 0.5s,transform 0.5s;
}
.salert.svelte-xpg8jm:first-child{
  margin-top:0!important
}
.salert.svelte-xpg8jm:last-child{
  margin-bottom:0!important
}



@supports(background-color:color-mix(in srgb, var(--s-alert-color) 20%, white)){

  .salert.info.svelte-xpg8jm{
    --s-alert-color:var(--s-alert-info,#d9edf7);
  }
  .salert.warning.svelte-xpg8jm{
    --s-alert-color:var(--s-alert-warning,#ffe69c);
  }
  .salert.success.svelte-xpg8jm{
    --s-alert-color:var(--s-alert-success,#ccf8e4);
  }
  .salert.danger.svelte-xpg8jm{
    --s-alert-color:var(--s-alert-danger,#ffd9dd);
  }
  .salert.dark.svelte-xpg8jm{
    --s-alert-color:var(--s-alert-dark,#ced4da);
  }
  .salert.svelte-xpg8jm{
    background:var(--s-alert-color);
    color:color-mix(in lch, var(--s-alert-color) 0%, var(--s-alert-text,lch(40 40 none)));
    border:1px solid color-mix(in lch, var(--s-alert-color) 0%, lch(85 20 none));
  }
}


.salert.svelte-xpg8jm h1,.salert.svelte-xpg8jm h2,.salert.svelte-xpg8jm h3,.salert.svelte-xpg8jm h4,.salert.svelte-xpg8jm h5,.salert.svelte-xpg8jm h6,.salert.svelte-xpg8jm p{
  margin:0 0 10px 0;
}

  .close.svelte-xpg8jm{
    background:transparent;
    border:0px;
    font-size:24px;
    font-weight:bold;
    position:absolute;
    right:0px;
    top:0px;
    padding:4px 10px;
    cursor:pointer;
    opacity:0.5
  }
  .close.svelte-xpg8jm:hover{
    opacity:1;
  }
  .hiding.svelte-xpg8jm{
    overflow:hidden;
    max-height:0!important;
    opacity:0;
    padding:0 15px;
    margin-bottom:0;
    transform-origin: top;
    transform: scale(1,0)
  }



/* OLD CSS BELOW - can be removed when color-mix is better supported */
@supports not (background-color:color-mix(in srgb, var(--s-alert-color) 20%, white)){
  .salert.info.svelte-xpg8jm{
    --s-alert-color:#055160 
  }
  .salert.warning.svelte-xpg8jm{
    --s-alert-color:#664d03
  }
  .salert.success.svelte-xpg8jm{
    --s-alert-color:#0f5132
  }
  .salert.danger.svelte-xpg8jm{
    --s-alert-color:#842029
  }
  .salert.dark.svelte-xpg8jm{
    --s-alert-color:#141619
  }

  .salert.svelte-xpg8jm:after{
    content:'';
    position:absolute;
    inset:0;
    background:var(--s-alert-color,#444);
    border-radius:inherit;
    filter:brightness(240%) saturate(2) opacity(0.25);
    z-index:-1;
  }
  .salert.svelte-xpg8jm:before{
    content:'';
    position:absolute;
    inset:0;
    border:1px solid var(--s-alert-color,#444);
    border-radius:inherit;
    filter:brightness(200%) saturate(2) opacity(0.2);
    z-index:-1;
    background:white;
  }
}


  button.svelte-1sepb08,a.svelte-1sepb08,.sbtn.svelte-1sepb08 {
    box-sizing: border-box;
    border:1px solid #ccc;
    padding:.58em 0.8em;
    background:#fff;
    font-size: 1em;
    text-decoration: none;
    color:#333;
    white-space: nowrap;
    display: inline-flex;
    gap:0.4em;
    margin:var(--s-button-margins,0);
    text-align: center;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius:var(--s-border-radius,4px);
    box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
    transition:box-shadow 0.2s,background-color 0.2s;
    background-color:var(--s-button-background,#fff);
    border-color:var(--s-border-color,#ccc);
  }

  button.svelte-1sepb08 .d-icon,a.svelte-1sepb08 .d-icon,button.svelte-1sepb08 .icon,a.svelte-1sepb08 .icon{
    position:static;
    padding:1px;
  }

  button[busy].svelte-1sepb08,a[busy].svelte-1sepb08{
    cursor:not-allowed;
    pointer-events: none;
  }

  button.svelte-1sepb08:disabled,a[disabled].svelte-1sepb08{
    opacity:0.5;
    cursor:not-allowed;
  }

  button.svelte-1sepb08:disabled:hover{
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
  }
  button.svelte-1sepb08:hover,a.svelte-1sepb08:hover{background:color-mix(in srgb,var(--s-button-background,#fff),black 5%)} 
  button.svelte-1sepb08:focus,a.svelte-1sepb08:focus{outline:0px;box-shadow:0 0 3px rgba(0,0,0,0.5)}
  button.svelte-1sepb08:active,a.svelte-1sepb08:active{ outline:1px; box-shadow:inset 0 4px 4px rgba(0,0,0,0.2);} 
  button.svelte-1sepb08:focus-visible,a.svelte-1sepb08:focus-visible{
    outline:2px solid var(--s-button-background);
    outline-offset: 1px;
  }
  .block.svelte-1sepb08{display:block;width:100%;}

  .primary.svelte-1sepb08,.info.svelte-1sepb08,.success.svelte-1sepb08,.warning.svelte-1sepb08,.danger.svelte-1sepb08,.dark.svelte-1sepb08{
    color:white;
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
  }
 
  .primary.svelte-1sepb08{--s-button-background:var(--s-primary,#2299ee);--s-border-color:var(--s-primary,#2299ee)}
  .info.svelte-1sepb08{--s-button-background:var(--s-info,#17a2b8);--s-border-color:var(--s-info,#17a2b8);}
  .success.svelte-1sepb08{--s-button-background:var(--s-success,#28a745);--s-border-color:var(--s-success,#28a745);}
  .warning.svelte-1sepb08{--s-button-background:var(--s-warning,#ffc107);--s-border-color:var(--s-warning,#ffc107);}
  .danger.svelte-1sepb08{--s-button-background:var(--s-danger,#dc3545);--s-border-color:var(--s-danger,#dc3545);}
  .dark.svelte-1sepb08{--s-button-background:var(--s-dark,#343a40);--s-border-color:var(--s-dark,#343a40);}



  .svelte-kvv2xy {
     box-sizing: border-box
   }
  .wrapper.svelte-kvv2xy {
    display: inline-block;
  }
  .toolbar.svelte-kvv2xy{
    display:flex;
    width:100%;
  }
  .toolbar.svelte-kvv2xy > :where(.svelte-kvv2xy){
    margin:0px;
  }
  .month.svelte-kvv2xy{
    text-align-last: right;
    cursor: pointer;
    outline:0;
  }
  .year.svelte-kvv2xy{
    cursor: pointer;
    outline:0;
  }

  .month.svelte-kvv2xy:hover,.year.svelte-kvv2xy:hover{
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  button.svelte-kvv2xy{
    font-size:14px;
    padding:6px 9px;
    border:0px;
    background:var(--s-background,white);
    cursor: pointer;
  }

  .toolbar.svelte-kvv2xy > button:where(.svelte-kvv2xy){
    width:0px;
    padding:6px 9px;
    width:15%;
  }
  select.svelte-kvv2xy{
    -webkit-appearance: none;
    appearance: none;
    font-size:14px;
    padding:6px 5px;
    border:0px;
    background:var(--s-background,white);
    width:35%;
  }
  table.svelte-kvv2xy{
    table-layout: fixed;
    border-collapse: collapse;
    margin:5px;
    font-size:14px;
  }
  td.svelte-kvv2xy,th.svelte-kvv2xy{
    font-size:14px;
    padding:0;
    text-align:center;
  }
  td.svelte-kvv2xy button:where(.svelte-kvv2xy){
    display:block;
    width:100%;
    border:0px;
    border-radius:3px;
  }
  td.svelte-kvv2xy button:where(.svelte-kvv2xy):hover{
    background: color-mix(in srgb, 
      rgb(from var(--s-background,white) calc(255 - r) calc(255 - g) calc(255 - b)), 
      transparent 95%
    )
  }
  td.svelte-kvv2xy button.today:where(.svelte-kvv2xy){
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--s-background,white))
  }
  td.svelte-kvv2xy button.active:where(.svelte-kvv2xy){
    background:#2299ee;
    background:var(--s-primary,#2299ee);
    color:white;
  }



   /** Below can be overridden per site  **/
  :root{
    --s-chart-color-1:#FF1616;
    --s-chart-color-2:#FF914D;
    --s-chart-color-3:#FFDE59;
    --s-chart-color-4:#7ED957;
    --s-chart-color-5:#5271FF;
    --s-chart-color-6:#8C52FF;
    --s-chart-color-7:#7F00FF;
    --s-chart-opacity:44;
  }


  .circletimer.svelte-1692k8p {
    display:grid;
  }
  .circletimer.svelte-1692k8p > :where(.svelte-1692k8p) {
    grid-column:1 / 2;
    grid-row:1 / 2;
    align-self:center;
    justify-self: center;
  }

  .ring.svelte-1692k8p {
    opacity: 0.5;
    stroke-width:3;
    fill:transparent;
  }

  .segment.svelte-1692k8p {
    opacity: 1;
    transform-origin: center;
    stroke-dasharray: 0, 100;
    stroke-dashoffset:25;
    animation: svelte-1692k8p-donut var(--s-duration,3s) linear forwards;
  }

  @keyframes svelte-1692k8p-donut {
    to {
      stroke-dasharray: 100, 0;
    }
  }


  .compare.svelte-qxfyov{
    position:relative;
    overflow:hidden;
  }
  .images.svelte-qxfyov{
    display:grid;
  }
  .images.svelte-qxfyov img:where(.svelte-qxfyov){
    max-width:100%;
    grid-column:1 / 2;
    grid-row:1 / 2;
  }

  .handle.svelte-qxfyov{
    position:absolute;
    font-size:2rem;
    border-radius:200px;
    color:white;
    border:2px solid white;
    background:rgba(0,0,0,0.7);
    transform:translate(-50%,-50%);
    top:50%;
    cursor:ew-resize;
  }

  .handle.svelte-qxfyov svg:where(.svelte-qxfyov){
    height: 1em;
    width: 1em;
    display: inline-flex;
    position: relative;
    top: 0.15em;
    fill: currentcolor;
    justify-content: center;
  }

  .handle.svelte-qxfyov:before,.handle.svelte-qxfyov:after{
    content:"";
    position:absolute;
    border-left:1px solid white;

    height:998px;
    left:50%;
  }
  .handle.svelte-qxfyov:before{
    top:-1000px;
  }
  .handle.svelte-qxfyov:after{
    bottom:-1000px;

  }




.duo-toolbar.svelte-1ehk8x0{
  font-size:14px;
  display:flex;
  justify-items: stretch;
  gap:5px;
}
.duo-toolbar.svelte-1ehk8x0 > *{
  flex:1;
}


.cookie-banner.svelte-1o5clrv{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.8);
  padding:25px;
  color:white;
  display:flex;
  flex-wrap:wrap;
  font-size:14px;
  gap:15px;
  font-weight:400;
  z-index:1059;
}
.message.svelte-1o5clrv{
  flex:1 1 400px;
}

.message.svelte-1o5clrv::slotted{
  color:white;
  font-weight:400;
}
.options.svelte-1o5clrv{
  display:flex;
  gap:5px;
  align-items: center;
  justify-content: center
}
.modal-body.svelte-1o5clrv{
  padding:20px;
}

button.svelte-1o5clrv{
  background:black;
  border:1px solid white;
  padding:0.5em 1em;
  display:flex;
  color:white;
}

.infopanel.svelte-1o5clrv{
  max-height:50px;
  overflow:hidden;
  font-size:14px;
  transition:max-height 0.3s;
}

.infopanel.active.svelte-1o5clrv{
  max-height:800px;
}

.infopanel.svelte-1o5clrv .infotitle:where(.svelte-1o5clrv){
  all:unset;
  width:90%;
  display:block;
  background:#eee;
  padding:5px 30px;
  border-radius:5px;
  position: relative;
  cursor:pointer;
}

.infopanel.svelte-1o5clrv .infotitle:where(.svelte-1o5clrv) h4:where(.svelte-1o5clrv){
  font-size:16px;
  padding:0;
  margin:0.5rem 0 0.5rem 0;
}

.infopanel.svelte-1o5clrv .infotitle:where(.svelte-1o5clrv):before{
  content:"";
  position: absolute;
  top: calc(50% - 10px);
  left: 5px;
  height:20px;
  width:20px;
  background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path style="fill:%23444" d="m66.156 50l-2.2188-2.5938-24-28-6.0938 5.1875 21.781 25.406-21.781 25.406 6.0938 5.1875 24-28z"/></svg>');
  transition:transform 0.3s;
}

.infopanel.active.svelte-1o5clrv .infotitle:where(.svelte-1o5clrv):before{
  transform: rotate(90deg);
}

.infopanel.svelte-1o5clrv h4:is(span,label){
  font-size:12px;
  text-align:right;
}

.infotools.svelte-1o5clrv{
  position: absolute;
  right:20px;
  top:0px;
  display:flex;
  gap:10px;
  align-items: center;
  height:45px;

}
.infotools.svelte-1o5clrv > :where(.svelte-1o5clrv){
  margin:0;
}

.panelinner.svelte-1o5clrv{
  padding:10px;
}

thead.svelte-1o5clrv{
  background:#777;
  color:white;
}

.checkbox.svelte-1o5clrv{
  display:flex;
}
.checkbox.svelte-1o5clrv input[type=checkbox]:where(.svelte-1o5clrv){
  position: relative;
    width: 44px;
    height: 24px;
    margin: 0;
    background: #d0d5d2;
    -webkit-appearance: none;
    border-radius: 50px;
    cursor: pointer;
    outline: 0;
    border: none;
    top: 0;
}
.checkbox.svelte-1o5clrv input[type=checkbox]:where(.svelte-1o5clrv):before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin: 0;
}

.checkbox.svelte-1o5clrv input[type=checkbox]:where(.svelte-1o5clrv):checked{
  background:var(--s-success,#28a745);
}

.checkbox.svelte-1o5clrv input[type=checkbox]:where(.svelte-1o5clrv):checked:before{
  transform: translateX(20px);
}



  .btn-group.svelte-rmbql8{
    display:flex;
    align-items:center;
    gap:4px;
    font-size:14px;
  }
  .toolbar.svelte-rmbql8{
    padding:var(--s-toolbar-padding,5px);
    display:flex;
    justify-content: space-between;
    font-size:14px;
  }
  .btn-group.svelte-rmbql8 > *{
    margin:0;
  }
  .crudlist.svelte-rmbql8{
    display:flex;
    flex-direction: column;
    height:100%;
    min-height:200px;/* prevent grid locking with 0 height */
  }
  .gridarea.svelte-rmbql8{
    flex: 1;
    overflow: auto;
  }


  .svelte-1u1wnyj {
    white-space: normal;
    -webkit-user-modify:read-only;
  }

  .wrapbutton.svelte-1u1wnyj{
    all:unset;
  }
  
  .dropdown.svelte-1u1wnyj{
    display:inline-block;
  }

  .dropdown.svelte-1u1wnyj .popover-panel{
    min-width: anchor-size(width);
    left:anchor(left);
    padding: 0;
    margin:3px 0;
  }

  .dropdown-menu.svelte-1u1wnyj{
    all:unset;
    display:block;
    font-size: 14px;
    text-align: left;
    width:100%;
    color:inherit;
  }


  duo-dropdown a,
  .dropdown-menu.svelte-1u1wnyj a,
  .dropdown-menu.svelte-1u1wnyj button{
    display: block;
    padding: 0.25em 1em;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: currentColor;
    white-space: nowrap;
    background:var(--s-background,white);
    width:100%;
    text-align:left;
    border:0px;
    font-size:14px;
    text-decoration: none;
  }
  .dropdown-menu.svelte-1u1wnyj >:first-child{
    padding-top:0.5em;
  }
  .dropdown-menu.svelte-1u1wnyj >:last-child{
    padding-bottom:0.5em;
  }
  duo-dropdown a:hover,
  .dropdown-menu.svelte-1u1wnyj a:hover,
  .dropdown-menu.svelte-1u1wnyj button:hover{
    text-decoration: none;
    color: currentColor;
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--s-background,white))
  }


  .pagination.svelte-1fuyn0n{
    margin-top:10px;
  }

  .events.svelte-1fuyn0n{
    display:grid;
    grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
    gap:10px;
    container-type: inline-size;
  }

  .events.svelte-1fuyn0n > * > *{
    width:100%
  }

  .picker.svelte-1fuyn0n{
    border:1px solid #ccc;
    border-radius:5px;
    display:grid;
    grid-template-rows: 1fr auto;
  }
  .picker.svelte-1fuyn0n h2:where(.svelte-1fuyn0n){
    padding:15px;
    margin:auto;
    font-size:3em;
    font-weight:normal;
    color:var(--s-primary,#2299ee);
  }

  .info.svelte-1fuyn0n{
    text-align:left;
    width:100%;
    border:1px solid var(--s-primary,#2299ee);
    padding:10px 15px 20px 15px;
    min-height:100%;
    background:var(--s-primary,#2299ee);
    border-radius:5px;
    cursor:pointer;
    transition:scale 0.3s;
    color:white;
    display:flex;
    flex-direction: column;
    justify-content: center;
  }
  .info.svelte-1fuyn0n p:where(.svelte-1fuyn0n){
    margin:0 0 5px 0;
  }

  .event.svelte-1fuyn0n{
    text-align:left;
    appearance: none;
    width:100%;
    background:white;
    text-decoration: none;
    color:inherit;
    box-sizing: border-box;
    display:grid;
    padding:10px 15px;
    min-height:100%;
    border:1px solid #ccc;
    gap:10px;
    grid-template-rows:80px 1fr;
    border-radius:5px;
    cursor:pointer;
    transition:scale 0.3s;
    grid-template-areas: 
      "title"
      "date"
      "description";
  }

  .event.svelte-1fuyn0n:hover,.info.svelte-1fuyn0n:hover{
    scale:0.95;
  }

  .title.svelte-1fuyn0n{
    align-self: center;
    margin:0;
    padding:0;
    color:var(--s-primary,#2299ee);
    grid-area: title;
    font-size:1.5em;
    text-wrap: balance;
  }

  .date.svelte-1fuyn0n{
    grid-area: date;
  }

  .day.svelte-1fuyn0n{
    font-size:4.5em;
    line-height:0.9em;
  }
  .day.svelte-1fuyn0n sup:where(.svelte-1fuyn0n){
    font-size:0.4em;
    line-height:1em;
    position: relative;
    top: -0.5em;
  }
  .month.svelte-1fuyn0n{
    font-size:2.5em;
    font-weight: normal;
  }
  .year.svelte-1fuyn0n{
    font-size:1.5em;
  }
  .description.svelte-1fuyn0n{
    grid-area: description;
    font-size:0.9em;
  }
  .info.svelte-1fuyn0n ul:where(.svelte-1fuyn0n){
    list-style:none;
    padding:0;
    margin:0;
  }
  .info.svelte-1fuyn0n ul:where(.svelte-1fuyn0n),.info.svelte-1fuyn0n li:where(.svelte-1fuyn0n){
    font-size:0.8rem;
  }
  h4.svelte-1fuyn0n{
    margin:0px 0 0 0;
    font-size:1.5em;
  }
  .dates.svelte-1fuyn0n{
    margin-top:5px;
  }


  @container (width< 400px) {
    .picker.svelte-1fuyn0n h2:where(.svelte-1fuyn0n){
      margin:0;
      font-size:2em;
    }
    .event.svelte-1fuyn0n {
      padding-top:10px;
      gap:5px;
      grid-template-rows:1fr min-content;
      grid-template-columns:80px 1fr;
      grid-template-areas: 
      "date title"
      "date description";
    }

    .date.svelte-1fuyn0n{
      display:grid;
      font-size:6px;
      place-content:center start;
    }
    .description.svelte-1fuyn0n{
      margin:0;
    }
    .info.svelte-1fuyn0n{
      padding:10px 15px 10px 15px;
    }
  }



  





  label.svelte-qmnan5{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.001);
    cursor:pointer;
  } 
  input[type=file].svelte-qmnan5{
    opacity:0;
    position:absolute;
    top:0
  }


  .flexgrid.svelte-1pvm6gp{
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .gridrow.svelte-1pvm6gp{
    display:flex;
    clear:both;
  }
  .cell.svelte-1pvm6gp{
    display:inline-block;
    flex-shrink:0;
  }


  .flipcard.svelte-t1qqef{
    perspective:500px;
    transform-origin: center;
    display:inline-block;
    height:100%;
    /* --s-speed is registered non-inheriting (see register-properties.js), so it has
       to be captured into an ordinary, inheriting private variable here - on the
       element an override actually lands on - for .cardwrap/.back below to see it. */
    --s-flipcard-_speed: var(--s-speed,0.5s);
  }

  .cardwrap.svelte-t1qqef{
    transition:transform var(--s-flipcard-_speed);
    display:grid;
    transform-style: preserve-3d;
    height:100%;
  }
    
  .flipx.svelte-t1qqef{
    transform: rotateY(180deg);
  }
  
  .flipy.svelte-t1qqef{
    transform: rotateX(180deg);
  }
  
  .flipy.flipx.svelte-t1qqef{
    transform: rotate3d(-45,-45,0,180deg)
  }
      
  .front.svelte-t1qqef,.back.svelte-t1qqef{
    background: white;
    backface-visibility:hidden;
    height:100%;
  }

  .front.svelte-t1qqef{
    transform:rotateY(0deg);
    grid-column:1 / 2;
    grid-row:1 / 2;
    position: relative;
    height:100%;
  }
  
  .back.svelte-t1qqef{
    transform:rotate3d(0,1,0,180deg);
    transition-delay: calc(var(--s-flipcard-_speed) / 4);
    position: absolute;
    inset:0;
    overflow:hidden;
  }
  /* below makes card get bigger if neccessary on back */
  .flipy.svelte-t1qqef .back:where(.svelte-t1qqef),.flipx.svelte-t1qqef .back:where(.svelte-t1qqef){
    overflow:visible;
    position: static;
    grid-column:1 / 2;
    grid-row:1 / 2;
  }

  .flipy.svelte-t1qqef .back:where(.svelte-t1qqef){
    transform:rotate3d(1,0,0,180deg);
  }

  .flipy.flipx.svelte-t1qqef .back:where(.svelte-t1qqef){
    transform: rotate3d(-1,-1,0,180deg);
  }



  .form-row.svelte-1r1mphy{
    margin:var(--s-formrow-margins,0);
    --s-button-margins:0;
  }

  .form-row.svelte-1r1mphy:not(.vertical) {
    display:grid;
    box-sizing: border-box;
    align-items: start;
    gap:5px 12px;

    > .note:where(.svelte-1r1mphy){
      grid-column: 2/3;
      grid-row:2/2;
      font-size:0.7em;
    }
    > label:where(.svelte-1r1mphy){
      padding-block:.55em;
    }
  }
  .form-row.svelte-1r1mphy:not(.vertical):has(label:where(.svelte-1r1mphy)){
    grid-template-columns: var(--s-labelwidth,150px) 1fr;
  }

  .form-row.svelte-1r1mphy:not(.vertical):has(> .input > [type=checkbox]){
    .input:where(.svelte-1r1mphy){
      grid-column: 2/3;
      grid-row:1/2;
      justify-self: start;
      align-self: center;
    }
    label:where(.svelte-1r1mphy){
      grid-column: 2/3;
      grid-row:1/2;
      text-align:left;
      padding-left:20px;
      align-self: center;
      padding-block:0.15em;
    }
    .note:where(.svelte-1r1mphy){
      padding-left:20px;
    }
  } 

  .form-row.vertical.svelte-1r1mphy:has(> .input > [type=checkbox]){
    .input:where(.svelte-1r1mphy){
      grid-column: 1/2;
      grid-row:1/2;
      justify-self: start;
      align-self: center;
    }
    label:where(.svelte-1r1mphy){
      grid-column: 1/2;
      grid-row:1/2;
      text-align:left;
      padding-left:25px;
    }
  }

  .form-row.svelte-1r1mphy:not(.vertical) > label:where(.svelte-1r1mphy){
    text-align:right;
  }

  .form-row.vertical.svelte-1r1mphy{
    display:grid;
    grid-template-columns: 1fr;
    gap:5px;
    > .note:where(.svelte-1r1mphy){
      grid-column: 1/2;
      grid-row:3/4;
      font-size:0.7em;
    }
  }
  .form-row.vertical.svelte-1r1mphy > label:where(.svelte-1r1mphy){
    text-align: left;
  }

  .input.svelte-1r1mphy{
    display:flex;
    min-width:0;
    border-radius:var(--s-border-radius,4px);
  }

  .form-row.svelte-1r1mphy:not(.vertical) > .input:where(.svelte-1r1mphy){
    grid-column: 2/3;
    align-self: center;
  }

  .form-row.svelte-1r1mphy:not(.vertical):not(:has(label)) .input:where(.svelte-1r1mphy){
    grid-column: 1/3;
  }

  .input.svelte-1r1mphy:has(:where(.svelte-1r1mphy):focus){
    outline:2px solid rgba(128,128,128,0.2);
    outline-offset: 1px;
  }
  .input.svelte-1r1mphy > :where(input:where(.svelte-1r1mphy):focus,select:where(.svelte-1r1mphy):focus,textarea:where(.svelte-1r1mphy):focus){
    outline:0px;
  }

  .input.svelte-1r1mphy .prefix:where(.svelte-1r1mphy),.input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy){
    font-size: 1em;
    text-decoration: none;
    color:currentColor;
    white-space: nowrap;
    display: flex;
    align-items: center;
    border-radius:var(--s-border-radius,4px);
    background-color:var(--s-background,white);
  }
  .input.svelte-1r1mphy .prefix:where(.svelte-1r1mphy):empty,.input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy):empty{ /* hide suffix & prefix with no conent */
    display:none;
  }

  .input.svelte-1r1mphy .prefix:where(.svelte-1r1mphy):not(:has(>button,.sbtn,select)){
    border:1px solid var(--s-border-color,#ccc);
    padding:.55em 0.8em;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right-width:0;
  }

  .input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy):not(:has(>button,.sbtn,select)){
    border:1px solid var(--s-border-color,#ccc);;
    padding:.55em 0.8em;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left-width:0;
  }

  .input.svelte-1r1mphy .prefix:where(.svelte-1r1mphy) .sbtn:first-child,.input.svelte-1r1mphy .prefix:where(.svelte-1r1mphy) select:first-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    margin-right:-1px;
  }

  .input.svelte-1r1mphy .prefix:where(.svelte-1r1mphy) .sbtn:not(:first-child),.input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy) .sbtn:not(:last-child){
    border-radius: 0;
  }

  .input.svelte-1r1mphy:has( > .prefix:where(.svelte-1r1mphy)) input:where(.svelte-1r1mphy){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }

  .input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy) .sbtn:last-child,.input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy) select:last-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-left:-1px;
  }
  .input.svelte-1r1mphy .suffix:where(.svelte-1r1mphy) .sbtn:first-child{
    border-left-width: 0px;
  }

  
  .input.svelte-1r1mphy:has( > .suffix:where(.svelte-1r1mphy)) input:where(.svelte-1r1mphy){
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }

  .input.svelte-1r1mphy > input:where(.svelte-1r1mphy),.input.svelte-1r1mphy > select:where(.svelte-1r1mphy),.input.svelte-1r1mphy > textarea:where(.svelte-1r1mphy),.static.svelte-1r1mphy,.form-row.svelte-1r1mphy .input > select,
  .suffix.svelte-1r1mphy > select,.prefix.svelte-1r1mphy > select{
    font-family: inherit;
    border:1px solid var(--s-border-color,#ccc);
    padding:.55em 0.8em;
    background:var(--s-background,white);
    font-size: 1em;
    text-decoration: none;
    color:currentColor;
    display: flex;
    align-items: center;
    border-radius:var(--s-border-radius,4px);
    flex:1 1 auto;
    min-width: 0;
  }

  .form-row.svelte-1r1mphy .input > select,.form-row.svelte-1r1mphy .prefix > select,.form-row.svelte-1r1mphy .suffix > select{
    background: var(--s-background,white) url("data:image/svg+xml;utf8,<svg fill='currentColor' height='18' viewBox='0 -3 35 30' width='2em' xmlns='http://www.w3.org/2000/svg'><path  d='M4.293 8.293a1 1 0 0 1 1.414 0L12 14.586l6.293-6.293a1 1 0 1 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 0 1 0-1.414' fill='rgba(140,140,140,1)' /></svg>") no-repeat calc(100% + 0.4em) 55%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    padding-right:25px;
  }

  input.svelte-1r1mphy,select.svelte-1r1mphy,.static.svelte-1r1mphy{
    white-space: nowrap;
  }
  .alertwrap.svelte-1r1mphy .salert{
    padding:0.4em 0.4em;
  }

  .static.svelte-1r1mphy{
    border:1px solid transparent;
    padding-inline:0em;
  }


  
  @media only screen and (max-width: 600px) {

    .form-row.svelte-1r1mphy:not(.vertical):has(.input > [type=checkbox]){
        .input:where(.svelte-1r1mphy){
          grid-column: 1/2;
          grid-row:1/2;
          justify-self: start;
          align-self: center;
        }
        label:where(.svelte-1r1mphy){
          grid-column: 1/2;
          grid-row:1/2;
          text-align:left;
          padding-left:20px;
        }
      }
      .form-row.svelte-1r1mphy:not(.vertical):has(> label:where(.svelte-1r1mphy)){
        display:grid;
        grid-template-columns: 1fr;
        gap:5px;
        .note:where(.svelte-1r1mphy){
          grid-column: 1/2;
          grid-row:3/4;
          font-size:0.7em;
        }
        .input:where(.svelte-1r1mphy){
          grid-column: 1/2;
        }
      }
      .form-row.svelte-1r1mphy:not(.vertical) > label:where(.svelte-1r1mphy){
        text-align: left;
        padding-bottom:0px;
      }

  }

  .children.svelte-1r1mphy{
    flex:1;
  }



.map.svelte-8dm79f {
  width: 100%;
  height: 100%;
  min-height:100px;
}
ol.svelte-8dm79f li:where(.svelte-8dm79f) div:where(.svelte-8dm79f){
  display:flex;
  justify-content: space-between;
  padding:10px;
  border-bottom:1px solid #ddd;
}

/* below hack to fix tripple icons in shadow mode - taken from https://stackoverflow.com/questions/53849251/google-maps-api-showing-fullscreen-and-zoom-icons-3-times-in-each-button/54761069 */ 
.gm-control-active > img {
    box-sizing: content-box;
    display: none;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

.gm-control-active > img:nth-child(1) {
    display:block;
}

.gm-control-active:hover > img:nth-child(1),
.gm-control-active:active > img:nth-child(1) {
    display:none;
}

.gm-control-active:hover > img:nth-child(2),
.gm-control-active:active > img:nth-child(3) {
    display:block;
}

/* Google shipped a redesigned InfoWindow close button via the "weekly" channel (v3.57.2, May 2024) with no documented way to size it, so it can render as an oversized bare "x" - these are Google's own private classes, so revisit this if a future Maps update renames them. */
.gm-style-iw-chr .gm-ui-hover-effect {
  width: 24px !important;
  height: 24px !important;
}
.gm-style-iw-chr .gm-ui-hover-effect > * {
  width: 16px !important;
  height: 16px !important;
  margin: 4px !important;
}



  .gridwrap.svelte-s2co74{
    box-sizing: border-box;
    min-height:100px;
    height:100%;
    border:var(--s-border,1px solid #ccc);
    position:relative;
    font-size:14px;
    font-size: 0.9em;
  }
  .grid.svelte-s2co74{
    display:grid;
    align-content: start;
    font-family:system-ui;
    max-height:100%;
    overflow:auto;
    position: absolute;
    inset:0;
    overscroll-behavior: none;
  }
  .gridwrap.svelte-s2co74:has(.gridfooter:where(.svelte-s2co74)) .grid:where(.svelte-s2co74){
    inset:0 0 30px 0;
  }

  .headerrow.svelte-s2co74{
    display: grid;
    grid-column: 1 / -1;
    grid-row:1;
    grid-template-columns: subgrid;
    grid-template-rows: 1fr;
    position:sticky;
    top:0; 
    z-index:3;
    border:var(--s-border,1px solid #ccc);
    border-width:0 0 1px 0;
    font-weight:bold;
  }
  .gridfooter.svelte-s2co74{
    padding:8px 10px;
    background:var(--s-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
    position: absolute;
    inset:auto 0 0 0; 
    border: var(--s-border, 1px solid #ccc);
    border-width: 1px 0 0 0;
  }

  .headerrow.svelte-s2co74 > div:where(.svelte-s2co74){
    padding:8px 10px;
    background:var(--s-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
    grid-row:1;
  }

  .main.svelte-s2co74{
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    grid-row:2;
  }

  .row.svelte-s2co74{
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    grid-template-rows: 1fr;
    cursor: pointer;
  }

  .row.svelte-s2co74 > div:where(.svelte-s2co74){
    padding:0 10px;
    background:var(--s-background,white);
    align-content: center;
  }

  .row.odd.svelte-s2co74 > div:where(.svelte-s2co74){
    background:var(--s-oddrow,#f3f3f3);
  }

  .row.active.svelte-s2co74 > div:where(.svelte-s2co74){
    background-color:var(--s-primary,#2299ee); 
    color:white;
  }

  .row.svelte-s2co74 > .sticky:where(.svelte-s2co74){
    position:sticky;
    border-right:1px solid #ccc;
    left:0;
    z-index:2;
  }
  .headerrow.svelte-s2co74 > .sticky:where(.svelte-s2co74){
    border:var(--s-border,1px solid #ccc);
    border-width:0 1px 0 0;
    position:sticky;
    top:0;
    left:0;
    grid-column: 1;
  }
  .arrow.flip.svelte-s2co74{
    transform:rotate(180deg) scaleX(-1);
    display:inline-block;
  }
  .dragover.svelte-s2co74{
    border-left:2px solid var(--s-primary,#2299ee); 
  }

  .cell.svelte-s2co74{
    padding:7px;
    overflow:hidden;
    white-space: nowrap;
  }



  .icon.svelte-1pgcrjn{
    display:inline-flex;
    place-content: center;
    width:1em;
    vertical-align: text-bottom;
  }
  svg.svelte-1pgcrjn{
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    overflow: hidden;
  }



  .slider.svelte-n0rt2h{
    position:absolute;
    width:100%;
    height:4px;
    overflow-x: hidden;
  }

  .line.svelte-n0rt2h{
    position:absolute;
    opacity: 0.4;
    background:rgba(0,0,0,0.2);
    width:150%;
    height:4px;
  }

  .subline.svelte-n0rt2h{
    position:absolute;
    background:#4a8df8;
    height:3px;
  }
  .inc.svelte-n0rt2h{
    animation: svelte-n0rt2h-increase 2s infinite;
  }
  .dec.svelte-n0rt2h{
    animation: svelte-n0rt2h-decrease 2s 0.5s infinite;
  }

  @keyframes svelte-n0rt2h-increase {
    from { left: -5%; width: 5%; }
    to { left: 130%; width: 100%;}
  }
  @keyframes svelte-n0rt2h-decrease {
    from { left: -80%; width: 80%; }
    to { left: 110%; width: 10%;}
  }



  .uploadinput.svelte-f3zrav{
    position:fixed;
    top: -100px; /* hidden off screen */
  }
  .uploadbutton.svelte-f3zrav{
    border:1px solid #ccc;
    position: relative;
    box-sizing: border-box;
    background:#fff;
    text-decoration: none;
    color:#333;
    white-space: nowrap;
    display: inline-block;
    margin:var(--s-button-margins,0);
    text-align: center;
    cursor: pointer;
    border-radius:var(--s-border-radius,4px);
    box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
    transition:box-shadow 0.2s;
    vertical-align: middle;
    font-size:12px;
    padding:0px 10px;
    height:26px;
    line-height:16px;
  }
  .uploadbutton.svelte-f3zrav:hover{
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
    cursor:pointer;
  }
  .uploadbutton.svelte-f3zrav .d-icon{ top:0.4em;} /* not sure why this is neccessary ?*/
  .markdowninput.svelte-f3zrav{
    width:100%;
    border:1px solid #ddd;
  }
  .stabs.svelte-f3zrav {
    text-align:left;
    background:#eee;
    padding:10px 10px 0 10px;
    border-bottom:1px solid #ccc;
    position:relative;
  }
  .stabs.svelte-f3zrav button:where(.svelte-f3zrav){
    position: relative;
    box-sizing: border-box;
    padding:7px 12px;
    background:#fff;
    border:0px;
    font-size: 14px;
    text-decoration: none;
    color:black;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height:1.25;
    border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
    line-height:18px;
    border:1px solid #ccc;
    color:rgba(0,0,0,0.7);
    margin-bottom:-1px;
  }
  .stabs.svelte-f3zrav button.active:where(.svelte-f3zrav){
    color:black;
    border:1px solid #ccc;
    border-bottom:1px solid white;

  }
  .stabs.svelte-f3zrav button:where(.svelte-f3zrav):active,.stabs.svelte-f3zrav button:where(.svelte-f3zrav):focus{
    outline:0px;
    color:black;
    border:2px solid #ccc;
    border-bottom:1px solid white;
  }
  .inputarea.svelte-f3zrav,.preview.svelte-f3zrav{
    padding:10px;
  }
  .inputarea.svelte-f3zrav textarea:where(.svelte-f3zrav),.cusortrack.svelte-f3zrav{
    font-weight:normal;
    border:0px;
    font-size:14px;
    resize: none;
    field-sizing: content;
    width:100%;
  }
  .inputarea.svelte-f3zrav textarea:where(.svelte-f3zrav):focus{
    outline:0px;
  }
  .stoolbar.svelte-f3zrav{
    position: absolute;
    top:10px;
    right:10px;
    font-size:12px;
    --s-button-margins:0px;
  }
  .preview.svelte-f3zrav img{
    max-width:100%;
  }
  .preview.svelte-f3zrav .video{
    width:100%;
    padding-top:56.25%;
    position:relative;
  }
  .preview.svelte-f3zrav .video iframe{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    border:0;
  }
  .preview.svelte-f3zrav > :first-child{
    margin-top:0;
  }
  .cusortrack.svelte-f3zrav{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:2px;
    overflow-wrap:break-word;
    white-space:pre-wrap;
    z-index:2;
    line-height:normal;
    font:400 11px system-ui;
    font-size:14px;
    pointer-events: none;
    opacity:0.01;
  }
  .cusortrack.svelte-f3zrav .cursor:where(.svelte-f3zrav){
    outline:1px solid black;
  }

  .emojilist.svelte-f3zrav{
    position:absolute;
    top:0;
    left:0;
    border:1px solid #eee;
    padding:1px;
    background:white;
    z-index:3;
    border-radius:2px;
    box-shadow:0 1px 3px rgba(0,0,0,0.3);
  }
  .emojilist.svelte-f3zrav > div:where(.svelte-f3zrav){
    padding:5px 8px;
    cursor:pointer;
  }
  .emojilist.svelte-f3zrav > .active:where(.svelte-f3zrav){
    background:#eee;
  }



  .backdrop.svelte-js1pyp{
    position:fixed;
    inset:0;
    margin:0;
    background-color: oklch(0% 0 0 / 40%);
    padding:20px;
    display:flex;
    align-content:start;
    align-items:start;
    justify-content:center;
    overflow:auto;
  }

  .smodal.svelte-js1pyp{
    outline:0;
    background:var(--s-background,white);
    padding:15px;
    border-radius:var(--s-border-radius,4px);
    box-shadow:0 3px 10px rgba(0,0,0,0.5);
    width:600px;
    max-width:100%;
    min-width:300px;
    height:auto;
    position:relative;
    align-self: flex-start;
    transition:transform 0.5s;
    transform:scale3d(1,1,1);
  }

  .heading.svelte-js1pyp h3:where(.svelte-js1pyp){
    margin:3px 0;
    font-size:21px;
    font-weight:normal;
  }
  .heading.svelte-js1pyp{
    border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
    padding:10px 15px 10px 15px;;
    margin:-15px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
  }
  .close.svelte-js1pyp{
    background:transparent;
    border:0px;
    font-size:24px;
    font-weight:bold;
    position:absolute;
    right:0px;
    top:0px;
    padding:7px 15px;
    cursor:pointer;
    opacity:0.5
  }
  .close.svelte-js1pyp:hover{
    opacity:1;
  }
  .modaltoolbar.svelte-js1pyp{
    border-top:1px solid var(--s-border-color,#eee);
    padding:15px 15px 5px 15px;
    margin:20px -15px 0 -15px;
  }
  .modaltoolbar.svelte-js1pyp:blank{
    display:none;
  }



  .spagination.svelte-1hecig0{
    overflow:hidden;/* fix float */
  }
  .spagination.svelte-1hecig0 .sbtn{
    margin:0;
    border-radius: var(--s-border-radius,4px);
    border-right-width:0;
    display:block;
    float:left;
  }

  .spagination.svelte-1hecig0 .sbtn:first-child{
    border-radius: var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
  }
  .spagination.svelte-1hecig0 .sbtn:last-child{
    border-radius: 0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
    border-right-width:1px;
  }



  .popover-panel.svelte-12vezh1 {
    /* Anchor positioning setup */
    position: absolute;
    margin: 0;
    /* Visual styling */
    padding: 1rem;
    background:var(--s-background,white);
    border: var(--s-border,1px solid #e2e8f0);
    border-radius: 0.5rem;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    min-width: 200px;
    max-width: 90vw;

    /* Fallback for browsers without anchor positioning */
    @supports not (position-anchor: --test) {
      position: fixed;
      inset: 0;
      margin: auto;
      height: fit-content;
    }
  }
  .popover-panel.svelte-12vezh1 >:first-child{
    margin-top:0;
  }

  [popover].svelte-12vezh1{
    /* --s-speed is non-inheriting (see register-properties.js). Setting it here directly. */
    --s-popover-_speed: var(--s-speed,0.3s);
    transition: opacity var(--s-popover-_speed), transform var(--s-popover-_speed), overlay var(--s-popover-_speed) allow-discrete, display var(--s-popover-_speed) allow-discrete;
    opacity:0;
    transform: translateY(-1em);
    color:currentColor;
  }
  [popover].svelte-12vezh1::backdrop {
    transition: background var(--s-popover-_speed), overlay var(--s-popover-_speed) allow-discrete,display var(--s-popover-_speed) allow-discrete;
  }
  [popover].svelte-12vezh1:popover-open{
    opacity: 1;
    transform: translateY(0);
  }
  /* (empty) [popover]:popover-open::backdrop {
    /* background: rgb(0 0 0 / 0.05); *\/
    /* backdrop-filter: blur(1px); *\/
  }*/

  @starting-style {
    [popover].svelte-12vezh1:popover-open{
      opacity: 0;
      transform: translateY(-1em)
    }
    [popover].svelte-12vezh1:popover-open::backdrop{
      background-color: hsl(0 0 0 / 0%);
    }
  }




  .portal{
    z-index:2000;
    position: fixed;
    padding:none;
  }



  progress.svelte-t6x9ed {
    width:100%;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    grid-column: 1/2;
    grid-row: 1/2;
    height:1.5em;
    --s-progress-_bar-color:var(--s-bar-color,var(--s-primary,#2299ee));
    --s-progress-_track-color:var(--s-track-color,rgba(0,0,0,0.03));
    --s-progress-_track-shadow:var(--s-track-shadow,inset 0 1px 2px rgba(0,0,0,0.3));
  }

  progress.svelte-t6x9ed::-webkit-progress-bar{
    background:var(--s-progress-_track-color);
    box-shadow: var(--s-progress-_track-shadow);
    border-radius: var(--s-border-radius,4px);
  }

  progress.svelte-t6x9ed::-webkit-progress-value{
    border-radius: var(--s-border-radius,4px);
    background-color: var(--s-progress-_bar-color);
    transition: width var(--s-progress-_speed) ease-in-out, background-color var(--s-progress-_speed);
  }

  .sprogress.svelte-t6x9ed{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    /* --s-speed is non-inheriting (see register-properties.js) and the `style` prop
       lands here, not on <progress> or its ::-webkit-progress-value pseudo-element -
       capture it into an ordinary inheriting variable so it actually reaches them. */
    --s-progress-_speed: var(--s-speed,0.4s);
  }

  .overlay.svelte-t6x9ed{
    grid-column: 1/2;
    grid-row: 1/2;
    display:grid;
    font-size:1em;
    margin-top:-0.2%;
    place-items:center;
    color:white;
  }

  .primary.svelte-t6x9ed{--s-progress-_bar-color: var(--s-primary,#2299ee);}
  .info.svelte-t6x9ed{--s-progress-_bar-color: var(--s-info,#17a2b8);}
  .success.svelte-t6x9ed{--s-progress-_bar-color: var(--s-success,#28a745);}
  .warning.svelte-t6x9ed{--s-progress-_bar-color: var(--s-warning,#ffc107);}
  .danger.svelte-t6x9ed{--s-progress-_bar-color:var(--s-danger,#dc3545);}
  .dark.svelte-t6x9ed{--s-progress-_bar-color: var(--s-dark,#343a40);}




  duo-slideshow > .duoslide{ /* direct descendant of this tag */
    display: block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: 0;
    transition: 0.5s transform,  0.5s opacity;
    transition-delay: 0.5s;
  }
  duo-slideshow > .duoslide.active{
    opacity: 1;
    position: relative;
    margin-top:0;
    z-index: 1;
    transition-delay: 0s;
  }

  .timer.svelte-1afugjo{
    position:absolute;
    bottom:0;
    left:0;
    height:5px;
    width:100%;
    background:white;
    opacity:0.3;
    transform-origin: top left;
    animation:4s linear 1 svelte-1afugjo-fill;
    z-index:10;
  }

  @keyframes svelte-1afugjo-fill{
    0%{
      transform:scaleX(0);
    }
    100%{
      transform:scaleX(1);
    }
  }

  .duo-slideshow.svelte-1afugjo{
    position: relative;
    display:block;
  }
  .controls.svelte-1afugjo{
    z-index:10;
  }

  .controls.svelte-1afugjo .next:where(.svelte-1afugjo),
  .controls.svelte-1afugjo .prev:where(.svelte-1afugjo){
    all:unset;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    transition: 0.5s all;
    color: rgba(255,255,255,0.8);
    background: rgba(0,0,0,0);
    padding: 18% 20px;
    font-size: 30px;
    line-height: 100%;
    z-index: 2;
    cursor:pointer
  }
  .controls.svelte-1afugjo .next:where(.svelte-1afugjo):hover,
  .controls.svelte-1afugjo .prev:where(.svelte-1afugjo):hover{
    background: rgba(0,0,0,0.5);
    color: #fff;
  }
  .controls.svelte-1afugjo .next:where(.svelte-1afugjo):before,
  .controls.svelte-1afugjo .prev:where(.svelte-1afugjo):before{
    content:'';
    position: absolute;
    top: calc(50% - 20px);
    left: 10px;
    height:30px;
    width:30px;
    background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="m66.156 50l-2.2188-2.5938-24-28-6.0938 5.1875 21.781 25.406-21.781 25.406 6.0938 5.1875 24-28z"/></svg>')

  }
  .controls.svelte-1afugjo .prev:where(.svelte-1afugjo){
    right: auto;
    left: 0;
    transform:scaleX(-1)
  }

  .controls.svelte-1afugjo .pager:where(.svelte-1afugjo){
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 20px;
    display: flex;
    justify-content: center;
  }
  .controls.svelte-1afugjo .pager:where(.svelte-1afugjo) button:where(.svelte-1afugjo){
    all:unset;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border: 1px solid #fff;
    display: inline-block;
    margin: 5px;
    cursor:pointer;
    border-radius: 50%;
  }
  .controls.svelte-1afugjo button.active:where(.svelte-1afugjo){
    background: #fff;
  }

  .controls.svelte-1afugjo button[disabled]:where(.svelte-1afugjo){
    cursor:not-allowed;
  }




  @property --s-fillperc {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }

  .stars.svelte-19r567l{
    display:inline-flex;
    gap:0.3em;
    position: relative;
  }

  .fill.svelte-19r567l{
    pointer-events: none;
    position: absolute;
    inset:0;
    display:inline-flex;
    gap:0.3em;
    -webkit-mask-image: linear-gradient(to right, currentColor var(--s-fillperc), transparent var(--s-fillperc));
    mask-image: linear-gradient(to right, currentColor var(--s-fillperc), transparent var(--s-fillperc));
    transition:--s-fillperc 0.3s;
  }

  .stars.svelte-19r567l > :where(.svelte-19r567l) svg{
    opacity:0.6;
    fill:transparent;
  }

  .stars.svelte-19r567l button:where(.svelte-19r567l){
    all:unset;
    cursor:pointer;
  }

  .active.svelte-19r567l .d-icon svg{
    opacity:1;
    fill:currentColor;
  }

  .stars.svelte-19r567l button:where(.svelte-19r567l):hover{
    opacity:0.4;
  }

  .d-icon.svelte-19r567l{
    height:1em;
    display: inline-flex;
    align-self: center;
    position:relative;
    top:0.15em;
    -webkit-font-smoothing:antialiased;
  }
  .d-icon.svelte-19r567l svg{
    height:100%;
    shape-rendering: geometricPrecision;
  }

  svg.svelte-19r567l{
    fill:currentColor;
    stroke:currentColor;
    stroke-width:4px;
  }  



  div.form-input.tags.svelte-1e11g1z{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    border:1px solid var(--s-border-color,#ccc);
    border-radius:var(--s-border-radius,4px);
    background-color:var(--s-background,white);
  }
  div.form-input.tags.svelte-1e11g1z .autocomplete{
    flex:1;
    min-width:50px;
    min-width:fit-content;
  }

  div.form-input.tags.svelte-1e11g1z .autocomplete .input input{
    border:1px solid transparent;
    min-width:fit-content;
  }
  div.form-input.tags.svelte-1e11g1z .autocomplete .input:has(:focus){
    outline:0;
  }

  div.form-input.svelte-1e11g1z .sbtn{
    margin:2px;
  }

  /* (unused) .tags-input:focus{
    outline:0px;
  }*/
  .tags.svelte-1e11g1z .remove:where(.svelte-1e11g1z){
    background:transparent;
    border:0px;
    margin:-5px -8px -5px 0px;
    transition:transform 0.2;
    color:inherit;
  }

  .tags.svelte-1e11g1z .remove:where(.svelte-1e11g1z):hover{
    transform: scale(1.5,1.5);
  }
  .tags.svelte-1e11g1z .remove:where(.svelte-1e11g1z):active,.tags.svelte-1e11g1z .remove:where(.svelte-1e11g1z):focus{
    outline:none;
    box-shadow: none;
  }
  



  .toaster.svelte-9ly9bs{
    position: fixed;
    top: 5px;
    right:10px;
    bottom:auto;
    left:auto;
    margin:0;
    border:0;
    padding:0;
    background:transparent;
    overflow:visible;
    color:inherit;
  }
  .slice.svelte-9ly9bs{
    width:250px;
    padding:15px 20px;
    border-radius:4px;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
    margin:5px 0;
    position:relative;
  }
  .cancel.svelte-9ly9bs{
    position:absolute;
    top:5px;
    right:5px;
    background:transparent;
    border:0;
    color:white;
    width:34px;
    height:34px;
    cursor:pointer;
    transition: transform 0.3s;
  }
  .cancel.svelte-9ly9bs:hover{
    transform:scale(1.3);
  }
  .slice.svelte-9ly9bs h3:where(.svelte-9ly9bs){
    margin:0 0 10px 0;
    color:white;
  }
  .slice.primary.svelte-9ly9bs,.slice.info.svelte-9ly9bs,.slice.success.svelte-9ly9bs,.slice.warning.svelte-9ly9bs,.slice.danger.svelte-9ly9bs,.slice.dark.svelte-9ly9bs { color:white; fill:white;}
  .slice.primary.svelte-9ly9bs {background-color:#2299ee;background-color:var(--s-primary,#2299ee)}
  .slice.info.svelte-9ly9bs {background-color:#17a2b8;background-color:var(--s-info,#17a2b8)}
  .slice.success.svelte-9ly9bs {background-color:#28a745;background-color:var(--s-success,#28a745)}
  .slice.warning.svelte-9ly9bs {background-color:#ffc107;background-color:var(--s-warning,#ffc107)}
  .slice.danger.svelte-9ly9bs {background-color:#dc3545;background-color:var(--s-danger,#dc3545)}
  .slice.dark.svelte-9ly9bs {background-color:#343a40;background-color:var(--s-dark,#343a40)}



  .optionbutton.svelte-1uj232h{
    all:unset;
    padding:7px 10px;
    cursor:pointer;
    display:block;
    width:100%
  }
  .autocomplete.svelte-1uj232h .popover-panel{
    /* min-width: anchor-size(width); */
    left:anchor(left);
    padding: 0;
    margin:3px 0;
    z-index:1001;
    max-height:210px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior: contain;
  }
  .autocomplete.svelte-1uj232h  .active:where(.svelte-1uj232h){
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--s-background,white))
  }
  .autocomplete.svelte-1uj232h .optionbutton:where(.svelte-1uj232h):hover{
    text-decoration: none;
    color: currentColor;
    background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--s-background,white))
  }


  .menu.svelte-517jul{
    position:relative;
  }
  .overlay.svelte-517jul{
    position: absolute;
    inset:0;
    background-image: linear-gradient(45deg, #00000002 25%, #00000009 25%, #00000009 50%, #00000002 50%, #00000002 75%, #00000009 75%, #00000009 100%);
    background-size: 56.57px 56.57px;
  }



  .duovar.svelte-1ywqjmd{
    display:inline-block;
    background:#dde6ec;
    color:#1d3e52;
    border-radius:10px;
    padding:1px 8px;
    font-size:0.85em;
    white-space:nowrap;
  }


  .editarea.svelte-1rtih5n{
    position:relative;
    white-space: normal;
  }

  .editarea.svelte-1rtih5n:hover{
    box-shadow:0 0 0 1px rgba(255,255,255,0.5),0 0 0 1px rgba(0,0,0,0.5);
  }
  .tab.svelte-1rtih5n{
    display:none;
  }

  .editarea.svelte-1rtih5n:hover .tab:where(.svelte-1rtih5n){
    display:block;
    position:absolute;
    top:0;
    left:-1px;
    transform:translateY(-100%);
    background:rgba(100,100,100,0.3);
    color:white;
    font-size:11px;
    line-height:1;
    padding:3px 6px;
    border-radius:3px 3px 0 0;
    pointer-events:none;
  }




duo-card:not(:defined) {
  visibility: hidden;
}


  /* :global() so these still apply to the light-DOM branch above (no shadow root to scope them to).
     Nested under duo-icon so generic names like .icon/.loading don't leak into site-wide CSS */
  duo-icon{
    display:inline-block;
    line-height:1em;
  }
  duo-icon .icon{
    height:1em;
    width:1em;
    display: inline-flex;
    align-self: center;
    position:relative;
    top:0.15em;
    -webkit-font-smoothing:antialiased;
    fill:currentcolor;
  }
  duo-icon .icon svg{
    width:1em;
    height:1em;
  }
  duo-icon .no-icon,duo-icon .error{
    background:#eee;
    height: 1.1em;
    width:1.1em;
    line-height:1em;
    border:1px solid #ccc;
    border-radius:10000px;
    font-size:1em;
    flex:1;
    text-align:center;
    position:relative;
    top:-0.1em;
  }
  duo-icon .loading{
    flex:1;
    height: 1.1em;
    width:1.1em;
    border:1px solid #ccc;
  }



  .duo-access.active.svelte-1xrggil > .backdrop:where(.svelte-1xrggil){
    position: fixed;
    inset:0;
    background:rgba(0,0,0,0.2);
  }



  .cols.svelte-1xd47m1{
    display:grid;
    gap: 20px;
  }

  .orgdetails.svelte-1xd47m1 .form-row .form-input-static{
    padding:8px 0 0 0;
  }

  .cols.svelte-1xd47m1 .form-row input:valid:not(:placeholder-shown),.cols.svelte-1xd47m1 .form-row select:valid:not(:placeholder-shown){
    background-color:color-mix(in srgb, green, white 95%);
    border-color: #388e3c;
  }

  .application-form details:has(.isInvalid) .insurance-missing .sbtn{
    background-color: var(--s-danger,#dc3545);
    border-color: var(--s-danger,#dc3545);
  }
  .orgdetails.svelte-1xd47m1 form:where(.svelte-1xd47m1) .cols:where(.svelte-1xd47m1) .col:where(.svelte-1xd47m1):first-child .note{
    margin-left:197px;
  }


  .subheading.svelte-1xd47m1{
    padding:15px 0 10px 15px;
    border-top:1px solid #eee;
    color: var(--d-lightblue);
    font-size:14px;
  }

  @media (width > 1100px){
    .cols.svelte-1xd47m1{
      grid-template-columns: 1fr 1fr;
    }

    .services.cols.svelte-1xd47m1{
      --s-labelwidth:0px;
    }

    .services.cols.svelte-1xd47m1{
      grid-template-columns: 1.95fr 1fr;
    }

    .services.cols.svelte-1xd47m1 .col:first-child{
      --s-labelwidth:190px;
    }
  }




  .defaultimg.svelte-wo89tk{
    border:1px dashed #ccc;
    padding:0px 20px;
    color:#aaa;
  }
  .cols.svelte-wo89tk{
    display:grid;
    gap: 20px;
  }

  .cols.svelte-wo89tk .form-row input:valid:not(:placeholder-shown),
  .cols.svelte-wo89tk .form-row select:valid{
    background-color:color-mix(in srgb, green, white 95%);
    border-color: #388e3c;
  }


  
  .application-form details:has(.isInvalid) .form-row input:invalid,
  .application-form details:has(.isInvalid) .form-row select:invalid{
    background-color:color-mix(in srgb, red, white 95%);
    border-color: #dd0000;
  }

  .application-form details:has(.isInvalid) .avatar-missing{
    background-color:color-mix(in srgb, red, white 95%);
    border: 1px solid #dd0000;
    border-radius: var(--s-border-radius,4px);
  }



  @media (width > 1100px){
    .cols.svelte-wo89tk{
      grid-template-columns: 1fr 1fr;
    }
  }



  .panel.svelte-mulpj8{
    margin:10px;
    --s-formrow-margins:0;
    --s-button-margins:0;
  }
  .panel.svelte-mulpj8 .note{
    margin-left:0
  }




  .cols.svelte-ds68sy{
    display:grid;
    margin-top:15px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
  }

  .form.svelte-ds68sy{
    background:#fafafa;
    border:1px solid #ddd;
    border-radius: 5px;
    padding:15px 30px;
  }
  form.svelte-ds68sy h4:where(.svelte-ds68sy){
    margin-bottom:10px;
  }
  .toolbar.svelte-ds68sy{
    display:flex;
    justify-content: flex-end;
    padding-right:5px;
  }





  details.svelte-1gof9ug{
    border:1px solid #ddd;
    margin-top:10px;
    overflow:hidden;
    border-radius:4px;
  }
  details.svelte-1gof9ug > :where(.svelte-1gof9ug){
    padding:8px 15px;
  }

  details.svelte-1gof9ug::details-content{
    height:0;
  }

  details[open].svelte-1gof9ug::details-content{
    padding-top:10px;
    height:auto;
  }

 @supports(interpolate-size: allow-keywords){
    details.svelte-1gof9ug{
      interpolate-size: allow-keywords;
    }
    details.svelte-1gof9ug::details-content{
      transition-behavior: allow-discrete;
      transition: height 0.3s ease-in-out, content-visibility 0.3s ease;
    }
  }

  summary.svelte-1gof9ug{
    padding:8px 15px;
    background:#fff;
    cursor: pointer;
    transition: background 0.3s;
    position:relative;
  }
  summary.svelte-1gof9ug:hover{
    background:#fafafa;
  }
  details.svelte-1gof9ug summary:where(.svelte-1gof9ug)::marker {
    content:"";
  }
  
  details[open].svelte-1gof9ug summary:where(.svelte-1gof9ug){
    color:var(--d-lightblue);
  }

  .application-form.svelte-1gof9ug{
    --s-labelwidth:200px;
    --s-formrow-margins:0px 8px 8px 8px;
  }
  .application-form.svelte-1gof9ug .slabel{
    padding-top:10px;
    align-self: start;
  }

  .application-form.svelte-1gof9ug .slotwrap > .form-row{
    --s-formrow-margins:8px 0px 0px 0px;
  }

  .editarea.svelte-1gof9ug{
    border:1px dashed #ccc;
    min-height:25px;
  }

  .toolbar.svelte-1gof9ug{
    display:flex;
    justify-content: flex-end;
    padding:10px;
  }

  .application-form.svelte-1gof9ug  .description:where(.svelte-1gof9ug){
    font-size:16px;
    column-width:400px;
    column-gap:25px;
    column-fill: balance;
  }
  application-form > *{
    break-inside: avoid;
    margin:0;
    padding-block:8px;
  }

  .resetpassword.svelte-1gof9ug{
    --s-labelwidth:162px;
  }
 
  .isValid.svelte-1gof9ug,.isInvalid.svelte-1gof9ug{
    position:absolute;
    top:5px;
    right:5px;
    display: grid;
    place-content: center;
    background:color-mix(in srgb, green, white 95%);
    border:1px solid #388e3c;
    background: #388e3c;
    color:white;
    width:26px;
    height:26px;
    border-radius: 500px;
    padding-bottom:0.2em;
    font-size:12px;
  }

  .isInvalid.svelte-1gof9ug{
    padding-bottom:0.25em;
    border:1px solid #dd0000;
    background: #dd0000;
  }
  summary.svelte-1gof9ug:has(.isValid:where(.svelte-1gof9ug)){
    background:color-mix(in srgb, green, white 95%);
  }

  details[open].svelte-1gof9ug summary:where(.svelte-1gof9ug):has(.isValid:where(.svelte-1gof9ug)){
    color: #388e3c;
  }

  .application-form.svelte-1gof9ug .form-row label{
    font-weight:bold;
  }

  .pre.svelte-1gof9ug{
    white-space:pre-wrap;
    background:rgba(0,0,0,0.05);
    padding:10px 15px;
    border-radius:5px;
  }


  .cols.svelte-1ca6ztg{
    display:grid;
    gap: 20px;
    margin:0 15px;
  }
  @media (width > 1100px){
    .cols.svelte-1ca6ztg{
      grid-template-columns: 1fr 1fr;
    }
  }


.cookie-banner.svelte-120fvo0{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.8);
  padding:25px;
  color:white;
  display:flex;
  flex-wrap:wrap;
  font-size:14px;
  gap:15px;
  font-weight:400;
  z-index:1059;
}
.message.svelte-120fvo0{
  flex:1 1 400px;
}

.message.svelte-120fvo0::slotted{
  color:white;
  font-weight:400;
}
.options.svelte-120fvo0{
  display:flex;
  gap:5px;
  align-items: center;
  justify-content: center
}
.modal-body.svelte-120fvo0{
  padding:20px;
}

button.svelte-120fvo0{
  background:black;
  border:1px solid white;
  padding:0.5em 1em;
  display:flex;
  color:white;
}

.infopanel.svelte-120fvo0{
  max-height:50px;
  overflow:hidden;
  font-size:14px;
  transition:max-height 0.3s;
}

.infopanel.active.svelte-120fvo0{
  max-height:800px;
}

.infopanel.svelte-120fvo0 .infotitle:where(.svelte-120fvo0){
  all:unset;
  width:90%;
  display:block;
  background:#eee;
  padding:5px 30px;
  border-radius:5px;
  position: relative;
  cursor:pointer;
}
.infopanel.svelte-120fvo0 .infotitle:where(.svelte-120fvo0) h4:where(.svelte-120fvo0){
  font-size:16px;
  padding:0;
  margin:0.5rem 0 0.5rem 0;
}

.infopanel.svelte-120fvo0 .infotitle:where(.svelte-120fvo0):before{
  content:"";
  position: absolute;
  top: calc(50% - 10px);
  left: 5px;
  height:20px;
  width:20px;
  background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path style="fill:%23444" d="m66.156 50l-2.2188-2.5938-24-28-6.0938 5.1875 21.781 25.406-21.781 25.406 6.0938 5.1875 24-28z"/></svg>');
  transition:transform 0.3s;
}

.infopanel.active.svelte-120fvo0 .infotitle:where(.svelte-120fvo0):before{
  transform: rotate(90deg);
}

.infotools.svelte-120fvo0{
  position: absolute;
  right:20px;
  top:0px;
  display:flex;
  gap:10px;
  align-items: center;
  height:45px;

}
.infotools.svelte-120fvo0 > :where(.svelte-120fvo0){
  margin:0;
}

.panelinner.svelte-120fvo0{
  padding:10px;
}

thead.svelte-120fvo0{
  background:#777;
  color:white;
}

.checkbox.svelte-120fvo0{
  display:flex;
}
.checkbox.svelte-120fvo0 input[type=checkbox]:where(.svelte-120fvo0){
  position: relative;
    width: 44px;
    height: 24px;
    margin: 0;
    background: #d0d5d2;
    -webkit-appearance: none;
    border-radius: 50px;
    cursor: pointer;
    outline: 0;
    border: none;
    top: 0;
}
.checkbox.svelte-120fvo0 input[type=checkbox]:where(.svelte-120fvo0):before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin: 0;
}

.checkbox.svelte-120fvo0 input[type=checkbox]:where(.svelte-120fvo0):checked{
  background:var(--s-success,#28a745);
}

.checkbox.svelte-120fvo0 input[type=checkbox]:where(.svelte-120fvo0):checked:before{
  transform: translateX(20px);
}



  .toolbar.svelte-fusv6i{
    display:flex;
    border-bottom:1px solid #eee;
    --s-button-margins:5px;
    justify-content: flex-end;
  }
  .search.svelte-fusv6i{
    width:250px;
  }
  .modalbody.svelte-fusv6i{
    padding:20px 10px;
  }
  .stars.svelte-fusv6i{
    display: flex;
    justify-content: space-around;
  }
  .stars.svelte-fusv6i button:where(.svelte-fusv6i){
    all:initial;
    cursor:pointer;
    font-size:21px;
    color:#eee;
  }
  .stars.svelte-fusv6i button.active:where(.svelte-fusv6i){
    color:var(--primary-color);
  }



  .d-icon.svelte-iyby21{
    height:1em;
    display: inline-flex;
    align-self: center;
    position:relative;
    top:0.15em;
    -webkit-font-smoothing:antialiased;
  }
  .d-icon.svelte-iyby21 svg{
    height:100%;
    shape-rendering: geometricPrecision;
  }


  .dropdown button.logindropdown{
    display:flex;
    gap:5px;
    justify-content: space-evenly;
    width:auto;
    max-width:200px;
  }

  .loginname.svelte-1q2qr3z{
    max-width:100%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  @media (max-width: 768px) {
    .loginname.svelte-1q2qr3z{
      display:none;
    }
  }



  .mymembership.svelte-1mb2fpm{
    padding:20px;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    border:1px solid var(--d-primary);
    margin-block: 10px;
    --s-button-margins:0;
  }
  @media (max-width: 768px) {
    .mymembership.svelte-1mb2fpm {
      grid-template-columns: 1fr;
    }
  }




  .wrapper.svelte-oljcfc{
    margin:-15px -15px;
  }
  iframe.svelte-oljcfc{
    border:0;
    width:100%;
    display:block;
  }


.wras-quiz.svelte-cwa5is{
  display:block; 
  box-shadow:0 2px 5px rgba(0,0,0,0.2);
  padding:20px;
}
.wras-quiz.svelte-cwa5is p, .wras-quiz.svelte-cwa5is > div:where(.svelte-cwa5is){
  font-size:18px;
}
.wras-quiz.svelte-cwa5is .quizanswer:where(.svelte-cwa5is) p:where(.svelte-cwa5is) {
  text-align:center;
}
.wras-quiz.svelte-cwa5is .quizanswer:where(.svelte-cwa5is) button:where(.svelte-cwa5is){
  color:white;
  display:block;
  width:100%;
  border:0;
  background:#00203B;
  text-align:center;
  padding:30px;
  font-size:40px;
  cursor:pointer;
  transition: 0.5s all;
  margin-bottom:5px;
}
.wras-quiz.svelte-cwa5is .quizanswer:where(.svelte-cwa5is) button:where(.svelte-cwa5is):hover{
  text-decoration:none;
  background:#74c043;
  color:white;
}

.wras-quiz.svelte-cwa5is .progress-bar:where(.svelte-cwa5is){
  transition:0.5s width;
}

.wras-quiz.svelte-cwa5is img:where(.svelte-cwa5is),.quizarea img{
  width:100%;
  max-width:100%;
}

.pop.svelte-cwa5is button:where(.svelte-cwa5is){
  border:0;
  text-align:center;
  display:block; 
  margin:0px auto;
  max-width:100px;
  background:#00203B;
  padding:10px 20px;
  color:white; 
  text-decoration:none;
}

.pop.svelte-cwa5is p:where(.svelte-cwa5is) {
  text-align: center;
  margin: 20px 0 60px;
  font-size: 1.25em;
}
.pop.svelte-cwa5is p.success:where(.svelte-cwa5is) {
  color: #73AF55;
}
 .pop.svelte-cwa5is p.error:where(.svelte-cwa5is) {
  color: #D06079;
}


/* animations below */

svg.svelte-cwa5is {
  width: 100px;
  display: block;
  margin: 40px auto 0;
}
.path.svelte-cwa5is {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.path.circle.svelte-cwa5is {
  -webkit-animation: svelte-cwa5is-dash 0.9s ease-in-out;
  animation: svelte-cwa5is-dash 0.9s ease-in-out;
}
.path.line.svelte-cwa5is {
  stroke-dashoffset: 1000;
  -webkit-animation: svelte-cwa5is-dash 0.9s 0.35s ease-in-out forwards;
  animation: svelte-cwa5is-dash 0.9s 0.35s ease-in-out forwards;
}
.path.check.svelte-cwa5is {
  stroke-dashoffset: -100;
  -webkit-animation: svelte-cwa5is-dash-check 0.9s 0.35s ease-in-out forwards;
  animation: svelte-cwa5is-dash-check 0.9s 0.35s ease-in-out forwards;
}


/* IE11 - don't animate icons, as broken */
@media all and (-ms-high-contrast:none){
  .svelte-cwa5is::-ms-backdrop, .path.line.svelte-cwa5is { 
    stroke-dashoffset: 0;
  } 
  .svelte-cwa5is::-ms-backdrop, .path.check.svelte-cwa5is { 
    stroke-dashoffset: 900;
  } 
}

@-webkit-keyframes svelte-cwa5is-dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes svelte-cwa5is-dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svelte-cwa5is-dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes svelte-cwa5is-dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}





  .pullblock.svelte-p7fy9q h3:where(.svelte-p7fy9q) a:where(.svelte-p7fy9q){
    color:white;
    display:block;
    padding:20px;
    transition: transform 0.3s;
    font-size:25px;
  }
  .pullblock.svelte-p7fy9q h3:where(.svelte-p7fy9q) a:where(.svelte-p7fy9q):hover{
    text-decoration:none;
    transform:scale(1.1);
  }
  .pullblock.svelte-p7fy9q h3:where(.svelte-p7fy9q) a.disabled:where(.svelte-p7fy9q){
    opacity:0.5;
    cursor:not-allowed;
    pointer-events: none;
  }

  .pullblock.svelte-p7fy9q h3:where(.svelte-p7fy9q) a:where(.svelte-p7fy9q) .fa:where(.svelte-p7fy9q) {
    float:right;
  }
  .pullblock_emergency.svelte-p7fy9q h3:where(.svelte-p7fy9q) a:where(.svelte-p7fy9q){
    background:#c00;
  }
  .pullblock_search.svelte-p7fy9q h3:where(.svelte-p7fy9q) a:where(.svelte-p7fy9q){
    background:#009FE3;
  }




  .mapwrap.svelte-19dcv2j{
    min-height:calc(100vh - 200px);
    display:grid;
    grid-template-areas: "all";
  }

  .operates_in.svelte-19dcv2j{
    margin:5px 0 0 0;
  }
  .operates_in.svelte-19dcv2j .form-row .checkboxLabel{
    font-weight:800;
  }

  .map.svelte-19dcv2j{
    grid-area:all;
  }
  .results.svelte-19dcv2j{
    background:rgba(255,255,255,0.8);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    grid-area: all;
    z-index:2;
    width:min(500px,100vw - 6%);
    padding:10px 15px;
    place-self: start end;
    margin:30px 3% 30px 3%;
  }

  .pagination.svelte-19dcv2j{
    list-style: none;
    padding:0;
  }

  .pagination.svelte-19dcv2j a:where(.svelte-19dcv2j){
    background:white;
  }

  .pagination.svelte-19dcv2j li.active:where(.svelte-19dcv2j) a:where(.svelte-19dcv2j){
    background:var(--d-primary);
  }

  .results.svelte-19dcv2j .checkboxLabel{
    font-weight:normal;
  }
  .results.svelte-19dcv2j .form-row{
    margin:0px;
  }

  .mapwrap.svelte-19dcv2j .mapIconLabel{
    font-size:14px;
    border:1px solid red;
  }

  .resultlist.svelte-19dcv2j li:where(.svelte-19dcv2j){
    margin-bottom:10px;
  }

  .resultlist.svelte-19dcv2j li:where(.svelte-19dcv2j) a:where(.svelte-19dcv2j){
    color:#00AEEF;
    font-weight:bold;
  }

  .modalbody.svelte-19dcv2j{
    padding:15px 30px;
  }
  .modalmap.svelte-19dcv2j{
    height:300px;
    /* border:1px solid #00AEEF; */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  }

  .employeerow.svelte-19dcv2j:hover{
    background:#d9edf7;
    border:1px solid #afd9ee;
    border-radius:5px;
    cursor:pointer;
  }
  .alert.svelte-19dcv2j h5:where(.svelte-19dcv2j){
    margin-top:0;
  }
  h2.svelte-19dcv2j{
    margin-bottom:15px;
  }

  /* fix for duo-kit fight with bootstrap*/
  .form-row.checkrow label.checkboxLabel{
    line-height:1.1em!important;
    margin-left:10px!important;
  }


  .number.svelte-192inp7{
    font-size: 50px;
    text-align: center;
    font-weight:500;
  }
  .subtitle.svelte-192inp7{
    text-align: center;
    font-size: 21px;
  }
  .subtitle.svelte-192inp7 ::slotted(*){
    font-weight:500;
    font-size: 21px;
  }


  .agreements.svelte-127m4ud{
    --s-button-margins:0;
  }
  .agreements.svelte-127m4ud p:where(.svelte-127m4ud){
    max-width:90ch;
  }
  h4.svelte-127m4ud:not(:first-child){
    margin-top:30px;
    padding-top:30px;
    border-top:1px dotted var(--d-primary);
  }

  .agreements.svelte-127m4ud input[type=checkbox] {
    min-width:25px;
  }

  .agreements.svelte-127m4ud button.primary.sbtn {
    white-space: normal;
    height:auto;
  }



  .memberlist.svelte-emgf9m{
    min-height:400px;
  }
  .deleted.svelte-emgf9m{
    text-decoration: line-through;
    opacity:0.5;
  }
  .notice.svelte-emgf9m{
    padding:5px 5px;
  }
  .avatar.svelte-emgf9m,.photocols.svelte-emgf9m .avatar{
    width:105px;
    height:140px;
    margin:0 auto;
    display:block;
    object-fit: cover;
    box-shadow:0 0 0 4px white,0 0 0 6px #eee;
    margin:10px;
  }
  .photocols.svelte-emgf9m{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items: start;
  }




  .team-admin.svelte-166jz6o{
    margin-top:15px;
    accent-color: #029de0;
  }
  .cols.svelte-166jz6o{
    display:flex;
    flex-wrap:wrap;
    gap:0px 10px;
  }
  .team-admin.svelte-166jz6o .col{
    flex:1 1 400px;
  }
  .team-admin.svelte-166jz6o .crudlist .toolbar{
    margin: 0 -10px 0 -5px;
  }
  .team-admin.svelte-166jz6o .crudlist .search{
    width:175px;
  }
  .team-admin.svelte-166jz6o .flex-space{
    flex:1;
  }

  .team-admin.svelte-166jz6o .toolbar{
    display:flex; 
  }
  .team-admin.svelte-166jz6o .salert{
    margin:4px;
    padding:7px 15px;
  }


  .team-admin.svelte-1mzq12c{
    margin-top:15px;
    accent-color: #029de0;
  }
  .cols.svelte-1mzq12c{
    display:flex;
    flex-wrap:wrap;
    gap:0px 10px;
  }
  .team-admin.svelte-1mzq12c .col{
    flex:1 1 400px;
  }
  .team-admin.svelte-1mzq12c .crudlist .toolbar{
    margin: 0 -10px 0 -5px;
  }
  .team-admin.svelte-1mzq12c .crudlist .search{
    width:175px;
  }
  .team-admin.svelte-1mzq12c .flex-space{
    flex:1;
  }

  .team-admin.svelte-1mzq12c .toolbar{
    display:flex; 
  }
  .team-admin.svelte-1mzq12c .salert{
    margin:4px;
    padding:7px 15px;
  }


  .popup.svelte-19b320x{
    border:1px solid #ddd;
    background:rgba(255,255,255,0.8);
    position: absolute;
    padding:8px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    pointer-events: none;
    transition: all 0.2s ease;
    transform: translate(-50%, -100px);
  }

  .water-map.svelte-19b320x {
  display: grid;
  grid-template-columns:4fr 1fr;
  grid-template-rows:auto 1fr;
  /* grid-template-areas: "content"; */
  position: relative;
}
.water-map.svelte-19b320x svg:where(.svelte-19b320x) {
  grid-area: content;
  grid-column:1/-1;
  grid-row:1/-1;
}
.placeholder.svelte-19b320x {
  display: none;
}
.postcode-supplier.svelte-19b320x{
  grid-column:2/-1;
  grid-row:1/2;
  border-radius:5px;
  background: rgba(255,255,255,0.5);
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  margin-bottom:15px;
  overflow:hidden;
  z-index:2;
}
.postcode-supplier.svelte-19b320x button:where(.svelte-19b320x){
  margin:0;
  padding:0.25em 0.75em;
}
.postcode-supplier.svelte-19b320x .supplier-info:where(.svelte-19b320x) button:where(.svelte-19b320x){
  margin-top:15px;
}
.postcode-supplier.svelte-19b320x > p:where(.svelte-19b320x){
  margin:0;
  padding:5px 15px;
  font-size:120%;
  text-align:center;
}
.postcode-supplier.svelte-19b320x > p.title:where(.svelte-19b320x) {
  background:#009fe3;
  color:white;
  font-size:120%;
  font-weight:bold;
  border-bottom:1px solid white;
  line-height:1.2;
  border-radius:5px 5px 0 0;
}
.postcode-supplier.svelte-19b320x > p.title:where(.svelte-19b320x) small:where(.svelte-19b320x){
  font-size:small;
}
.postcode-supplier.active.svelte-19b320x > p.title:where(.svelte-19b320x){
  text-align:left;
  display:flex;
  gap:10px;
  align-items:center;
}
.postcode-supplier.active.svelte-19b320x > p.title:where(.svelte-19b320x) .arrow:where(.svelte-19b320x){
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background:white;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/></svg>");
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:cover;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/></svg>");
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:cover;
}
.postcode-supplier.svelte-19b320x .supplier-info:where(.svelte-19b320x){
  padding:15px;
  font-size:90%;
  text-align:center;
  color:white;
  background:#002d56;
}
.postcode-supplier.svelte-19b320x .supplier-info:where(.svelte-19b320x) strong:where(.svelte-19b320x){
  font-size:120%;
  cursor:pointer;
}
.postcode-supplier.svelte-19b320x form:where(.svelte-19b320x) {
  padding:15px;
}
.postcode-supplier.svelte-19b320x form:where(.svelte-19b320x) > :where(.svelte-19b320x){
  display:block;
  width:100%;
  margin:0;
}
.postcode-supplier.svelte-19b320x form:where(.svelte-19b320x) input:where(.svelte-19b320x){
  padding:10px 15px;
  margin-bottom:5px;
}
.postcode-supplier.svelte-19b320x form:where(.svelte-19b320x) span.error:where(.svelte-19b320x){
  font-size:small;
  display:block;
  line-height:1.2;
  margin-bottom:5px;
  padding:3px 5px;
  border-radius:4px;
  background:color-mix(in lab, #a00, #fff 80%);
}
.postcode-supplier.svelte-19b320x form:where(.svelte-19b320x) input.error:where(.svelte-19b320x){
  background:color-mix(in lab, #a00, #fff 80%);
}
.postcode-supplier.svelte-19b320x > p.disclaimer:where(.svelte-19b320x){
  font-size:80%;
  opacity:0.5;
  line-height:1;
  margin-top:0;
  padding-top:0;
}
.postcode-supplier.svelte-19b320x > p.disclaimer.result:where(.svelte-19b320x){
  opacity:1;
  color:white;
  background: #002d56;
}
.link-size-large.svelte-19b320x{
  font-size:17px;
}
.mapkey.svelte-19b320x {
  /* grid-area: content; */
  /* justify-self: end; */
  grid-column:2/-1;
  grid-row:2/-1;
  z-index: 2;
  font-size: 12px;
  background: rgba(255,255,255,0.5);
}
.mapkey.svelte-19b320x li:where(.svelte-19b320x) {
  line-height: 25px;
  padding: 0 5px;
  border-radius: 4px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .mapkey.svelte-19b320x li:where(.svelte-19b320x) {
    line-height: 20px;
  }
}
.mapkey.svelte-19b320x li.active:where(.svelte-19b320x) {
  background: #ddd;
}
.keyblock.svelte-19b320x {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px 10px 0 0;
  border-radius: 3px;
  background: #ccc;
}
@media (max-width: 1199px) {
  .keyblock.svelte-19b320x {
    margin-top: 2px;
  }
}
.active.affinity.svelte-19b320x,.mapkey.svelte-19b320x *.affinity:where(.svelte-19b320x) {
  background-color: #4caed4;
  fill: #4caed4;
}
.active.anglian.svelte-19b320x,.mapkey.svelte-19b320x *.anglian:where(.svelte-19b320x) {
  background-color: #860697;
  fill: #860697;
}
.active.bournemouth.svelte-19b320x,.mapkey.svelte-19b320x *.bournemouth:where(.svelte-19b320x) {
  background-color: #ffb43d;
  fill: #ffb43d;
}
.active.bristol.svelte-19b320x,.mapkey.svelte-19b320x *.bristol:where(.svelte-19b320x) {
  background-color: #8abd43;
  fill: #8abd43;
}
.active.cambridge.svelte-19b320x,.mapkey.svelte-19b320x *.cambridge:where(.svelte-19b320x) {
  background-color: #fdff54;
  fill: #fdff54;
}
.active.hafren.svelte-19b320x,.mapkey.svelte-19b320x *.hafren:where(.svelte-19b320x) {
  background-color: #cc97c5;
  fill: #cc97c5;
}
.active.dwr.svelte-19b320x,.mapkey.svelte-19b320x *.dwr:where(.svelte-19b320x) {
  background-color: #a8f575;
  fill: #a8f575;
}
.active.essex.svelte-19b320x,.mapkey.svelte-19b320x *.essex:where(.svelte-19b320x) {
  background-color: #ff8936;
  fill: #ff8936;
}
.active.ireland.svelte-19b320x,.mapkey.svelte-19b320x *.ireland:where(.svelte-19b320x) {
  background-color: #018ab0;
  fill: #018ab0;
}
.active.northumbrian.svelte-19b320x,.mapkey.svelte-19b320x *.northumbrian:where(.svelte-19b320x) {
  background-color: #00edc9;
  fill: #00edc9;
}
.active.portsmouth.svelte-19b320x,.mapkey.svelte-19b320x *.portsmouth:where(.svelte-19b320x) {
  background-color: #f0f;
  fill: #f0f;
}
.active.scottish.svelte-19b320x,.mapkey.svelte-19b320x *.scottish:where(.svelte-19b320x) {
  background-color: #b1005e;
  fill: #b1005e;
}
.active.severn.svelte-19b320x,.mapkey.svelte-19b320x *.severn:where(.svelte-19b320x) {
  background-color: #c1ad00;
  fill: #c1ad00;
}
.active.southeast.svelte-19b320x,.mapkey.svelte-19b320x *.southeast:where(.svelte-19b320x) {
  background-color: #2c4363;
  fill: #2c4363;
}
.active.southstaffs.svelte-19b320x,.mapkey.svelte-19b320x *.southstaffs:where(.svelte-19b320x) {
  background-color: #cfc;
  fill: #cfc;
}
.active.southwest.svelte-19b320x,.mapkey.svelte-19b320x *.southwest:where(.svelte-19b320x) {
  background-color: #ea5432;
  fill: #ea5432;
}
.active.southern.svelte-19b320x,.mapkey.svelte-19b320x *.southern:where(.svelte-19b320x) {
  background-color: #56b468;
  fill: #56b468;
}
.active.sutton.svelte-19b320x,.mapkey.svelte-19b320x *.sutton:where(.svelte-19b320x) {
  background-color: #6c4dde;
  fill: #6c4dde;
}
.active.thames.svelte-19b320x,.mapkey.svelte-19b320x *.thames:where(.svelte-19b320x) {
  background-color: #a2e0ad;
  fill: #a2e0ad;
}
.active.united.svelte-19b320x,.mapkey.svelte-19b320x *.united:where(.svelte-19b320x) {
  background-color: #1e5fab;
  fill: #1e5fab;
}
.active.wessex.svelte-19b320x,.mapkey.svelte-19b320x *.wessex:where(.svelte-19b320x) {
  background-color: #7039bf;
  fill: #7039bf;
}
.active.yorkshire.svelte-19b320x,.mapkey.svelte-19b320x *.yorkshire:where(.svelte-19b320x) {
  background-color: #052e55;
  fill: #052e55;
}
.area.svelte-19b320x {
  transition: 0.5s all;
  fill: #ccc;
  stroke-width: 0px;
  stroke: #fff;
  cursor: pointer;
}

@media (max-width: 1199px) {
  .water-map.svelte-19b320x svg:where(.svelte-19b320x) {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .water-map.svelte-19b320x svg:where(.svelte-19b320x) {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .water-map.svelte-19b320x svg:where(.svelte-19b320x) {
    width: 100%;
    min-height: 450px;
    grid-row:auto;
    grid-column:auto;
  }
  .water-map.svelte-19b320x{
    grid-template-columns:1fr;
    grid-template-rows: auto;
  }
  .postcode-supplier.svelte-19b320x{
    grid-column:1/-1;
    grid-row:auto;
    margin-top:30px;
    margin-bottom:30px;
  }
  .mapkey.svelte-19b320x{
    grid-column:1/-1;
    grid-row:auto;
    column-count: 2;
  }
}

  



  .searchblock.svelte-mhtol0{
    background:#382687;
    color:white;
    padding:40px;
    border-radius:6px;
    box-shadow:0 2px 10px rgb(0 0 0 / 30%);
  }

  .searchblock.svelte-mhtol0 input[type=text]{
    font-size:22px;
    height:50px;
    padding:20px;
    margin:0;
    text-align:center;
    margin:0px -10px 0 0px;
    width:100%;
  }
  .relative.svelte-mhtol0{
    position:relative;
  }

  .dropdown.svelte-mhtol0{
    background:white;
    box-shadow:0 2px 10px rgb(0 0 0 / 30%);
    border-radius:6px;
    position:absolute;
    top:70px;
    left:-60px;
    right:-60px;
    color:#222;
    z-index:2;
    opacity:0;
    pointer-events:none; 
    padding:10px 15px;
    transform:scale(0.1);
    transform-origin:top center;
    transition:all 0.2s;
  }

  .dropdown.svelte-mhtol0 label:where(.svelte-mhtol0){
    display:block;
  }
  .dropdown.svelte-mhtol0 label:where(.svelte-mhtol0) input[type=checkbox]:where(.svelte-mhtol0){
    margin-right:5px;
  }

  .dropdown.active.svelte-mhtol0{
    opacity:1;
    pointer-events:all; 
    transform:scale(1);
  }
  @media only screen and (max-width: 769px){
    .dropdown.svelte-mhtol0{
      position:fixed;
      top:40px;
      left:10px;
      right:10px;
      z-index:2000;
    }
  }

  .close.svelte-mhtol0{
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance:none;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
  }
  .close.svelte-mhtol0:hover{
    opacity: 1;
  }

  form.svelte-mhtol0 .row:where(.svelte-mhtol0) .col-lg-4:where(.svelte-mhtol0) .form-input{
    font-size:22px;
    height:50px;
  }



  .inputpadding.svelte-1hkfsu5{
    padding:5px;
  } 
  .wrap.svelte-1hkfsu5{
    white-space: pre-wrap;
  }
  .avatar.svelte-1hkfsu5{
    max-width:170px;
    display:block;
    margin:0 auto;
    border:1px solid #ddd;
    border-radius:4px;
    padding:4px;
   }





  .gridwrap.svelte-1hzy5o0{
    height:500px;

  }


  /* .orgsearch{
    --s-labelwidth:200px;
  } */

  form.svelte-wrf50e .formrow:where(.svelte-wrf50e){
    display:flex;
    --s-formrow-margins:0;
    --s-button-margins:0;
    gap:5px;
    align-items: end;
    margin-bottom:5px;
  }

  form.svelte-wrf50e .formrow.search:where(.svelte-wrf50e){
    display:grid;
    grid-template-columns: 1fr 1fr auto auto auto auto;
  }
  @media(width < 800px){
    form.svelte-wrf50e .formrow.search:where(.svelte-wrf50e){
      grid-template-columns: 1fr;
    }
  }
  .tools.svelte-wrf50e{
    display:flex;
    --s-button-margins:0;
    gap:5px;
    margin-top:5px;
  }

  .results.svelte-wrf50e{
    margin-top:30px;
    max-width:100%;
    overflow-x:auto;
    position: relative;
  }
  table.svelte-wrf50e tr:where(.svelte-wrf50e) > :where(.svelte-wrf50e):first-child{
    left:0;
    position:sticky;
    background:white;
  }
  .results.svelte-wrf50e table:where(.svelte-wrf50e){
    min-width:max-content;
  }
  .results.svelte-wrf50e td:where(.svelte-wrf50e){
    font-size:14px;
  }

  td.danger.svelte-wrf50e{
    color:#c00;
    font-weight:bold;
  }
  
  .pagination.svelte-wrf50e{
    display:inline-flex;
    --s-button-margins:0;
    --s-border-radius:0;
  }
  .pagination.svelte-wrf50e button{
    border-right-width: 0px;
  }
  .pagination.svelte-wrf50e :first-child{
    --s-border-radius:5px 0 0 5px;
  }
  .pagination.svelte-wrf50e :last-child{
    --s-border-radius:0 5px 5px 0;
    border-right-width: 1px;
  }

  .linkbutton.svelte-wrf50e{
    all:unset;
    cursor: pointer;
    text-decoration: underline;
}
.popoverHeader.svelte-wrf50e button{
  all:unset;
  display:inline-block;
  translate: 0 -2px;
}

dl.horiz.svelte-wrf50e{
  display:grid;
  grid-template-columns: auto 1fr;
  gap:8px;
}
dl.horiz.svelte-wrf50e > :where(.svelte-wrf50e) {
  margin:0;
}


  .dashboard.svelte-y2hvd0{
    display:flex;
    flex-direction: column;
    gap:20px;
    padding:10px 0;
  }
    
  .stats.svelte-y2hvd0{
    --backdrop:#f9f9f9;
    grid-area: stats;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:20px 0;
    box-shadow:-1000px 0px 0 1px var(--backdrop),1000px 0px 0 1px var(--backdrop);
    background:var(--backdrop);
  }
  
  .countbox.svelte-y2hvd0{
    background:var(--theme);
    color:white;
    text-align:center;
    padding:10px 15px 20px 15px;
    border-radius:5px;
    box-shadow:0 2px 10px rgba(0,0,0,0.3);
    transition: 0.2s scale;
  }
  .countbox.svelte-y2hvd0:hover{
    box-shadow:0 2px 10px rgba(0,0,0,0.5);
    scale:1.05;
    cursor: pointer;
    text-decoration: none;
  }

  .table-wrap.svelte-y2hvd0{
    overflow:auto;
  }
  .table-wrap.svelte-y2hvd0 table:where(.svelte-y2hvd0){
    min-width:800px;
  }

  .figures.svelte-y2hvd0 td:where(.svelte-y2hvd0){
    background:white;
  }

  .linkboxes.svelte-y2hvd0{
    --backdrop:#f9f9f9;
    box-shadow:-1000px 0px 0 1px var(--backdrop),1000px 0px 0 1px var(--backdrop);
    background:var(--backdrop);
    display:flex;
    gap:10px;
    margin-top:10px;
    padding:20px 0;
  }

  .linkboxes.svelte-y2hvd0 a:where(.svelte-y2hvd0){
    display:inline-flex;
    flex:1;
    font-size:18px;
    text-align:center;
    align-items: center;
    justify-content: center;
    padding:10px 15px 20px 15px;
    border-radius:5px;
    background-color: #ddd;
    color:#444;
    border:1px solid white;
    transition: 0.2s background,0.2s color;
  }

  .linkboxes.svelte-y2hvd0 a:where(.svelte-y2hvd0):hover{
    text-decoration:none;
    background:var(--d-lightblue);
    color:white;
  }

  @media (width <= 700px){
    .stats.svelte-y2hvd0{
      grid-template-columns:1fr;
    }
    .linkboxes.svelte-y2hvd0{
      flex-direction: column;
    }
  }



  /* .simplesearch{
    --s-labelwidth:200px;
  } */
  

  form.svelte-mxzz0e .formrow:where(.svelte-mxzz0e){
    display:flex;
    --s-formrow-margins:0;
    --s-button-margins:0;
    gap:5px;
    align-items: end;
    margin-bottom:5px;
  }

  form.svelte-mxzz0e .formrow.search:where(.svelte-mxzz0e){
    display:grid;
    grid-template-columns: 1fr 1fr auto auto auto auto;
  }
  @media(width < 800px){
    form.svelte-mxzz0e .formrow.search:where(.svelte-mxzz0e){
      grid-template-columns: 1fr;
    }
  }
  .tools.svelte-mxzz0e{
    display:flex;
    --s-button-margins:0;
    gap:5px;
    margin-top:5px;
  }

  .results.svelte-mxzz0e{
    margin-top:30px;
    max-width:100%;
    overflow-x:auto;
    position: relative;
  }
  table.svelte-mxzz0e tr:where(.svelte-mxzz0e) > :where(.svelte-mxzz0e):first-child{
    left:0;
    position:sticky;
    background:white;
  }
  .results.svelte-mxzz0e table:where(.svelte-mxzz0e){
    min-width:max-content;
  }
  .results.svelte-mxzz0e td:where(.svelte-mxzz0e){
    font-size:14px;
  }

  td.danger.svelte-mxzz0e{
    color:#c00;
    font-weight:bold;
  }
  
  .pagination.svelte-mxzz0e{
    display:inline-flex;
    --s-button-margins:0;
    --s-border-radius:0;
  }
  .pagination.svelte-mxzz0e button{
    border-right-width: 0px;
  }
  .pagination.svelte-mxzz0e :first-child{
    --s-border-radius:5px 0 0 5px;
  }
  .pagination.svelte-mxzz0e :last-child{
    --s-border-radius:0 5px 5px 0;
    border-right-width: 1px;
  }

  .linkbutton.svelte-mxzz0e{
    all:unset;
    cursor: pointer;
    text-decoration: underline;
}
.popoverHeader.svelte-mxzz0e button{
  all:unset;
  display:inline-block;
  translate: 0 -2px;
}
/* makes it fit on one line */
table.table.svelte-mxzz0e>thead:where(.svelte-mxzz0e)>tr:where(.svelte-mxzz0e)>th:where(.svelte-mxzz0e) /* (unused) table.table>thead>tr>td*/,table.table.svelte-mxzz0e>tbody:where(.svelte-mxzz0e)>tr:where(.svelte-mxzz0e)>td:where(.svelte-mxzz0e){
  padding:8px 4px;
}



  button.svelte-smvcdf{
    all:unset;
    cursor:pointer;
  }



 .modal-inner.svelte-1wlwfto{
    display:grid;
    grid-template-areas: "col1 col2" "options options" "staff staff"
  }
  @media(width < 800px){
    .modal-inner.svelte-1wlwfto{
      grid-template-areas: "col1" "col2" "options" "staff"
    }
  }

  .modal-inner.svelte-1wlwfto dl:where(.svelte-1wlwfto){
    display:grid;
    grid-template-columns: 130px 1fr;
    gap:10px 10px;
    margin-bottom:20px;
  }
  .modal-inner.svelte-1wlwfto dt:where(.svelte-1wlwfto), .modal-inner.svelte-1wlwfto dd:where(.svelte-1wlwfto){
    margin:0;
  }
  .modal-inner.svelte-1wlwfto dt:where(.svelte-1wlwfto){
    text-align:right;
  }

  .staff.svelte-1wlwfto{
    grid-area: staff;
    margin-top:30px;
    max-width:780px;
  }
  .tablewrap.svelte-1wlwfto{

    max-width:100%;
    overflow-x:auto;
    position: relative;
  }

  .options.svelte-1wlwfto {
    grid-area: options;
  }

  .options.svelte-1wlwfto ul:where(.svelte-1wlwfto) {
    list-style: none;
    padding:10px;
    margin:0;
    columns: 200px auto;
  }

  .staff.svelte-1wlwfto table:where(.svelte-1wlwfto){
    min-width:max-content;
  }

  .staff.svelte-1wlwfto table:where(.svelte-1wlwfto) th:where(.svelte-1wlwfto), .staff.svelte-1wlwfto table:where(.svelte-1wlwfto) td:where(.svelte-1wlwfto){
    padding:5px 8px;
  }
  .staff.svelte-1wlwfto table:where(.svelte-1wlwfto) thead:where(.svelte-1wlwfto) th:where(.svelte-1wlwfto){
    border-bottom: 2px solid #ddd;
  }

  .staff.svelte-1wlwfto table:where(.svelte-1wlwfto) tbody:where(.svelte-1wlwfto) td:where(.svelte-1wlwfto){
    border-bottom: 1px solid #ddd;
  }

  .staff.svelte-1wlwfto table:where(.svelte-1wlwfto) tr:where(.svelte-1wlwfto) > :where(.svelte-1wlwfto):first-child{
    left:0;
    position:sticky;
    background:white;
  }

  [slot=toolbar].svelte-1wlwfto{
    display:flex;
  }


  /* .simplesearch{
    --s-labelwidth:200px;
  } */

  form.svelte-1qiyf5q .formrow:where(.svelte-1qiyf5q){
    display:flex;
    --s-formrow-margins:0;
    --s-button-margins:0;
    gap:5px;
    align-items: end;
    margin-bottom:5px;
  }

  form.svelte-1qiyf5q .formrow.search:where(.svelte-1qiyf5q){
    display:grid;
    grid-template-columns: 1fr 1fr auto auto auto auto;
  }
  @media(width < 800px){
    form.svelte-1qiyf5q .formrow.search:where(.svelte-1qiyf5q){
      grid-template-columns: 1fr;
    }
  }
  .tools.svelte-1qiyf5q{
    display:flex;
    --s-button-margins:0;
    gap:5px;
    margin-top:5px;
  }

  .results.svelte-1qiyf5q{
    margin-top:30px;
    max-width:100%;
    overflow-x:auto;
    position: relative;
  }
  table.svelte-1qiyf5q tr:where(.svelte-1qiyf5q) > :where(.svelte-1qiyf5q):first-child{
    left:0;
    position:sticky;
    background:white;
  }
  .results.svelte-1qiyf5q table:where(.svelte-1qiyf5q){
    min-width:max-content;
  }
  .results.svelte-1qiyf5q td:where(.svelte-1qiyf5q){
    font-size:14px;
  }

  td.danger.svelte-1qiyf5q{
    color:#c00;
    font-weight:bold;
  }
  
  .pagination.svelte-1qiyf5q{
    display:inline-flex;
    --s-button-margins:0;
    --s-border-radius:0;
  }
  .pagination.svelte-1qiyf5q button{
    border-right-width: 0px;
  }
  .pagination.svelte-1qiyf5q :first-child{
    --s-border-radius:5px 0 0 5px;
  }
  .pagination.svelte-1qiyf5q :last-child{
    --s-border-radius:0 5px 5px 0;
    border-right-width: 1px;
  }

  .linkbutton.svelte-1qiyf5q{
    all:unset;
    cursor: pointer;
    text-decoration: underline;
}
.popoverHeader.svelte-1qiyf5q button{
  all:unset;
  display:inline-block;
  translate: 0 -2px;
}

dl.horiz.svelte-1qiyf5q{
  display:grid;
  grid-template-columns: auto 1fr;
  gap:8px;
}
dl.horiz.svelte-1qiyf5q > :where(.svelte-1qiyf5q) {
  margin:0;
}


  /* .usersearch{
    --s-labelwidth:200px;
  } */

  form.svelte-1oxtcp3 .formrow:where(.svelte-1oxtcp3){
    display:flex;
    --s-formrow-margins:0;
    --s-button-margins:0;
    gap:5px;
    align-items: end;
    margin-bottom:5px;
  }

  form.svelte-1oxtcp3 .formrow.search:where(.svelte-1oxtcp3){
    display:grid;
    grid-template-columns: 1fr 1fr auto auto;
  }
  @media(width < 800px){
    form.svelte-1oxtcp3 .formrow.search:where(.svelte-1oxtcp3){
      grid-template-columns: 1fr;
    }
  }
  .tools.svelte-1oxtcp3{
    display:flex;
    --s-button-margins:0;
    gap:5px;
    margin-top:5px;
  }

  .filters.svelte-1oxtcp3 .form-row{
    flex:1;
  }

  .results.svelte-1oxtcp3{
    margin-top:30px;
    max-width:100%;
    overflow-x:auto;
    position: relative;
  }
  table.svelte-1oxtcp3 tr:where(.svelte-1oxtcp3) > :where(.svelte-1oxtcp3):first-child{
    left:0;
    position:sticky;
    background:white;
  }
  .results.svelte-1oxtcp3 table:where(.svelte-1oxtcp3){
    min-width:max-content;
  }
  .results.svelte-1oxtcp3 td:where(.svelte-1oxtcp3){
    font-size:14px;
  }

  td.danger.svelte-1oxtcp3{
    color:#c00;
    font-weight:bold;
  }
  
  .pagination.svelte-1oxtcp3{
    display:inline-flex;
    --s-button-margins:0;
    --s-border-radius:0;
  }
  .pagination.svelte-1oxtcp3 button{
    border-right-width: 0px;
  }
  .pagination.svelte-1oxtcp3 :first-child{
    --s-border-radius:5px 0 0 5px;
  }
  .pagination.svelte-1oxtcp3 :last-child{
    --s-border-radius:0 5px 5px 0;
    border-right-width: 1px;
  }

  .linkbutton.svelte-1oxtcp3{
    all:unset;
    cursor: pointer;
    text-decoration: underline;
}
.popoverHeader.svelte-1oxtcp3 button{
  all:unset;
  display:inline-block;
  translate: 0 -2px;
}

dl.horiz.svelte-1oxtcp3{
  display:grid;
  grid-template-columns: auto 1fr;
  gap:8px;
}
dl.horiz.svelte-1oxtcp3 > :where(.svelte-1oxtcp3) {
  margin:0;
}


  form.svelte-7py73a{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .toolbar.svelte-7py73a{
    margin-left:152px;
  }



 
  .modal-inner.svelte-1297ff5 .tabpanel{
    border-width:1px 0 0 0;
  }
  .userdetails.svelte-1297ff5{
    display:grid;
    grid-template-columns: 2fr 1fr;
  }
  @media(width < 800px){
    .userdetails.svelte-1297ff5{
      grid-template-columns:1fr;
    }
    .userdetails.svelte-1297ff5 .photocol:where(.svelte-1297ff5){
      grid-row:1/2;
    }
  }

   dl.svelte-1297ff5{
    display:grid;
    grid-template-columns: 130px 1fr;
    gap:10px 10px;
    margin-bottom:20px;
  }
   dt.svelte-1297ff5,  dd.svelte-1297ff5{
    margin:0;
  }
   dt.svelte-1297ff5{
    text-align:right;
  }
  h4.svelte-1297ff5{
    font-size:18px;
    font-weight:bold;
  }

  .photocol.svelte-1297ff5{
    text-align: center;
  }

  .userdetails.svelte-1297ff5 img:where(.svelte-1297ff5){
    max-width:130px;
  }
  [slot=toolbar].svelte-1297ff5{
    display:flex;
  }

  table.svelte-1297ff5{
    min-width:max-content;
    width:100%;
    margin-bottom:20px;
    border:1px solid #ddd;
  }
  table.svelte-1297ff5 th:where(.svelte-1297ff5), table.svelte-1297ff5 td:where(.svelte-1297ff5){
    padding:5px 8px;
  }
  table.svelte-1297ff5 thead:where(.svelte-1297ff5) th:where(.svelte-1297ff5){
    border-bottom: 2px solid #ddd;
  }

  table.svelte-1297ff5 tbody:where(.svelte-1297ff5) td:where(.svelte-1297ff5){
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align:center;
  }

   table.main.svelte-1297ff5 tbody:where(.svelte-1297ff5) tr:where(.svelte-1297ff5){
    cursor: pointer;
   }

  table.main.svelte-1297ff5 tbody:where(.svelte-1297ff5) tr:where(.svelte-1297ff5):hover{
    background:#eee;
  }

  table.svelte-1297ff5 caption:where(.svelte-1297ff5){
    font-size:14px;
    font-weight:bold;
  }

  dl.svelte-1297ff5{
    display:grid;
    grid-template-columns: auto 1fr;
  }

  .active.svelte-1297ff5{
    background:#eee;
  }

  .details.svelte-1297ff5{
    margin-top:40px;
  }

  .equipment.svelte-1297ff5{
    display:flex;
    gap:20px;
    align-items: start;
    justify-content: space-between;
  }
  .col.svelte-1297ff5{
    flex:1;
  }


  .my_workitems.svelte-1f1eggx{
    display:flex;
    flex-direction: column;
    gap:10px;
    height:100%;
  }

  .my_workitems.svelte-1f1eggx .row{
    margin:0;
    cursor:pointer;
  }

  .rejected.svelte-1f1eggx{
    color:#dc3545;
    font-weight:600;
  }

  .my_workitems.svelte-1f1eggx .popover-panel h4{
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
  }

  .toolbar.svelte-1f1eggx{
    display:flex;
    align-items: center;
    gap:5px;
    flex-wrap: wrap;
  }

  .crud.svelte-1f1eggx{
    display:flex;
    gap:5px;
    --s-button-margins:0;
  }

  .spacer.svelte-1f1eggx{
    flex:1;
  }

  .filters.svelte-1f1eggx{
    display:flex;
    align-items: center;
    gap:5px;
    --s-button-margins:0;
  }

  .filters.svelte-1f1eggx .form-row{
    margin:0;
  }

  .gridwrap.svelte-1f1eggx{
    height:60vh;
    min-height:300px;
  }

  @media(width < 800px){
    .toolbar.svelte-1f1eggx{
      flex-direction: column;
      align-items: stretch;
    }
    .crud.svelte-1f1eggx,.filters.svelte-1f1eggx{
      flex-wrap: wrap;
    }
    .spacer.svelte-1f1eggx{
      display:none;
    }
  }


  .details.svelte-vdfmqd h5:where(.svelte-vdfmqd){
    margin:20px 0 5px 0;
    font-size:13px;
    text-transform:uppercase;
    color:#777;
    border-bottom:1px solid #eee;
    padding-bottom:4px;
  }
  .details.svelte-vdfmqd h5:where(.svelte-vdfmqd):first-child{
    margin-top:0;
  }
  dl.svelte-vdfmqd{
    display:grid;
    grid-template-columns:180px 1fr;
    row-gap:4px;
    column-gap:10px;
    margin:0;
  }
  dt.svelte-vdfmqd{
    color:#555;
  }
  dd.svelte-vdfmqd{
    margin:0;
  }
  .modal-toolbar.svelte-vdfmqd{
    display:flex;
    justify-content:flex-end;
  }


  .supplier_workitems.svelte-ecjfxf{
    display:flex;
    flex-direction: column;
    gap:10px;
    height:100%;
  }
  .supplier_workitems.svelte-ecjfxf .row{
    margin:0;
  }
  .rejected.svelte-ecjfxf{
    color:#dc3545;
    font-weight:600;
  }
  .tabtoggle.svelte-ecjfxf{
    display:flex;
    gap:5px;
  }
  .toolbar.svelte-ecjfxf{
    display:flex;
    align-items: center;
    gap:5px;
    flex-wrap: wrap;
  }
  .crud.svelte-ecjfxf{
    display:flex;
    gap:5px;
    --s-button-margins:0;
  }
  .spacer.svelte-ecjfxf{
    flex:1;
  }
  .filters.svelte-ecjfxf{
    display:flex;
    align-items: center;
    gap:5px;
    --s-button-margins:0;
  }
  .gridwrap.svelte-ecjfxf, .mapwrap.svelte-ecjfxf{
    height:60vh;
    min-height:300px;
  }
  .modal-toolbar.svelte-ecjfxf{
    display:flex;
    justify-content:flex-end;
    gap:5px;
  }

  @media(width < 800px){
    .toolbar.svelte-ecjfxf{
      flex-direction: column;
      align-items: stretch;
    }
    .crud.svelte-ecjfxf,.filters.svelte-ecjfxf{
      flex-wrap: wrap;
    }
    .spacer.svelte-ecjfxf{
      display:none;
    }
  }


  .formfields.svelte-1i5wvlz{
    border:0;
    padding:0;
    margin:0;
    --s-formrow-margins:5px;
    --s-labelwidth:180px;
  }

  .formfields.svelte-1i5wvlz textarea{
    field-sizing:content;
  }

  form#workitem-form.svelte-1i5wvlz{
    border-bottom:1px solid #eee;
    padding-bottom:15px;
  }

  h5.svelte-1i5wvlz{
    margin:40px 0 10px calc(var(--s-labelwidth)+18px);
    font-size:14px;
    font-weight:600;
  }
  h5.svelte-1i5wvlz:first-child{
    margin-top:10px;
  }
  .fielderror.svelte-1i5wvlz{
    color:#dc3545;
    font-size:0.85em;
    margin:0 0 10px 0;
  }
  .collapsible-header.svelte-1i5wvlz{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    background:none;
    border:0;
    border-bottom:1px solid #eee;
    padding:8px 0;
    margin-top:10px;
    font-size:14px;
    font-weight:600;
    text-align:left;
    cursor:pointer;
  }
  .chevron.svelte-1i5wvlz{
    display:inline-block;
    transition:transform 0.15s;
    color:#888;
  }
  .chevron.expanded.svelte-1i5wvlz{
    transform:rotate(90deg);
  }
  .progress-map.svelte-1i5wvlz{
    display:flex;
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
  }
  .progress-map.svelte-1i5wvlz li:where(.svelte-1i5wvlz){
    flex:1;
    position:relative;
    text-align:center;
    font-size:0.8em;
    color:#999;
  }
  .progress-map.svelte-1i5wvlz li:where(.svelte-1i5wvlz)::before{
    content:"";
    position:absolute;
    top:7px;
    left:-50%;
    width:100%;
    height:2px;
    background:#ddd;
    z-index:0;
  }
  .progress-map.svelte-1i5wvlz li:where(.svelte-1i5wvlz):first-child::before{
    content:none;
  }
  .progress-map.svelte-1i5wvlz li.done:where(.svelte-1i5wvlz)::before,.progress-map.svelte-1i5wvlz li.current:where(.svelte-1i5wvlz)::before{
    background:#2299ee;
  }
  .progress-map.svelte-1i5wvlz .dot:where(.svelte-1i5wvlz){
    display:block;
    width:16px;
    height:16px;
    margin:0 auto 6px;
    border-radius:50%;
    background:white;
    border:2px solid #ddd;
    position:relative;
    z-index:1;
  }
  .progress-map.svelte-1i5wvlz li.done:where(.svelte-1i5wvlz) .dot:where(.svelte-1i5wvlz){
    background:#2299ee;
    border-color:#2299ee;
  }
  .progress-map.svelte-1i5wvlz li.current:where(.svelte-1i5wvlz) .dot:where(.svelte-1i5wvlz){
    background:#2299ee;
    border-color:#2299ee;
  }
  .progress-map.svelte-1i5wvlz li.current:where(.svelte-1i5wvlz) .step-label:where(.svelte-1i5wvlz){
    color:#222;
    font-weight:600;
  }
  .progress-map.rejected.svelte-1i5wvlz li.current:where(.svelte-1i5wvlz) .dot:where(.svelte-1i5wvlz){
    background:#dc3545;
    border-color:#dc3545;
  }
  .progress-map.rejected.svelte-1i5wvlz li.current:where(.svelte-1i5wvlz) .step-label:where(.svelte-1i5wvlz){
    color:#dc3545;
  }
  .modal-toolbar.svelte-1i5wvlz{
    display:flex;
    justify-content:flex-end;
    gap:5px;
  }
  /* duo-kit's <Confirm> renders its `title` prop in a bare <h4>, sized for a short
     "Are you sure?" prompt - our longer withdraw-confirmation sentence otherwise
     inherits the page's default h4 size */
  .modal-toolbar.svelte-1i5wvlz h4{
    font-size:14px;
    font-weight:600;
    margin:0 0 10px;
  }
  .statusbanner.svelte-1i5wvlz{
    background:#f5f5f5;
    border-radius:4px;
    padding:10px 15px;
    margin-bottom:15px;
    font-size:0.9em;
  }
  .statusbanner.svelte-1i5wvlz p:where(.svelte-1i5wvlz){
    margin:5px 0 0 0;
  }
  .statusbanner.svelte-1i5wvlz .objection:where(.svelte-1i5wvlz){
    color:#dc3545;
  }
  .workblock.svelte-1i5wvlz{

    margin-top:20px;
    padding-top:10px;
    --s-labelwidth:180px;
    --s-formrow-margins:5px;

  }
  .workblock.svelte-1i5wvlz h5:where(.svelte-1i5wvlz){
    margin-left:0;
  }
  .workblock-actions.svelte-1i5wvlz{
    display:flex;
    gap:5px;
    margin-top:10px;
    margin-left:calc(var(--s-labelwidth) + 18px);
  }

  @media only screen and (max-width: 600px) {
    h5.svelte-1i5wvlz{
      margin-left:0px;
    }

    .ticklist.svelte-1i5wvlz{
      margin-top:3em;
    }
    #workitem-form.svelte-1i5wvlz .formfields:where(.svelte-1i5wvlz) .form-row:has(.children)>label{
      padding:10px 10px 10px 0px;
    }
  }

  /* Theme */
:root {
  /* --d-primary:rgb(76,170,232); */
  --d-primary:#00adee;
  --d-info: #17a2b8;
  --d-success: #28a745;
  --d-warning: #ffc107;
  --d-danger: #dc3545;
  --d-dark: #1d3e52;
  --d-button-margins:4px;
  --d-default-link: var(--d-primary);
  --s-primary:var(--d-primary);
  --container-width:1200px; /* see layouts.css */
  --halfcontainer-width:600px;
  --d-featurebar: white;
  --d-dark: #042B52;
  --d-textgrey:#4a6c82;

  /* --d-lightblue: rgb(76,170,232); */
  --d-lightblue:#00c2f2;
  --d-green: rgb(137,183,70);
  --d-green:#7cb92b;
  --d-light:#f3f3f3;

  --icon-translate:url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 79 79' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'><g transform='matrix(4.16667,0,0,-4.16667,0,78.9477)'><g><path d='M16.149,16.177C14.363,17.963 11.987,18.947 9.46,18.947C6.933,18.947 4.558,17.963 2.771,16.177C0.984,14.39 0,12.014 0,9.487C0,8.133 0.279,6.828 0.83,5.607C0.279,4.213 0,2.525 0,0.582C0,0.381 0.108,0.196 0.283,0.098C0.458,0 0.673,0.004 0.844,0.109C0.858,0.118 2.206,0.939 4.047,1.729C5.638,0.614 7.503,0.027 9.46,0.027C11.987,0.027 14.363,1.011 16.149,2.798C17.936,4.585 18.92,6.961 18.92,9.487C18.92,12.014 17.936,14.39 16.149,16.177M9.46,1.136C7.637,1.136 5.905,1.713 4.452,2.804C4.354,2.877 4.237,2.915 4.119,2.915C4.047,2.915 3.975,2.901 3.906,2.873C2.761,2.397 1.786,1.902 1.134,1.549C1.215,3.038 1.487,4.331 1.945,5.403C2.008,5.55 2.004,5.717 1.934,5.862C1.387,6.997 1.109,8.217 1.109,9.487C1.109,14.092 4.855,17.839 9.46,17.839C14.065,17.839 17.812,14.092 17.812,9.487C17.812,4.882 14.065,1.136 9.46,1.136' style='fill:white;fill-rule:nonzero;'/></g></g><g transform='matrix(4.16667,0,0,-4.16667,-268.506,347.339)'><g><path d='M73.901,80.022C70.527,80.022 67.781,77.276 67.781,73.901C67.781,70.527 70.527,67.781 73.901,67.781C77.276,67.781 80.022,70.527 80.022,73.901C80.022,77.276 77.276,80.022 73.901,80.022M69.733,76.681C70.093,76.546 70.458,76.429 70.827,76.33C70.692,75.74 70.608,75.108 70.577,74.456L68.92,74.456C69.011,75.272 69.298,76.03 69.733,76.681M68.92,73.347L70.577,73.347C70.608,72.691 70.693,72.057 70.829,71.464C70.461,71.366 70.097,71.249 69.738,71.115C69.3,71.767 69.011,72.528 68.92,73.347M70.512,70.213C70.72,70.282 70.931,70.345 71.143,70.401C71.232,70.161 71.33,69.933 71.438,69.718C71.481,69.631 71.526,69.546 71.572,69.465C71.186,69.668 70.83,69.92 70.512,70.213M71.438,78.085C71.329,77.867 71.23,77.636 71.14,77.394C70.926,77.45 70.714,77.513 70.504,77.583C70.824,77.878 71.183,78.133 71.572,78.338C71.526,78.256 71.481,78.172 71.438,78.085M73.347,69.071C72.938,69.334 72.544,69.877 72.241,70.63C72.606,70.686 72.975,70.725 73.347,70.743L73.347,69.071ZM73.347,71.853C72.863,71.831 72.384,71.78 71.911,71.7C71.796,72.199 71.717,72.752 71.687,73.347L73.347,73.347L73.347,71.853ZM73.347,74.456L71.687,74.456C71.717,75.048 71.795,75.597 71.909,76.094C72.382,76.014 72.862,75.963 73.347,75.941L73.347,74.456ZM73.347,77.05C72.974,77.069 72.604,77.107 72.238,77.164C72.541,77.922 72.936,78.467 73.347,78.732L73.347,77.05ZM78.882,74.456L77.226,74.456C77.195,75.108 77.11,75.74 76.976,76.33C77.345,76.429 77.71,76.546 78.07,76.681C78.505,76.03 78.792,75.272 78.882,74.456M77.299,77.583C77.088,77.513 76.876,77.45 76.663,77.394C76.573,77.636 76.474,77.868 76.365,78.085C76.321,78.172 76.277,78.256 76.231,78.338C76.62,78.133 76.978,77.878 77.299,77.583M74.456,78.732C74.867,78.467 75.262,77.922 75.565,77.164C75.199,77.107 74.829,77.069 74.456,77.05L74.456,78.732ZM74.456,69.071L74.456,70.743C74.828,70.725 75.197,70.686 75.562,70.63C75.259,69.877 74.865,69.334 74.456,69.071M75.892,71.7C75.419,71.78 74.94,71.831 74.456,71.853L74.456,73.347L76.116,73.347C76.086,72.752 76.007,72.199 75.892,71.7M74.456,74.456L74.456,75.941C74.941,75.963 75.42,76.014 75.894,76.094C76.008,75.597 76.086,75.048 76.116,74.456L74.456,74.456ZM76.231,69.465C76.277,69.546 76.321,69.631 76.365,69.718C76.473,69.933 76.571,70.161 76.66,70.401C76.872,70.344 77.082,70.282 77.291,70.213C76.973,69.92 76.616,69.668 76.231,69.465M78.065,71.115C77.706,71.249 77.342,71.366 76.974,71.464C77.109,72.057 77.195,72.691 77.226,73.347L78.882,73.347C78.792,72.528 78.503,71.767 78.065,71.115' style='fill:white;fill-rule:nonzero;'/></g></g></svg>");
}

/* *{
  outline:1px solid red;
} */

/* @view-transition {
  navigation: auto;
} */

/* @keyframes fade-in {
  from { opacity: 0; }
}

@keyframes fade-out {
  to { opacity: 0; }
}

@keyframes slide-from-right {
  from { transform: scale(0.8); }
}

@keyframes slide-to-left {
  to { transform: scale(0.8); }
}

::view-transition-old(main) {
  transform-origin: top center;
  animation: 
    90ms both fade-out,
    300ms both slide-to-left;
}

::view-transition-new(main) {
  transform-origin: top center;
  animation: 
    210ms 90ms both fade-in,
    300ms both slide-from-right;
}

/* header {
  view-transition-name: main-header;
} */

/* main {
  view-transition-name: main;
}  */