.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)
  }


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



  .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;
  }


  h1.svelte-gvtebk{
    background:var(--d-mid);
    color:white;
    font-size:18px;
    padding:10px 15px;
    margin:0;
  }
  .panel.svelte-gvtebk{
    margin:10px;
    background:white;
    height:calc(100% - 20px);
  }
  .inner.svelte-gvtebk{
    height:100%;
  }



  .notice-card.svelte-ikq1se{
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    border:1px solid var(--d-primary);
    border-radius:5px;
    isolation: isolate;
  }
  .notice-card.svelte-ikq1se:before{
    content:"";
    background:var(--d-primary);
    inset:0;
    position:absolute;
    opacity:0.1;
    border-radius:5px;
    z-index:-1;
  }
  .notice-card.svelte-ikq1se .message:where(.svelte-ikq1se){
    padding:15px;
    flex:1;
  }
  .icon.svelte-ikq1se{
    font-size:20vw;
    padding:20px;
    display:flex;
    place-content:center;
    flex:1;
    color:var(--d-primary);
  }


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


  form.svelte-12gv0lw{
    --s-labelwidth:100px;
  }



  .scene.svelte-cqhx45{
    perspective: 1000px;
  }

  .scene.svelte-cqhx45 [slot]{
    height:100%;
  }

  .card.svelte-cqhx45{
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 1s;
    transform-style: preserve-3d;
  }

  .face.svelte-cqhx45{
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    
  }

  .back.svelte-cqhx45{
    transform: rotateY( 180deg );
    pointer-events: none;
  }

  .flipped.svelte-cqhx45{
    transform: rotateY(180deg);

  }

  .flipped.svelte-cqhx45 .back:where(.svelte-cqhx45){
    pointer-events: all;
  }

  .flipped.svelte-cqhx45 .front:where(.svelte-cqhx45){
    pointer-events: none;
  }





  .providers.svelte-1cfgn28{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr) );
    grid-auto-rows: 190px;
    gap:20px;
  }
  .provider.svelte-1cfgn28{
    all:unset;
    cursor:pointer;
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:1fr auto auto;
    text-align:center;
    position: relative;
    isolation: isolate;
    border:4px solid var(--pale);
    scale:100%;
    transition: scale 0.2s;
  }
  .provider.add.svelte-1cfgn28{
    border:4px solid var(--pale);
  }
  .provider.add.svelte-1cfgn28 .icon:where(.svelte-1cfgn28){
    color:var(--d-primary);
    font-size:6em;
  }
  .provider.add.svelte-1cfgn28 p:where(.svelte-1cfgn28){
    color:white;
    font-size:14px;
    background:var(--d-primary);
    padding:10px 0px;
    margin:0;
  }
  .provider.add.svelte-1cfgn28:before{
    background-color:var(--d-primary);
  }
  .provider.svelte-1cfgn28:hover:before{
    opacity:0.3;
  }
  .provider.svelte-1cfgn28:hover{
    scale:102%;
  }

  .provider.svelte-1cfgn28 img:where(.svelte-1cfgn28){
    display:block;
    width:70%;
    max-height:40px;
    margin:20px auto 10px auto;
  }

  .provider.svelte-1cfgn28 h3:where(.svelte-1cfgn28){
    font-size:18px;
  }

  .statbox.svelte-1cfgn28{
    margin-top:20px;
    background-color:var(--d-secondary);
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    color:white;
  }
  .statbox.svelte-1cfgn28 > :where(.svelte-1cfgn28) {
    padding:10px 0px;
  }

  .options.svelte-1cfgn28{
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    background-color:var(--d-secondary);
    --s-labelwidth:80px;
    padding:10px;
    color:white;
    border:4px solid var(--pale);
  }
  .options.svelte-1cfgn28 .form-row.checkrow{
    margin:0;
  }
  .toolbar.svelte-1cfgn28{
    display: flex;
  }
  .toolbar.svelte-1cfgn28 .spacer:where(.svelte-1cfgn28){
    flex:1
  }





  .activity.svelte-462wlw{
    height:calc(100% - 80px);
    --duo-border:0px;
  }
  .activity.svelte-462wlw .gridrow{
    max-width:100%;
  }
  .toolbar.svelte-462wlw{
    display:flex;
  }


  .loader.svelte-9k4rnc{
    margin:30px 0 10px 0;
    display:block;
  }
  .record.svelte-9k4rnc{
    display:flex;
    flex-wrap:wrap;
    margin-top:20px;
  }
  .record.svelte-9k4rnc div:nth-child(1){ flex:3 }
  .record.svelte-9k4rnc div:nth-child(2){ flex:1 }
  .record.svelte-9k4rnc div:nth-child(3){ flex:1 }
  .record.svelte-9k4rnc div:nth-child(4){ flex:5 1 500px }

  .toolbar.svelte-9k4rnc{
    display:flex;
    justify-content:flex-end;
  }
  .value.svelte-9k4rnc{
    width:100%;
    border:1px solid #ccc;
    color:#555;
    box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);
    padding:4px 8px 5px 8px;
  }
  .mx.svelte-9k4rnc{
    display:grid;
    grid-template-columns: 1fr 100px;
  }
  .srv.svelte-9k4rnc{
    display:grid;
    grid-template-columns: 1fr 70px 70px 70px;
  }



  .gridwrap.svelte-7oea82{
    overflow: hidden;
    margin:-5px -5px -20px -5px;
  }
  .grid.svelte-7oea82{
    height:400px;
    transition: margin-top 0.5s, height 0.5s;
  }

  .grid.svelte-7oea82 .gridarea{
    border:1px solid var(--d-mid);
  }
  .grid.svelte-7oea82 .toolbar{
    padding:5px 0px 5px 0px;
  }
  .editing.svelte-7oea82{
    margin-top:-50px;
    height:300px
  }
  /* .gridwrap .grid div[slot="tools"]{
    display:block;
  } */



  .domainlist.svelte-1yi59hx{
    height:calc(100% - 40px);
  }




  .dotbox.svelte-1we4f56{
    height:100%;
    display:grid;
    align-items:center;
    padding-inline:20px;
  }
  .circle.svelte-1we4f56{
    width:12px;
    height:12px;
    border-radius:200px;
    display:inline-block;
  }
  .circle.notdeployed.svelte-1we4f56{
    border:1px solid #aaa;
  }
  .circle.running.svelte-1we4f56{
    background-color:var(--d-success);
  }
  .circle.stopped.svelte-1we4f56{
    background-color:rgba(0,0,0,0.3);
  }
  .circle.error.svelte-1we4f56{
    background-color:rgba(200,0,0);
  }


  div.svelte-9lfnh8 > .sprogress .sbar{
    height:15px;
    font-size:10px;
    line-height:15px;
    box-shadow:0 0 2px rgba(255,255,255,1)
  }



  .stats.svelte-1kikhbq meter:where(.svelte-1kikhbq){
    --meteroutline:rgba(255,255,255,0.5);
    flex:1;
    width:100%;
    filter:drop-shadow(0 -1px 0 var(--meteroutline)) drop-shadow(1px 0 0 var(--meteroutline)) drop-shadow(0 1px 0 var(--meteroutline)) drop-shadow(-1px 0 0 var(--meteroutline));
  }

  .stats.svelte-1kikhbq meter:where(.svelte-1kikhbq)::-webkit-meter-optimum-value, meter.svelte-1kikhbq::-webkit-meter-suboptimum-value, meter.svelte-1kikhbq::-webkit-meter-even-less-good-value {
    transition: .3s width;
  }

  .stats.svelte-1kikhbq meter:where(.svelte-1kikhbq)::-webkit-meter-bar{
    border:0px;
    background:white;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)
  }

  .stats.svelte-1kikhbq meter:where(.svelte-1kikhbq)::-webkit-meter-optimum-value{
    background:var(--d-success);
  }

  .stats.svelte-1kikhbq{
    font-size:11px;
  }
  .stats.svelte-1kikhbq label:where(.svelte-1kikhbq){
    display:flex;
    margin:0 20px 0 0;
    gap:5px;
  }
  .stats.svelte-1kikhbq label:where(.svelte-1kikhbq) div:where(.svelte-1kikhbq){
    text-align:right;
    width:30px;
  }



  .serverlist.svelte-vqofn1{
    height:calc(100% - 40px);
  }
  .serverlist.svelte-vqofn1 .gridrow{
    max-width:100%;
  }



  dl.svelte-kdsirz{
    max-width:100%;
    margin:15px;
    display:grid;
    grid-template-columns:120px 1fr;
    gap:15px;
  }
  dt.svelte-kdsirz,dd.svelte-kdsirz{
    margin:0;
  }
  dt.svelte-kdsirz{
    text-align:right
  }
  .plugins.svelte-kdsirz{
    padding:0;
    margin:0;
    list-style: none;
  }
  .plugins.svelte-kdsirz li:where(.svelte-kdsirz){
    margin-bottom:8px
  }
  .pluginlist.svelte-kdsirz{
    --s-labelwidth:-5px;
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  }

  .pluginlist.svelte-kdsirz .form-row{
    margin:0;
  }

  @media screen and (max-width: 768px) {
    dl.svelte-kdsirz{
      display:block;
      margin:0;
    }
    dt.svelte-kdsirz{
      text-align:left;
      gap:0px;
    }
    dd.svelte-kdsirz{
      margin-bottom:10px;
    }
    .plugins.svelte-kdsirz li:where(.svelte-kdsirz){
      margin:2px 0;
    }
  }


  .chart.svelte-ta2667{
    flex:1;
    margin:10px;
    display:flex;
    flex-direction: column;
    height:400px;
  }
  .chart.svelte-ta2667 > div{
    flex:1;
  }




  .toolbar.svelte-5qh2k8{
    display:flex;
    justify-content: flex-end;
  }


  .toolbar.svelte-1th9tul{
    display:flex;
    justify-content: flex-end;
  }
  .addserver.svelte-1th9tul .salert{
    margin-inline:161px 5px;
  }

  .filters.svelte-1th9tul{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap:5px;
  }
  .filters.svelte-1th9tul > .form-row{
    margin:0;
  }
