form.svelte-3lry07 {
        display: grid;
        gap: 20px 50px;
        width: 100%;
        margin: 15px;
    }
    label.svelte-3lry07 {
        grid-column: 1;
    }
    input.svelte-3lry07 {
        grid-column: 2 / 8;
    }
    h3.svelte-3lry07 {
        margin: auto 20px;
        text-align: center;
    }


    form.svelte-26tdd4 {
        display: grid;
        gap: 20px 50px;
        width: 100%;
        margin: 15px;
    }
    label.svelte-26tdd4 {
        grid-column: 1;
    }
    input.svelte-26tdd4 {
        grid-column: 2 / 8;
    }
    h3.svelte-26tdd4 {
        margin: auto 20px;
        text-align: center;
    }


    .outer_div.svelte-mag2f4 {
        margin: auto;
        padding:20px;
        width: 400px;
    }


    button.selected.svelte-q0hmq6 /* (unused) div.selected*/ {
        background-color: #c0c;
        color: white;
    }


/********** Range Input Styles **********/
/*Range Reset*/
input[type="range"].svelte-vaad7m {
   -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 15rem;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 4em;
    background: repeating-linear-gradient(90deg, #ccc 0, #ccc 2px, transparent 2px, transparent calc((100% - 1rem) / 8)) no-repeat;
    background-position: calc(0.5rem) 2.5em;
    background-size: calc(100%) 1em;
    font: inherit;
}

/* Removes default focus */
input[type="range"].svelte-vaad7m:focus {
  outline: none;
}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type="range"].svelte-vaad7m::-webkit-slider-runnable-track {
   background-color: #053a5f;
   border-radius: 0.5rem;
   height: 0.5rem;  
}

/* slider thumb */
input[type="range"].svelte-vaad7m::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -12px; /* Centers thumb on the track */

   /*custom styles*/
   background-color: #5cd5eb;
   height: 2rem;
   width: 1rem;
}

input[type="range"].svelte-vaad7m:focus::-webkit-slider-thumb {   
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem; 
}

/******** Firefox styles ********/
/* slider track */
input[type="range"].svelte-vaad7m::-moz-range-track {
   background-color: #053a5f;
   border-radius: 0.5rem;
   height: 0.5rem;
}

/* slider thumb */
input[type="range"].svelte-vaad7m::-moz-range-thumb {
   border: none; /*Removes extra border that FF applies*/
   border-radius: 0; /*Removes default border-radius that FF applies*/

   /*custom styles*/
   background-color: #5cd5eb;
   height: 2rem;
   width: 1rem;
}

input[type="range"].svelte-vaad7m:focus::-moz-range-thumb {
  border: 1px solid #053a5f;
  outline: 3px solid #053a5f;
  outline-offset: 0.125rem; 
}

.wrap.svelte-vaad7m {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    width: 500px;
    font: 1em/1 trebuchet ms, tahoma, sans-serif;
}
.wrap.svelte-vaad7m input:where(.svelte-vaad7m) {
    width:100%;
}
.labels.svelte-vaad7m {
    width: 100%;
    position: absolute;
    bottom: 0;
    /*left: 0.75em;*/
    margin: 0 auto;
}
.labels.svelte-vaad7m span:where(.svelte-vaad7m) {
    position: absolute;
    left: calc(var(--i)*(500px - 0.5rem) / 8 + 0.5rem);
    transform: translate(-50%) scale(0.9);
    font-weight: 700;
}


    button.selected.svelte-18wkmp9{
        background-color: #c0c;
        color: white;
    }


    .venue.svelte-1l7e7hp {
        width: 100%;
        border-radius: 5px; 
        border: solid #777; 
        padding: 0px 24px;
    }


    .card.svelte-dk2j5y {
        border-radius: 5px; 
        border: solid #777; 

        width: 240px;

        margin:5px;

        position: relative;

        display: inline-block;
        vertical-align: top;

        padding-top:130px;
    }
