.svelte-135a79r {
     box-sizing: border-box
   }
  .spopover-title.svelte-135a79r{
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
  }
  .spopover.svelte-135a79r{
    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-135a79r{
    padding: 9px 14px;
  }
  .pop-backdrop.svelte-135a79r{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,0.01)
  }


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



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


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



  .notice-card.svelte-1jkoco1{
    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-1jkoco1:before{
    content:"";
    background:var(--d-primary);
    inset:0;
    position:absolute;
    opacity:0.1;
    border-radius:5px;
    z-index:-1;
  }
  .notice-card.svelte-1jkoco1 .message:where(.svelte-1jkoco1){
    padding:15px;
    flex:1;
  }
  .icon.svelte-1jkoco1{
    font-size:20vw;
    padding:20px;
    display:flex;
    place-content:center;
    flex:1;
    color:var(--d-primary);
  }


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


  form.svelte-16zzh05{
    --s-labelwidth:100px;
  }



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

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

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

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

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

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

  }

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

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





  .providers.svelte-fxe1g5{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr) );
    grid-auto-rows: 190px;
    gap:20px;
  }
  .provider.svelte-fxe1g5{
    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-fxe1g5{
    border:4px solid var(--pale);
  }
  .provider.add.svelte-fxe1g5 .icon:where(.svelte-fxe1g5){
    color:var(--d-primary);
    font-size:6em;
  }
  .provider.add.svelte-fxe1g5 p:where(.svelte-fxe1g5){
    color:white;
    font-size:14px;
    background:var(--d-primary);
    padding:10px 0px;
    margin:0;
  }
  .provider.add.svelte-fxe1g5:before{
    background-color:var(--d-primary);
  }
  .provider.svelte-fxe1g5:hover:before{
    opacity:0.3;
  }
  .provider.svelte-fxe1g5:hover{
    scale:102%;
  }

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

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

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

  .options.svelte-fxe1g5{
    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-fxe1g5 .form-row.checkrow{
    margin:0;
  }
  .toolbar.svelte-fxe1g5{
    display: flex;
  }
  .toolbar.svelte-fxe1g5 .spacer:where(.svelte-fxe1g5){
    flex:1
  }





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


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

  .toolbar.svelte-1t7ienp{
    display:flex;
    justify-content:flex-end;
  }
  .value.svelte-1t7ienp{
    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-1t7ienp{
    display:grid;
    grid-template-columns: 1fr 100px;
  }
  .srv.svelte-1t7ienp{
    display:grid;
    grid-template-columns: 1fr 70px 70px 70px;
  }



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

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



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




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


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



  .stats.svelte-13gu8l6 meter:where(.svelte-13gu8l6){
    --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-13gu8l6 meter:where(.svelte-13gu8l6)::-webkit-meter-optimum-value, meter.svelte-13gu8l6::-webkit-meter-suboptimum-value, meter.svelte-13gu8l6::-webkit-meter-even-less-good-value {
    transition: .3s width;
  }

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

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

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



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



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

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

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


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




  .toolbar.svelte-45vh96{
    display:flex;
    justify-content: flex-end;
  }


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

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

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


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



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



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


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

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




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



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

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


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




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

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


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


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


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



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

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



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

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

.services.svelte-1oz1b0z .tools:where(.svelte-1oz1b0z){
  justify-content: flex-end
}

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

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

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

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

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

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

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

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

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

}




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

  h4.svelte-13c8be5{
    font-size:16px;
  }

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

  }




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


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

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

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



  .panel.svelte-1815oco{
    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-1815oco{
    padding:10px 15px;
    background:white;
    min-height:550px;
  }

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

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

  form.details.svelte-1815oco{
    --s-labelwidth:120px;
  }

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

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



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



  .activitybar.svelte-10i7fsd, .disconnected.svelte-10i7fsd{
    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-10i7fsd{
    background:var(--d-warning);
    min-height:40px;
  }


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




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

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

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

  footer.svelte-17v9k3d{
    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-17v9k3d a:where(.svelte-17v9k3d){
    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-17v9k3d 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-1say5i0{
    background:#eee;
  }
  .table.svelte-1say5i0 > thead:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > th:where(.svelte-1say5i0), .table.svelte-1say5i0 > tbody:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0), .table.svelte-1say5i0 > tfoot:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0) {
    padding: 8px;
    vertical-align: top;
  }

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

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

  th.svelte-1say5i0{
    text-align: left;
  }
  .form-control.svelte-1say5i0{
    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-1say5i0 > tbody:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0){
    vertical-align: middle;
  }
  button.remove.svelte-1say5i0{
    border:0;
    padding:10px;
    background:transparent;
    color:#777;
    cursor:pointer;
  }
  button.remove.svelte-1say5i0:hover{
    color:black;
  }

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

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

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

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




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

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

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

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

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



.archive.svelte-pgjew4{
  margin-bottom:10px;
}
details.svelte-pgjew4 {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 10px;
  border-radius: 5px;
  background: #fff;
  margin-top: 5px;
}
details.svelte-pgjew4 summary:where(.svelte-pgjew4) {
  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-pgjew4 summary:where(.svelte-pgjew4)::-webkit-details-marker {
  display: none;
}
details.svelte-pgjew4 summary:where(.svelte-pgjew4):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-pgjew4 summary:where(.svelte-pgjew4) {
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
  background: var(--d-primary);
  color: #fff;
  z-index: 2;
}
details[open].svelte-pgjew4 summary:where(.svelte-pgjew4):before {
  transform: rotate(0deg);
}
details[open].svelte-pgjew4 summary:where(.svelte-pgjew4) ~ :where(.svelte-pgjew4) {
  animation: sweep 0.5s ease-in-out;
}

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




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



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





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



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


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




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

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




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

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



  .buy.svelte-mvntug{
    display:flex;
    width:180px;
    margin:5px;
  }
  input.svelte-mvntug,button.svelte-mvntug{
    padding:8px 10px;
    font-size:14px;
    border:1px solid var(--s-primary,#444);
  }
  input.svelte-mvntug{
    width:50px;
    border-radius:5px 0 0 5px;
    text-align: center;
  }
  button.svelte-mvntug{
    flex:100;
    background:#2299ee;
    background:var(--s-primary,#444);
    color:white;
    border-radius:0 5px 5px 0;
  }
  button.svelte-mvntug: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-fbdy3g{
    --s-border-radius: 0px;
    --s-button-margins: 0px;
  }
  .steps.svelte-fbdy3g > button{
    flex:1;
    width: 100%;
    margin-right:-1px;
  }
  /* desktop */
  @media(min-width:900px){
    .steps.svelte-fbdy3g{
      display: flex;
      width: 100%;
      margin-right:1px;
    }
  }
  /* mobile */
  @media(max-width: 600px){
    .addresses.svelte-fbdy3g{
      --s-labelwidth:0px;
    }
  }

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




.cookie-banner.svelte-1bif8bn{
  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-1bif8bn{
  flex:1 1 400px;
}

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

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

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

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

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

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

.infopanel.svelte-1bif8bn .infotitle:where(.svelte-1bif8bn):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-1bif8bn .infotitle:where(.svelte-1bif8bn):before{
  transform: rotate(90deg);
}

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

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

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

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

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

.checkbox.svelte-1bif8bn{
  display:flex;
}
.checkbox.svelte-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn){
  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-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn):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-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn):checked{
  background:var(--s-success,#28a745);
}

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




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

  .dropdown-menu.svelte-1f1sx5l{
    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-1f1sx5l{
    right:0;
    left:auto;
  }

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




  .menu.svelte-wmplag{
    position:relative;
  }
  .overlay.svelte-wmplag{
    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-y2q9wj{
    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-1rw0gy9{
    overflow:hidden;/* fix float */
  }
  .spagination.svelte-1rw0gy9 .sbtn{
    margin:0;
    border-radius: var(--s-border-radius,0px);
    border-right-width:0;
    display:block;
    float:left;
  }

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



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

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

  .front.svelte-1xvktdq{
    transform:rotateY(0deg);
    grid-column:1 / 2;
    grid-row:1 / 2;
    position: relative;
    height:100%;
  }
  
  .back.svelte-1xvktdq{
    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-1xvktdq .back:where(.svelte-1xvktdq),.flipx.svelte-1xvktdq .back:where(.svelte-1xvktdq){
    overflow:visible;
    position: static;
    grid-column:1 / 2;
    grid-row:1 / 2;
  }

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

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



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

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

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

  .info.svelte-1ghdi24{
    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-1ghdi24 p:where(.svelte-1ghdi24){
    margin:0 0 5px 0;
  }

  .event.svelte-1ghdi24{
    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-1ghdi24:hover,.info.svelte-1ghdi24:hover{
    scale:0.95;
  }

  .title.svelte-1ghdi24{
    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-1ghdi24{
    grid-area: date;
  }

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


  @container (width< 400px) {
    .picker.svelte-1ghdi24 h2:where(.svelte-1ghdi24){
      margin:0;
      font-size:2em;
    }
    .event.svelte-1ghdi24 {
      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-1ghdi24{
      display:grid;
      font-size:6px;
      place-content:center start;
    }
    .description.svelte-1ghdi24{
      margin:0;
    }
    .info.svelte-1ghdi24{
      padding:10px 15px 10px 15px;
    }
  }



  






  .autocomplete.svelte-1eiqf4y{
    width:100%;
    position:relative
  }
  .optionlist.svelte-1eiqf4y{
    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-1eiqf4y > div:where(.svelte-1eiqf4y){
    padding:7px 10px;
    cursor:pointer;
  }
  .optionlist.svelte-1eiqf4y > div.active:where(.svelte-1eiqf4y){
    background:#eee;
  }


  .svelte-12amrdr{
    box-sizing: border-box;
  }

.salert.svelte-12amrdr{
  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-12amrdr:first-child{
  margin-top:0!important
}
.salert.svelte-12amrdr:last-child{
  margin-bottom:0!important
}



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

  .salert.info.svelte-12amrdr{
    --alert-color:var(--alert-info,#d9edf7);
  }
  .salert.warning.svelte-12amrdr{
    --alert-color:var(--alert-warning,#ffe69c);
  }
  .salert.success.svelte-12amrdr{
    --alert-color:var(--alert-success,#ccf8e4);
  }
  .salert.danger.svelte-12amrdr{
    --alert-color:var(--alert-danger,#ffd9dd);
  }
  .salert.dark.svelte-12amrdr{
    --alert-color:var(--alert-dark,#ced4da);
  }
  .salert.svelte-12amrdr{
    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-12amrdr h1,.salert.svelte-12amrdr h2,.salert.svelte-12amrdr h3,.salert.svelte-12amrdr h4,.salert.svelte-12amrdr h5,.salert.svelte-12amrdr h6,.salert.svelte-12amrdr p{
  margin:0 0 10px 0;
}

  .close.svelte-12amrdr{
    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-12amrdr:hover{
    opacity:1;
  }
  .hiding.svelte-12amrdr{
    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-12amrdr{
    --alert-color:#055160 
  }
  .salert.warning.svelte-12amrdr{
    --alert-color:#664d03
  }
  .salert.success.svelte-12amrdr{
    --alert-color:#0f5132
  }
  .salert.danger.svelte-12amrdr{
    --alert-color:#842029
  }
  .salert.dark.svelte-12amrdr{
    --alert-color:#141619
  }

  .salert.svelte-12amrdr: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-12amrdr: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-ezpm7c{
    margin:5px 0;
  }
  .alertwrap.svelte-ezpm7c .salert{
    padding:0;
    --s-formrow-margins:5px;
  }


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

  .checkrow.svelte-tv8ll9{
    align-items:center;
  }

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

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

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

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

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

  .form-row.svelte-tv8ll9 .checkboxLabel:where(.svelte-tv8ll9){
    padding:0;
    margin:2px 3px;
    text-align:left;
  }
  .form-row.svelte-tv8ll9 [slot="suffix"] .sbtn{
    border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
    margin:0;
  }
  
  .form-row.hasSuffix.svelte-tv8ll9 [slot="suffix"] > :not(button),
  .form-row.hasPrefix.svelte-tv8ll9 [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-tv8ll9 [slot="suffix"] > div.dropdown{
    padding:0; 
    border:0;
  }

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

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

  .form-row.svelte-tv8ll9 input.form-input,
  .form-row.svelte-tv8ll9 select.form-input,
  .form-row.svelte-tv8ll9 textarea.form-input,
  .form-row.svelte-tv8ll9 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-tv8ll9 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-tv8ll9 input.form-input[disabled],
  .form-row.svelte-tv8ll9 select.form-input[disabled],
  .form-row.svelte-tv8ll9 textarea.form-input[disabled],
  .form-row.svelte-tv8ll9 div.form-input[disabled]{
    color:#999;
    background-color:rgba(0,0,0,0.03);
    cursor:not-allowed;
  }

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

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

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

  .form-row.hasPrefix.svelte-tv8ll9 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-tv8ll9 input.form-input{
    border-radius:0;
    border-left:0px;
    border-right:0px;
  }

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

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

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

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

  .note.svelte-tv8ll9{
    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-tv8ll9:not(.checkrow){
      flex-wrap: wrap;
      justify-content: space-between;
    }
  
    .form-row.svelte-tv8ll9 .slabel:where(.svelte-tv8ll9){
      text-align:left;
      margin:0;
      width:100%!important;
      padding:1px 2px;
    }

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

    .note.svelte-tv8ll9 a{
      color:inherit;
    }
  }
  



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


  .uploadinput.svelte-1lsesaj{
    position:fixed;
    top: -100px; /* hidden off screen */
  }
  .uploadbutton.svelte-1lsesaj{
    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-1lsesaj: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-1lsesaj .d-icon{ top:0.4em;} /* not sure why this is neccessary ?*/
  .markdowninput.svelte-1lsesaj{
    width:100%;
    border:1px solid #ddd;
  }
  .stabs.svelte-1lsesaj {
    text-align:left;
    background:#eee;
    padding:10px 10px 0 10px;
    border-bottom:1px solid #ccc;
    position:relative;
  }
  .stabs.svelte-1lsesaj button:where(.svelte-1lsesaj){
    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-1lsesaj button.active:where(.svelte-1lsesaj){
    color:black;
    border:1px solid #ccc;
    border-bottom:1px solid white;
    
  }
  .stabs.svelte-1lsesaj button:where(.svelte-1lsesaj):active,.stabs.svelte-1lsesaj button:where(.svelte-1lsesaj):focus{
    outline:0px;
    color:black;
    border:2px solid #ccc;
    border-bottom:1px solid white;
  }
  .inputarea.svelte-1lsesaj,.preview.svelte-1lsesaj{
    padding:10px;
  }
  .inputarea.svelte-1lsesaj textarea:where(.svelte-1lsesaj),.cusortrack.svelte-1lsesaj{
    font-weight:normal;
    border:0px;
    font-size:14px;
    resize: none;
    width:100%;
  }
  .inputarea.svelte-1lsesaj textarea:where(.svelte-1lsesaj):focus{
    outline:0px;
  }
  .stoolbar.svelte-1lsesaj{
    position: absolute;
    top:10px;
    right:10px;
    --s-button-margins:0px;
  }
  .preview.svelte-1lsesaj img{
    max-width:100%;
  }
  .preview.svelte-1lsesaj .video{
    width:100%;
    padding-top:56.25%;
    position:relative;
  }
  .preview.svelte-1lsesaj .video iframe{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    border:0;
  }
  .preview.svelte-1lsesaj > :first-child{
    margin-top:0;
  }
  .cusortrack.svelte-1lsesaj{
    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-1lsesaj .cursor:where(.svelte-1lsesaj){
    outline:1px solid black;
  }

  .emojilist.svelte-1lsesaj{
    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-1lsesaj > div:where(.svelte-1lsesaj){
    padding:5px 8px;
    cursor:pointer; 
  }
  .emojilist.svelte-1lsesaj > .active:where(.svelte-1lsesaj){
    background:#eee;
  }



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



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

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

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

  .forum.svelte-g91c0x{
    position:relative;
  }

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

  .clickinto.svelte-g91c0x{
    cursor:pointer;
  }

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

  .post.svelte-g91c0x:hover .details:where(.svelte-g91c0x){
    background:#ddd;
  }
  .details.svelte-g91c0x,.toolbar.svelte-g91c0x{
    background:#eee;
    padding:5px 15px;
    margin:10px -15px -10px -15px;
    font-size:12px;
    transition:0.5s background;
    
  }
  .toolbar.svelte-g91c0x{
    text-align:right;
  }
  .unpublished.svelte-g91c0x{
    position:absolute;
    top:5px;
    right:5px;
    pointer-events: none;
    padding:3px 8px;
    font-size:12px;
    border:1px solid #ddd;
    border-radius: 3px;
  }
  .spinner.svelte-g91c0x{
    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-g91c0x-spin 1s infinite linear;
    margin-bottom:-4px;
  }
  @keyframes svelte-g91c0x-spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
  }



  button.svelte-15kih3g{
    cursor: pointer;
  }
  .editing.svelte-15kih3g{
    display:block;
    position:absolute;
    inset:0;
    outline:1px solid #22aae3;
    z-index:2;
    pointer-events:none;
  }
  .label.svelte-15kih3g{
    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-15kih3g{
    display:contents;
  }

  .gallery-backdrop.svelte-15kih3g{
    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-15kih3g{
    background:rgba(0,0,0,0.9);
  }

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

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

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

  .gallery-panel.svelte-15kih3g figure,.gallery-panel.svelte-15kih3g 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-15kih3g .gallery-panel:where(.svelte-15kih3g) figure,.show.svelte-15kih3g .gallery-panel:where(.svelte-15kih3g) img{
    transform:scale(1);
    opacity:1;
  }

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

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

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

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

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

  .close.svelte-15kih3g{
    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-15kih3g:hover{
    background: rgba(0,0,0,0.5);
  }

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

  .gallery-controls.svelte-15kih3g .next:where(.svelte-15kih3g), .gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g){
    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-15kih3g .next:where(.svelte-15kih3g):hover, .gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g):hover{
    background: rgba(0,0,0,0.5);
    color: #fff;
  }

  .gallery-controls.svelte-15kih3g .next:where(.svelte-15kih3g):before, .gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g):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-15kih3g .prev:where(.svelte-15kih3g){
    right: auto;
    left: 0;
    transform:scaleX(-1)
  }








.map.svelte-14nsisa {
  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-1w8cgjw{
    height:1em;
    display: inline-flex;
    align-self: center;
    position:relative;
    top:0.15em;
    -webkit-font-smoothing:antialiased;
  }
  .d-icon.svelte-1w8cgjw svg{
    height:100%;
    shape-rendering: geometricPrecision;
  }



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

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


  .svelte-15jcyas {
    box-sizing: border-box;
  }
  .grid.svelte-15jcyas{
    height:100%;
    min-height:100px;
    display:flex;
    flex-direction: column;
    border:var(--duo-border,1px solid #ccc);
  }
  .rows.svelte-15jcyas{
    flex:1;
    height:calc(100% - 70px);
    cursor:pointer;
    position:relative;
    overflow:hidden;
  }
  .headerrow.svelte-15jcyas,.gridrow.svelte-15jcyas,.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-15jcyas,.gridfooter.svelte-15jcyas{
    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-15jcyas{
    border-width:1px 0 0 0;
    padding:7px;
    font-size:0.9em; 
    height:30px;
  }
  .header.svelte-15jcyas{
    padding:7px;
    font-size:0.9em;
    font-weight: bold;
    cursor:pointer;
  }
  .gridrow.svelte-15jcyas .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-15jcyas{
    background:var(--duo-background,white);
  }
  .gridrow.odd.svelte-15jcyas{
    background:var(--duo-oddrow,#f3f3f3);
  }
  .gridrow.active.svelte-15jcyas{
    background-color:var(--s-primary,#2299ee); 
    color:white;
  }
  .arrow.flip.svelte-15jcyas{
   transform:rotate(180deg) scaleX(-1);
   display:inline-block;
  }

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



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



  :host{
    display:block;
  }
  .smodal.svelte-f9gyva{
    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-f9gyva{
    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-f9gyva h3:where(.svelte-f9gyva){
    margin:3px 0;
    font-size:21px;
    font-weight:normal;
  }
  .heading.svelte-f9gyva{
    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-f9gyva{
    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-f9gyva:hover{
    opacity:1;
  }
  .modaltoolbar.svelte-f9gyva{
    border-top:1px solid #eee;
    padding:10px 10px 0px 10px;
    margin:20px -15px 0 -15px;
  }
  .modaltoolbar.svelte-f9gyva:blank{
    display:none;
  }




  .popup.svelte-lplnhq{
    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-lplnhq:hover{
    background:#eee;
  }

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


  .backdrop.svelte-lplnhq{  
    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-lplnhq{
    opacity: 0;
  }

  .dialog.svelte-lplnhq{
    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-lplnhq {
    animation: svelte-lplnhq-show 0.3s ease normal;
  }

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

    }
  }

  .hide.svelte-lplnhq .dialog:where(.svelte-lplnhq) {
    animation: svelte-lplnhq-hide 0.3s ease normal;
  }
  @keyframes svelte-lplnhq-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-lplnhq{
    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-lplnhq:hover{
    opacity:1;
  }





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



  .sprogress.svelte-mgze0j{
    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-mgze0j{
    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-mgze0j,.info.svelte-mgze0j,.success.svelte-mgze0j,.warning.svelte-mgze0j,.danger.svelte-mgze0j,.dark.svelte-mgze0j{
    color:white;
    box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
  }   
  .primary.svelte-mgze0j{background-color:#2299ee; background-color:var(--s-primary,#2299ee)}
  .info.svelte-mgze0j{background-color:#17a2b8; background-color:var(--s-info,#17a2b8)}
  .success.svelte-mgze0j{background-color:#28a745; background-color:var(--s-success,#28a745)}
  .warning.svelte-mgze0j{background-color:#ffc107; background-color:var(--s-warning,#ffc107)}
  .danger.svelte-mgze0j{background-color:#dc3545; background-color:var(--s-danger,#dc3545)}
  .dark.svelte-mgze0j{background-color:#343a40; background-color:var(--s-dark,#343a40)}



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

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





  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-jny0qg{
    position:absolute;
    bottom:0;
    left:0;
    height:5px;
    width:100%;
    background:white;
    opacity:0.3;
    transform-origin: top left;
    animation:4s linear 1 svelte-jny0qg-fill;
    z-index:10;
  }

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

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

  .controls.svelte-jny0qg .next:where(.svelte-jny0qg),
  .controls.svelte-jny0qg .prev:where(.svelte-jny0qg){
    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-jny0qg .next:where(.svelte-jny0qg):hover,
  .controls.svelte-jny0qg .prev:where(.svelte-jny0qg):hover{
    background: rgba(0,0,0,0.5);
    color: #fff;
  }
  .controls.svelte-jny0qg .next:where(.svelte-jny0qg):before,
  .controls.svelte-jny0qg .prev:where(.svelte-jny0qg):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-jny0qg .prev:where(.svelte-jny0qg){
    right: auto;
    left: 0;
    transform:scaleX(-1)
  }

  .controls.svelte-jny0qg .pager:where(.svelte-jny0qg){
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 20px;
    display: flex;
    justify-content: center;
  }
  .controls.svelte-jny0qg .pager:where(.svelte-jny0qg) button:where(.svelte-jny0qg){
    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-jny0qg button.active:where(.svelte-jny0qg){
    background: #fff;
  }

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





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




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





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



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

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

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

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


  .toaster.svelte-lr3mbo{
    z-index:10002;
    position: fixed;
    top: 5px;
    right:10px;
  }
  .slice.svelte-lr3mbo{
    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-lr3mbo{
    position:absolute;
    top:5px;
    right:5px;
    background:transparent;
    border:0;
    color:white;
    width:34px;
    height:34px;
    cursor:pointer;
    transition: transform 0.3s;
  }
  .cancel.svelte-lr3mbo:hover{
    transform:scale(1.3);
  }
  .slice.svelte-lr3mbo h3:where(.svelte-lr3mbo){
    margin:0 0 10px 0;
    color:white;
  }
  /* backgrounds set twice, first for IE11 */
  .slice.primary.svelte-lr3mbo,.slice.info.svelte-lr3mbo,.slice.success.svelte-lr3mbo,.slice.warning.svelte-lr3mbo,.slice.danger.svelte-lr3mbo,.slice.dark.svelte-lr3mbo { color:white; fill:white;}
  .slice.primary.svelte-lr3mbo {background-color:hsla(var(--themehue), 50%, 35%, 1)}
  .slice.info.svelte-lr3mbo {background-color:#17a2b8;background-color:var(--s-info,#17a2b8)}
  .slice.success.svelte-lr3mbo {background-color:#28a745;background-color:var(--s-success,#28a745)}
  .slice.warning.svelte-lr3mbo {background-color:#ffc107;background-color:var(--s-warning,#ffc107)}
  .slice.danger.svelte-lr3mbo {background-color:#dc3545;background-color:var(--s-danger,#dc3545)}
  .slice.dark.svelte-lr3mbo {background-color:#343a40;background-color:var(--s-dark,#343a40)}




  .wrapper.svelte-j29q36{
    position:relative;
  }

  .tweets.svelte-j29q36{
    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-j29q36::-webkit-scrollbar { 
    display: none; 
  }
  .tweet.svelte-j29q36{
    flex: 0 0 auto;
    scroll-snap-align: center;
    width:100%;
    z-index:1;
  } 
  .tweet.svelte-j29q36 p:where(.svelte-j29q36){
    text-align:center;
    max-width:250px;
    margin:10% auto 0 auto;
  }
  .twittericon.svelte-j29q36{
    position:absolute;
    top:-20%;
    left:25%;
    opacity:0.1;
    z-index:0;
    pointer-events: none;
    font-size:250px;
    color:#00adee;
  }
  .pager.svelte-j29q36 button:where(.svelte-j29q36){
    background:white;
    display:inline-block;
    border:1px solid #00adee;
    width:10px;
    height:10px;
    padding:0;
    border-radius:50%;
    margin:0 5px
  }

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





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