/* 
  .plugins{
    padding:0;
    margin:0;
    list-style: none;
  }
  .plugins li{
    margin-bottom:8px
  } */
  .pluginlist.svelte-1th9tul{
    --s-labelwidth:-5px;
    display:grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  }

  .pluginlist.svelte-1th9tul .form-row{
    margin:0;
  }


  .inviteform.svelte-g68l7x .form-row{
    margin:5px 0;
  }
  .userlist.svelte-g68l7x{
    height:300px;
  }
  [slot=row].svelte-g68l7x .cell:has(button){
    --s-button-margins:0px;
    padding:2px 5px;
  }



  .activity.svelte-162xgmg{
    height:500px;
  }



  .logs.svelte-42b26l{
    white-space: pre-line;
    background: var(--d-dark);
    color: white;
    font-size: 12px;
    height: 400px;
    overflow: auto;
    padding:10px;
  }


  .removepanel.svelte-drbfnu{
    display:flex;
    gap:10px;
    flex-direction:row;
  }

  .removepanel.svelte-drbfnu > *{
    flex:1;
  }




  .servicelist.svelte-rkrqtv{
    height:calc(100% - 40px);
  }



  .toolbar.svelte-1ot9q85{
    margin:30px 0px 0 0;
    display:flex;
    gap:4px;
    --s-button-margins:0px;
    justify-content: center;
  }

  dl.svelte-1ot9q85{
    max-width:100%;
    margin:15px;
    display:grid;
    grid-template-columns:120px 1fr;
    gap:15px;
  }
  dt.svelte-1ot9q85,dd.svelte-1ot9q85{
    margin:0;
    overflow-wrap: anywhere;
  }
  dt.svelte-1ot9q85{
    text-align:right
  }
  @media screen and (max-width: 768px) {
    dl.svelte-1ot9q85{
      grid-template-columns:1fr;
    }
    dt.svelte-1ot9q85{
      text-align:left;
      gap:0px;
    }
  }


  .chart.svelte-bkkfcl{
    flex:1;
    margin:10px;
    display:flex;
    flex-direction: column;
    height:400px;
  }
  .chart.svelte-bkkfcl > div{
    flex:1;
  }




    .activity.svelte-13cswi{
      height:500px;
    }
  
  

  .toolbar.svelte-1rt12yr{
    display:flex;
    justify-content: flex-end;
  }
  .addservice.svelte-1rt12yr .salert{
    margin-inline:161px 5px;
  }


  .logs.svelte-ho9mp0{
    white-space: pre-line;
    background: var(--d-dark);
    color: white;
    font-size: 12px;
    height: 400px;
    overflow: auto;
    padding:10px;
  }


  .applist.svelte-1aq4ib7{
    height:calc(100% - 40px);
  }
  [slot=tools].svelte-1aq4ib7 .form-row{
    display:inline-flex;
    margin:2px 0 0 0;
    transform:translateY(1px); /* hack to align */
  }


  dl.svelte-13o4ld1{
    max-width:100%;
    margin:15px;
    display:grid;
    grid-template-columns:120px 1fr;
    gap:15px;
  }
  dt.svelte-13o4ld1,dd.svelte-13o4ld1{
    margin:0;
    overflow-wrap: anywhere;
  }
  dt.svelte-13o4ld1{
    text-align:right
  }
  @media screen and (max-width: 768px) {
    dl.svelte-13o4ld1{
      grid-template-columns:1fr;
    }
    dt.svelte-13o4ld1{
      text-align:left;
      gap:5px;
    }
  }
  .toolbar.svelte-13o4ld1{
    margin:30px 0px 0 0;
    display:flex;
    flex-wrap: wrap;
    gap:5px;
    --s-button-margins:0px;
    justify-content: center;
  }



  .toolbar.svelte-1ss7d5o{
    display:flex;
  }

  .spacer.svelte-1ss7d5o{
    flex:1
  }