/*    .card .content::before {
        content: "";

        display: block;
        height: 10px;

        background: linear-gradient(180deg, 
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.95) 100%);
    }*/
    .card.svelte-dk2j5y .content:where(.svelte-dk2j5y) {
        max-height: 100%;
        padding:10px;
/*
        text-shadow:
        -1px -1px 0 #fff,
         1px -1px 0 #fff,
        -1px  1px 0 #fff,
         1px  1px 0 #fff;  */
         font-weight: 500;

        max-height: 240px;
        overflow:hidden;

    }
    .card.svelte-dk2j5y .text-content:where(.svelte-dk2j5y) {
        padding: 5px;

        max-height: 90%;

        background: rgba(255, 255, 255, 0.95);
        border-radius: 5px;
        box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.95);
    }
    .card.svelte-dk2j5y .text-content:where(.svelte-dk2j5y) h3:where(.svelte-dk2j5y) {
        margin-block: 0.7em 0;
    }
    .card.svelte-dk2j5y .text-content:where(.svelte-dk2j5y) p:where(.svelte-dk2j5y) {
        margin-block: 5px 0;
    }
    /*
    .card .h3 {
        display: block;
        padding: 10px 20px;
        background: radial-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0) 80%);
    }*/
    .card.started.svelte-dk2j5y {
        background-color: #fdd;
    }
    .card.svelte-dk2j5y .buttons:where(.svelte-dk2j5y) {
        position: relative;
        bottom: 0;
        background: linear-gradient(180deg,
            rgba(255,255,255,0) 0%, 
            rgba(255,255,255,0.9) 10%,
            rgba(255,255,255,0.9) 100%
        );
        z-index: 1;
        text-align: center;
        padding: 10px;
    }
    .event-url.svelte-dk2j5y {
        text-decoration: none;
        color:#003;
        margin: auto;
        text-align: center;
    }
    .event-url.svelte-dk2j5y:hover {
        color: #505;
    }
    button.selected.svelte-dk2j5y{
        background-color: #c0c;
        color: white;
    }
    .location.svelte-dk2j5y a:where(.svelte-dk2j5y) {
        text-decoration: none;
        color: #111;
        margin: 0 1px;
    }
    .location.svelte-dk2j5y a:where(.svelte-dk2j5y):hover {
        color: #505;
    }
    .image-container.svelte-dk2j5y {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;

        text-align: center;

        z-index: -1;

        display: block;

        overflow: hidden;

        max-height: 100%;
    }
    .content.svelte-dk2j5y img:where(.svelte-dk2j5y) {
        position: relative;
        max-width: 100%;
        z-index: -2;
    }

    .image-container.svelte-dk2j5y::before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        left: -20px;
        right: -20px;
        bottom: 0;
/*
        background: linear-gradient(180deg, 
            rgba(255,255,255,   0)  0%,
            rgba(255,255,255,   0) 85%,
            rgba(255,255,255,   1) 100%); */   
        box-shadow: inset 0 0 5px 10px #fff;
        clip-path: inset(85% 0 0 0);
    }
    /*
    .center {
        width: 100%;
        text-align: center;
    }*/


    button.selected.svelte-tbve21 /* (unused) div.selected*/ {
        background-color: #c0c;
        color: white;
    }


/* The switch - the box around the slider */
.switch.svelte-1nsr40p {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch.svelte-1nsr40p input:where(.svelte-1nsr40p) {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider.svelte-1nsr40p {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider.svelte-1nsr40p:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input.svelte-1nsr40p:checked + .slider:where(.svelte-1nsr40p) {
  /*background-color: #2196F3;*/
  background-color: #c0c;
}

input.svelte-1nsr40p:focus + .slider:where(.svelte-1nsr40p) {
  box-shadow: 0 0 1px #2196F3;
}

input.svelte-1nsr40p:checked + .slider:where(.svelte-1nsr40p):before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round.svelte-1nsr40p {
  border-radius: 34px;
}

.slider.round.svelte-1nsr40p:before {
  border-radius: 50%;
}

div.svelte-1nsr40p {
  align-items: center;
  vertical-align: middle;
  display: flex;
  margin: 10px 0 ;
}
div.svelte-1nsr40p p:where(.svelte-1nsr40p) {
  margin:0 5px;
  font-weight: 500;
  font-size: 14pt;
}


    span.svelte-16jnmwz {
        margin-right: 5px;
        vertical-align: middle;
        font-size: 18px;
        white-space:nowrap;
    }


    /* (unused) tr {
        border-left: 0.5rem solid;
    }*/
    /* (unused) tr.active {
        border-color: #df8e1d !important;
    }*/
    /* (unused) tr.inactive {
        border-color: #40a02b !important;
    }*/
    .card-grid.svelte-1axr822 {
        display: grid;
        /*gap: 5px 5px;*/
        width: 100%;
    }
    .day-header.svelte-1axr822 {/*
        padding:20px;
        margin:5px;*/

        border-radius: 5px; 

        width:100%; 
        justify-items: center;
        min-width: 200px;
    }


.gsi-material-button.svelte-7ul01h {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button.svelte-7ul01h .gsi-material-button-icon:where(.svelte-7ul01h) {
  height: 20px;
  margin-right: 10px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button.svelte-7ul01h .gsi-material-button-content-wrapper:where(.svelte-7ul01h) {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button.svelte-7ul01h .gsi-material-button-contents:where(.svelte-7ul01h) {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-state-contents.svelte-7ul01h {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    vertical-align: top;
    height: 100%;
    align-items: center;
    display: flex;
}
/* (unused) .gsi-material-state-contents p {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/

.gsi-material-button.svelte-7ul01h .gsi-material-button-state:where(.svelte-7ul01h) {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button.svelte-7ul01h:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button.svelte-7ul01h:disabled .gsi-material-button-contents:where(.svelte-7ul01h) {
  opacity: 38%;
}

.gsi-material-button.svelte-7ul01h:disabled .gsi-material-button-icon:where(.svelte-7ul01h) {
  opacity: 38%;
}

.gsi-material-button.svelte-7ul01h:not(:disabled):active .gsi-material-button-state:where(.svelte-7ul01h), 
.gsi-material-button.svelte-7ul01h:not(:disabled):focus .gsi-material-button-state:where(.svelte-7ul01h) {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button.svelte-7ul01h:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button.svelte-7ul01h:not(:disabled):hover .gsi-material-button-state:where(.svelte-7ul01h) {
  background-color: #303030;
  opacity: 8%;
}



div.svelte-1oji4iz {
    display: grid; gap: 5px 50px; width: 100%
}


    .item.svelte-1kft4i5 {
        margin: 20px 0;
    }


    div.svelte-1ip0yut {
        display: grid;
        max-width: 40em;
    }
    div.svelte-1ip0yut label:where(.svelte-1ip0yut) {
        grid-column: 1;
    }
    div.svelte-1ip0yut textarea:where(.svelte-1ip0yut), div.svelte-1ip0yut input:where(.svelte-1ip0yut) {
        grid-column: 2 / 10;
    }


    button.selected.svelte-1mjh60e{
        background-color: #c0c;
        color: white;
    }
    button.requested.svelte-1mjh60e{
        background-color: #c9c;
        color: white;
    }


    .card.svelte-kzl5qp {
        border-radius: 5px; 
        border: solid #777; 
        width: 240px;
        margin:5px;
        padding: 10px;
    }


    /*main {
        margin: auto;
        max-width: 140ch;
    }*/
    .selectors > * {
        padding:10px;
        width:100%;
    }
    .content.svelte-hnh8cx {
        display: grid;
        gap: 20px 10px;
        width: 100%
    }