.services.svelte-5w1yjf{
  display:grid;
  gap:10px 0;
  grid-template-columns:auto 1fr auto;
  grid-auto-rows: 46px;
  align-items: stretch;
  margin-bottom:5px;
}

.services.svelte-5w1yjf :where(.type:where(.svelte-5w1yjf),.name:where(.svelte-5w1yjf),.tools:where(.svelte-5w1yjf)){
  display:flex;
  align-items: center;
  padding:0 10px;
  border:1px solid var(--d-secondary);
}

.services.svelte-5w1yjf .tools:where(.svelte-5w1yjf){
  justify-content: flex-end
}

.backupshow.svelte-5w1yjf{
  font-size:12px;
  line-height:10px;
  display:inline-block;
  overflow:hidden;
  max-width:0;
  transition: max-width 0.2s;
}
.services.svelte-5w1yjf button.success:hover .backupshow{
  padding-left:5px;
  max-width:100px
}

.type.svelte-5w1yjf{
  position: relative;
  isolation: isolate;
  border-width:1px 0 1px 1px;
  padding-right:40px;
  min-width:90px;
}

.type.svelte-5w1yjf > select:where(.svelte-5w1yjf),.name.svelte-5w1yjf > input:where(.svelte-5w1yjf){
  position:absolute;
  inset:0;
  border:0px;
  padding:10px;
}

.name.svelte-5w1yjf{
  position: relative;
  border-width:1px 0;
  font-size:12px;
}
.name.svelte-5w1yjf>div:where(.svelte-5w1yjf){
  white-space: nowrap;
}

.type.svelte-5w1yjf:after{
  content:"";
  position: absolute;
  inset: 0;
  opacity:0.1;
  background-color: var(--d-secondary);
  z-index:-1;
}

.tools.svelte-5w1yjf{
  display:flex;
  gap:2px;
  --s-button-margins:0px;
  border-width:1px 1px 1px 0;
  padding-right:5px;
}
.toolbar.svelte-5w1yjf{
  display:flex;
  gap:5px;
  padding:5px 0;
  justify-content: flex-start;
  --s-button-margins:0px;
}

button[disabled].svelte-5w1yjf{
  opacity:0.5;
  cursor:not-allowed;
}

@media screen and (max-width: 768px) {
  .services.svelte-5w1yjf{
    max-width:100%;
  }

  .services.svelte-5w1yjf .type:where(.svelte-5w1yjf){
    padding:5px;
    min-width:auto;
    font-size:12px;
  }
  .services.svelte-5w1yjf .name:where(.svelte-5w1yjf){
    overflow:auto;
  }
  .services.svelte-5w1yjf .tools:where(.svelte-5w1yjf) .dropdown-menu{
    right:0;
    left:auto;
  }

}




    .activity.svelte-1wzkdwq{
      height:500px;
    }
  
  

  h4.svelte-10nknc8{
    font-size:16px;
  }

  pre.svelte-10nknc8{
    font-size:12px;
    background:var(--d-dark);
    color:white;
    padding:10px;
    margin:0 0 20px 0;

  }




  .toolbar.svelte-11jrg0z{
    display:flex;
    justify-content: flex-end;
  }
  .addservice.svelte-11jrg0z .salert{
    margin-inline:161px 5px;
  }


  .chart.svelte-iszwrm{
    flex:1;
    margin:10px;
    display:flex;
    flex-direction: column;
    height:400px;
  }
  .chart.svelte-iszwrm > div{
    flex:1;
  }




  div.cardfront.svelte-i3meae .notice-card .icon{
    padding:0;
    flex:0 0 100px;
  }

  .keys.svelte-i3meae{
    color:var(--d-primary);
    font-size:10rem;
  }
  form.svelte-i3meae{
    --s-labelwidth:100px;
  }
  .toolbar.svelte-i3meae{
    display:flex;
    justify-content: flex-end;
  }
  .keylist.svelte-i3meae{
    list-style: none;
    margin:0;
    padding:0;
    border-top:3px solid var(--pale)
  }
  .keylist.svelte-i3meae li:where(.svelte-i3meae),.username.svelte-i3meae{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:4px 0px 4px 8px;
    border-bottom:3px solid var(--pale)
  }

  .username.svelte-i3meae{
    border-top:3px solid var(--pale);
    margin-bottom:20px;
  }
  .sshusername.svelte-i3meae{
    min-height:100px;
  }



  .panel.svelte-5gmtv{
    display:grid;
    padding:10px;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr) );
    gap:10px;
    position: relative;
    isolation: isolate;
    height:calc(100% - 40px);
    background:var(--pale);
  }

  .subpanel.svelte-5gmtv{
    padding:10px 15px;
    background:white;
    min-height:550px;
  }

  .subpanel.svelte-5gmtv h4{
    color:var(--d-secondary);
    margin:5px 0 10px 0;
    font-size:1.25rem;
    max-width:100%;
  }

  dl.svelte-5gmtv{
    max-width:100%;
    margin:15px;
    display:grid;
    grid-template-columns:100px 1fr;
    gap:15px;
  }
  dt.svelte-5gmtv,dd.svelte-5gmtv{
    margin:0;
  }
  dt.svelte-5gmtv{
    text-align:right
  }

  form.details.svelte-5gmtv{
    --s-labelwidth:120px;
  }

  .toolbar.svelte-5gmtv{
    margin-left:125px;
    display:flex;
    gap:5px;
   --s-button-margins:0;
  }

  .pre.svelte-5gmtv{
    white-space: pre-wrap;
    line-height:1.5;
  }
  
  .logsgrid.svelte-5gmtv{
    height:calc(100% - 50px );
    min-height:400px;
  }



  /*hide submit*/
  input[type=submit].svelte-1savg1w{
    line-height:0;
    height:0;
    overflow:hidden;
    padding:0;
    border:0;
  }
  .forgotlink.svelte-1savg1w{
    display:inline-block;
    padding:10px;
  }



  .activitybar.svelte-1q7w73f, .disconnected.svelte-1q7w73f{
    background:var(--d-info);
    padding:5px 10px;
    color:white;
    display:grid;
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    align-items:center;
    gap:10px;
  }
  .disconnected.svelte-1q7w73f{
    background:var(--d-warning);
    min-height:40px;
  }


  .activitybar.svelte-1q7w73f p:where(.svelte-1q7w73f),.disconnected.svelte-1q7w73f p:where(.svelte-1q7w73f){
    margin:0;
    font-size:12px;
  }




  .main-navigation.svelte-1x2z53n{
    display:flex;
  }
  /* Desktop */
  @media (min-width:900px){
    .main-navigation.svelte-1x2z53n{
      margin:0 15px;
   }  
  }

  gitpush-app{
    display:contents;
    --s-border-radius:0px;
    --pale:hsl(191 30% 93%);
    font-size:14px;
    font-weight:400
  }
  .portal{
    font-size:14px;
    font-weight:400
  }
  main.svelte-1x2z53n{
    background-color:var(--d-secondary);
    display:grid;
    grid-template-rows: auto 1fr;
    padding:10px;
    gap:10px;
  }

  main.svelte-1x2z53n > .panel{
    background:white;
    margin:0;
    height:100%;
  }

  footer.svelte-1x2z53n{
    background-color:var(--d-dark);
    display:flex;
    padding:10px 25px 30px 25px;
    margin-top:0;
    border-top:0px;
    justify-content: space-between;
    color:rgba(255,255,255,0.8)
  }
  footer.svelte-1x2z53n a:where(.svelte-1x2z53n){
    color:white
  }
  .grid div.gridrow.odd{
    background-color:var(--pale);
  }

  .grid div.gridrow.active{
    background-color:var(--d-primary)
  }

  .grid .gridrow.active a{
    color:white;
  }

  .grid div.headerrow, .grid div.gridfooter{
    background:var(--d-mid);
    color:white;
    height:35px;
  }
  .gridarea div.grid{
    --duo-border:none;
  }

  .tabs{
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
  }
  .tabs a,.tabs button{
    display:inline-block;
    padding:12px 15px;
    text-decoration: none;
    color:#444;
    background:transparent;
    border:0;
    cursor: pointer;
  }
  .tabs a.active,.tabs button.active{
    border:1px solid #ddd;
    border-bottom:1px solid white;
    margin-bottom:-1px;
  }
  h2{
    color:var(--d-primary);
  }
  code{
    word-break: break-all;
  }

  .inner .crudlist .toolbar,.grid .crudlist .toolbar{
    display: flex;
    flex-wrap:wrap;
    gap:0 5px;
  }
  .inner .crudlist .toolbar{
    padding:5px 10px;
  }
  .inner .crudlist .toolbar .btn-group .sbtn{
    color:var(--d-mid);
  }
  .crudlist .toolbar .search{
    flex:1;
    max-width:550px;
    min-width:150px;
  }

  .crudlist .toolbar .btn-group{
    display: grid;
    /* grid-template-columns: auto auto auto max-content; */
    grid-template-columns:auto auto auto auto;
    gap:5px;
  }
 
  .crudlist .toolbar .search .form-row{
    margin:5px 0px;
  }

  .crudlist .toolbar [slot=tools], .crudlist .toolbar [slot=tools] .form-row{
    /* display: contents; */
    margin:0;
    transform: translateY(0px);
  }
  .crudlist .toolbar [slot=tools]{
    display:flex;
    gap:5px;
    flex:1;
  }
 
  .mainmenu.svelte-1x2z53n button{
    border:0;
    background:transparent;
    cursor:pointer;
    color:var(--d-secondary);
    display:flex;
    align-items:center;
    padding-inline:15px;
  }

  .spacer{
    flex:1;
  }

  @media screen and (max-width: 768px) {
    .hidden-sm{
      display:none;
    }
    input,select,textarea{
      font-size:16px!important;
    }
  }




  :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;
    }
  }




  .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;
}




  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;
  }
  



  .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;
  }





  .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: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: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;
  }



  .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%;
  }


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




  .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
  }
  




  .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);}



  .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)
  }



   /** Below can be overridden per site  **/
  :root{
    --chart-colour1:#FF1616;
    --chart-colour2:#FF914D;
    --chart-colour3:#FFDE59;
    --chart-colour4:#7ED957;
    --chart-colour5:#5271FF;
    --chart-colour6:#8C52FF;
    --chart-colour7:#7F00FF;
    --chart-opacity:44;
  }



  .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;
  }




.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);
}




  .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;
  }





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



  duo-icon{
    display:inline-block;
    line-height:1em;
  }
  .icon.svelte-k9w96m{
    height:1em;
    width:1em;
    display: inline-flex;
    align-self: center;
    position:relative;
    top:0.15em;
    -webkit-font-smoothing:antialiased;
    fill:currentcolor;
  }
  .icon.svelte-k9w96m svg{
    width:1em;
    height:1em;
  }
  .no-icon.svelte-k9w96m,.error.svelte-k9w96m{
    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;
  }
  .loading.svelte-k9w96m{
    flex:1;
    height: 1.1em;
    width:1.1em;
    border:1px solid #ccc;
  }




  .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;
  }




  .editarea.svelte-1rtih5n{
    box-shadow:0 0 0 1px rgba(255,255,255,0.5),0 0 0 1px rgba(0,0,0,0.5);
    padding:0px 10px;
    color:rgba(0,0,0,0.3);
    text-shadow:0px 0px 1px white;
  }




  .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;
  }



  .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);
  }



  .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;
    }
  }



  






  .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;
  }


  .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%, 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;
  }


  .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:var(--s-labelwidth);
    padding:0 0 8px 0;
  }


  /* 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;
    }
  }
  



  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
  }


  .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;
  }



  @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);}
  }



  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;
}



  .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;
  }



	.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;
	} */


  .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; 
  }



  .toolbar.svelte-2bqwqf{
    border-top:1px solid #eee;
    padding-top:10px;
    margin-top:20px;
  }
  .forgotlink.svelte-2bqwqf{
    display:inline-block;
    padding:10px;
  }



  :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;
  }




  .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;
  }





  .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)}



  .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;
    }
  }




  .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;
    }
  }


  .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)}





  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;
  }





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




  /* 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;
  }





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



  .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;
  }





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