*,*:before,*:after{box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}table{border-collapse:collapse}hr{border:1px solid rgba(0,0,0,0.1);border-width:1px 0 0 0;margin:15px 0}body{line-height:1.5;margin:0;font-size:14px}h1,h2,h3,h4,h5,h6,dd,dt,label{margin-top:.8em;font-weight:400;line-height:1.1;margin-bottom:0}ul,ol,dl,p,dd,.form-group{margin-top:.8rem}h1,h2,h3,h4,h5,h6,ul,ol,dl,p{margin-top:.8em}ul ul{margin-top:0}pre{white-space:pre-wrap}dt{font-weight:700}dd{margin-left:0}h1{font-size:3rem}h2{font-size:2.2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p,li{font-size:1rem}li>p{margin:.4em 0 0 0}a{color:var(--d-default-link);text-decoration:underline}a:hover{text-decoration:underline}figure{margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:0;position:relative}figure img{display:block}video{display:block}input{margin:0}select{margin:0;height:calc(2.25rem + 2px);background:url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+") no-repeat 99.5% 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}nav > ul,ul.list-unstyled{margin:0;padding:0;list-style:none}code{background:rgba(0,0,0,0.05);padding:1px 6px;display:inline-block;font-family:'Courier New',Courier,monospace;font-weight:bold;border-radius:3px}.container{margin:0 15px}@media (min-width:640px){.container{margin:0 60px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}*:not(:defined){display:none}.duocmsrow{display:flex;flex-wrap:wrap;gap:10px}.duocmscol{flex:1 1 100px;min-height:50px}.ProseMirror .duocmscol{outline:1px dotted rgba(0,0,0,0.1)}.duoform{--label-width:100px;overflow:hidden}.duoform .formrow{display:flex;flex-wrap:wrap;max-width:100%;margin:10px 2px;align-items:center}.formrow label{min-width:var(--label-width)}.formrow input:not([type=checkbox],[type=radio]),.formrow select,.formrow textarea{font:14px sans-serif;background:#fff;padding:8px 10px;flex:2 1 400px;min-width:200px;display:block;border:1px solid #aaa;margin:0;box-sizing:content-box}.formrow select{background:url("data:image/svg+xml;utf8,") no-repeat right 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}.formrow input[type=checkbox],.formrow input[type=radio]{min-width:var(--label-width);opacity:0}.formrow input[type=checkbox] ~ label,.formrow input[type=radio] ~ label{flex:2 1 390px;padding-left:30px;background:url("data:image/svg+xml;utf8,") no-repeat 0 50%}.formrow input[type=checkbox]:checked ~ label,.formrow input[type=radio]:checked ~ label{background-image:url("data:image/svg+xml;utf8,")}.duoform fieldset{position:relative;border:0;padding:20px 0 0 0;max-width:calc(100% -15px);margin:10px 15px}.duoform fieldset .formrow{margin:5px 0;padding:0}.duoform legend{position:absolute;top:6px;left:-2px}.duoform .btn{float:right;clear:both;margin-right:0}.ProseMirror .formrows{outline:1px dotted #ccc}.ProseMirror:focus{outline:0}footer{padding:10px 20px;grid-area:footer;display:flex;justify-content:space-between;font-size:12px}footer a{color:#aaa}footer a:hover{color:#444}[class*=link-icon]{color:var(--link-icon-color)}[class*=link-icon]:before{content:"";display:inline-block;margin:0 .2em -.2em .1em;width:1.2em;height:1.2em;transform:scale(1.2);background-color:var(--link-icon-color);-webkit-mask-image:var(--link-icon);-webkit-mask-repeat:no-repeat;mask-image:var(--link-icon);mask-repeat:no-repeat}[class*=link-type]:not(.link-type-default)[class*=link-icon]{color:#fff}[class*=link-type]:not(.link-type-default)[class*=link-icon]:before{margin:0 .3em -.2em -.1em;background-color:#fff}.link-icon-pdf{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:#c00}.link-icon-doc{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:#4183f8}.link-icon-ppt{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:#f26832}.link-icon-xls{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:#1bb371}.link-icon-video{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:#1bb371}[class*=link-type]{padding:.55em .75em;background:#eee;border:0;font-size:1em;text-decoration:none;color:#000;white-space:nowrap;display:inline-block;margin:var(--d-button-margins,4px);text-align:center;cursor:pointer;line-height:1.25;border-radius:var(--d-border-radius,4px);box-shadow:0 1px 2px rgba(0,0,0,0.5);transition:transform .2s,box-shadow .2s,filter}[class*=link-type]:hover{text-decoration:none}[class*=link-type]:focus{outline:0;box-shadow:0 0 3px #000}[class*=link-type]:active{outline:0;box-shadow:inset 0 4px 4px rgba(0,0,0,0.2)}.link-size-smaller{font-size:10px}.link-size-small{font-size:12px}.link-size-large{font-size:21px}.link-size-block{display:block;width:100%}.link-size-blocksmaller{font-size:10px;display:block;width:100%}.link-size-blocksmall{font-size:12px;display:block;width:100%}.link-size-blocklarger{font-size:21px;display:block;width:100%}.link-type-primary,.link-type-info,.link-type-success,.link-type-warning,.link-type-danger,.link-type-dark{color:#fff}.link-type-primary:[class*=link-icon]:before,.link-type-info:[class*=link-icon]:before,.link-type-success:[class*=link-icon]:before,.link-type-warning:[class*=link-icon]:before,.link-type-danger:[class*=link-icon]:before,.link-type-dark:[class*=link-icon]:before{margin:0 .3em -.2em -.1em;background-color:#fff;color:#fff}.link-type-primary{background-color:var(--d-primary,#29e)}.link-type-info{background-color:var(--d-info,#17a2b8)}.link-type-success{background-color:var(--d-success,#28a745)}.link-type-warning{background-color:var(--d-warning,#ffc107)}.link-type-danger{background-color:var(--d-danger,#dc3545)}.link-type-dark{background-color:var(--d-dark,#343a40)}[class*=' col-'] .container{width:100%}.block-accent,.accentblock{background:var(--d-primary);color:#fff}.block-subtle,.subtle{background:#eee}.main-nav{grid-area:nav;background-color:var(--d-primary)}.main-nav nav{background:var(--d-primary);color:#fff;position:sticky;top:0;padding:15px}.main-nav nav ul{padding:0;list-style:none}.main-nav nav ul a{display:block;text-decoration:none;font-weight:300;background-color:rgba(255,255,255,0);transition:.3s background-color}.main-nav nav ul a:hover{text-decoration:none;background-color:rgba(255,255,255,0.2)}.main-nav nav li.depth1 > a{padding:8px 5px}.main-nav nav li.depth1.active > a{font-weight:500}.main-nav nav li.depth2{padding-left:10px}.main-nav nav li.depth2 > a{padding:3px 10px;border-left:1px solid rgba(255,255,255,0.5)}.main-nav nav li.depth2.active > a{border-left:1px solid #fff;font-weight:bold}.main-nav nav li.depth3 > a{border-left:1px solid #fff;padding:3px 25px;background:rgba(255,255,255,0.1)}.main-nav nav li.depth3.active > a{font-weight:500}.main-nav nav li.depth4 > a{border-left:1px solid #fff;padding:3px 5px 3px 35px;background:rgba(255,255,255,0.1)}.main-nav nav li.depth4.active > a{background:rgba(255,255,255,0.2)}.main-nav input[type=checkbox]{display:none}.main-nav a.logo{margin:10px auto 40px auto;display:block;width:50px;border:1px solid #fff;text-align:center;line-height:42px}.main-nav a{color:#fff;text-decoration:none}@media (max-width:1100px){.main-nav{position:absolute}.main-nav nav{position:fixed;top:0;right:0;bottom:0;width:300px;transform:translateX(300px);transition:.3s transform,.3s box-shadow;box-shadow:0 -1000px 0 1000px rgba(255,255,255,0);z-index:2}.main-nav input:checked ~ nav{transform:translateX(0)}.navopen{display:block;width:40px;height:38px;position:fixed;top:0;right:10px;z-index:3;cursor:pointer;transition:.3s right;background:rgba(255,255,255,0.8)}.navopen:before,.navopen:after{content:"";border:2px solid var(--d-primary);border-width:2px 0;position:absolute;top:10px;left:8px;width:26px;height:16px;transition:.3s .3s height,.3s .3s top,.3s transform;transform-origin:14px 1px}.navopen:after{border-width:2px 0 0 0;top:17px}input:checked ~ .navopen{right:310px}input:checked ~ .navopen:before{height:0;top:19px;border-width:1px 0 1px 0;transform:rotateZ(45deg);transition:.3s height,.3s top,.3s .3s transform}input:checked ~ .navopen:after{transform:rotateZ(-45deg);transition:.3s height,.3s top,.3s .3s transform}}gmap,google-map{display:block}gmap img[src="/images/assets/maintenance-logo.svg"],google-map img[src="/images/assets/maintenance-logo.svg"]{width:40px !important;height:40px !important}gmap.contact{height:350px}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:$text-muted;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:$line-height-base;vertical-align:top;border-top:1px solid #ddd}.table > thead > tr > th > *,.table > tbody > tr > th > *,.table > tfoot > tr > th > *,.table > thead > tr > td > *,.table > tbody > tr > td > *,.table > tfoot > tr > td > *{margin:0}.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}.table > tbody + tbody{border-top:2px solid #ddd}.table .table{background-color:$body-bg}.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover > tbody > tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:$screen-xs-max){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive > .table{margin-bottom:0}.table-responsive > .table > thead > tr > th,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > td{white-space:nowrap}.table-responsive > .table-bordered{border:0}.table-responsive > .table-bordered > thead > tr > th:first-child,.table-responsive > .table-bordered > tbody > tr > th:first-child,.table-responsive > .table-bordered > tfoot > tr > th:first-child,.table-responsive > .table-bordered > thead > tr > td:first-child,.table-responsive > .table-bordered > tbody > tr > td:first-child,.table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0}.table-responsive > .table-bordered > thead > tr > th:last-child,.table-responsive > .table-bordered > tbody > tr > th:last-child,.table-responsive > .table-bordered > tfoot > tr > th:last-child,.table-responsive > .table-bordered > thead > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr > td:last-child,.table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0}.table-responsive > .table-bordered > tbody > tr:last-child > th,.table-responsive > .table-bordered > tfoot > tr:last-child > th,.table-responsive > .table-bordered > tbody > tr:last-child > td,.table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom:0}}img{height:auto;width:auto}.caption-heading{position:absolute;top:20%;left:10%;right:0;margin:auto;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.5)}.caption-heading h2{font-size:clamp(18px,calc(3vw + 0.7rem),5rem)}.caption-heading h3{font-size:4rem}.caption-dark{position:absolute;background:rgba(0,0,0,0.5);color:#fff;bottom:0;left:0;right:0;padding:10px}.img-responsive{display:block;width:100%}.img-banner{width:100vw}.img-banner img{object-fit:cover;max-height:400px}.img-overflow-right{position:relative;height:700px}.img-overflow-right img{position:absolute;height:100%;width:auto !important;top:0}.duoslideshow{position:relative;overflow:hidden;max-height:700px}.duoslideshow .duoslide{display:block;position:absolute;top:0;opacity:0;width:100%;transition:.5s all;transition-delay:.5s}.duoslideshow .duoslide.active{opacity:1;position:relative;left:0;z-index:1;transition-delay:0s}.duoslideshow .duoslide.active figcaption{animation:4s ease-out 0s 1 slideswipe}.duoslideshow .duoslide figure{min-width:100%;min-height:100%;display:block;float:none;margin-left:auto;margin-right:auto}.duoslideshow .duoslide img{min-width:100%;min-height:100%;object-fit:cover}.duoslideshow .next,.duoslideshow .prev{position:absolute;display:block;top:0;bottom:0;right:0;height:100%;text-shadow:0 0 5px rgba(0,0,0,0.5);transition:.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}.duoslideshow .next:hover,.duoslideshow .prev:hover{background:rgba(0,0,0,0.5);color:#fff}.duoslideshow .next:before,.duoslideshow .prev:before{position:absolute;top:calc(50% - 20px);left:10px}.duoslideshow .prev{right:auto;left:0}.duoslideshow .pager{position:absolute;z-index:2;bottom:20px;left:0;right:0;height:20px;display:flex;justify-content:center}.duoslideshow .pager-button{width:10px;height:10px;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}.duoslideshow .pager-button.active{background:#fff}.slideshow-zoombounce .duoslide{display:block;position:absolute;top:0;opacity:0;width:100%;transition:.5s all;transition-delay:.5s;transform:scale(.1,.1);transform-origin:center 200px}.slideshow-zoombounce .duoslide.active{opacity:1;position:relative;left:0;z-index:1;transition-delay:0s;transform:scale(1,1)}.slideshow-zoombounce .duoslide.active figcaption{animation:1s ease-out 0s 1 bounce}@-moz-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}30%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@-webkit-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}30%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@-o-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}30%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}30%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@-moz-keyframes bounce{0%{transform:scale(1,1) translateY(-800px)}30%{transform:scale(1,1) translateY(-800px)}50%{transform:scale(1,1) translateY(0)}55%{transform:scale(1,.95) translateY(0)}65%{transform:scale(1,1.05) translateY(-50px)}75%{transform:scale(1,1) translateY(0)}78%{transform:scale(1,1) translateY(-7px)}82%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}@-webkit-keyframes bounce{0%{transform:scale(1,1) translateY(-800px)}30%{transform:scale(1,1) translateY(-800px)}50%{transform:scale(1,1) translateY(0)}55%{transform:scale(1,.95) translateY(0)}65%{transform:scale(1,1.05) translateY(-50px)}75%{transform:scale(1,1) translateY(0)}78%{transform:scale(1,1) translateY(-7px)}82%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}@-o-keyframes bounce{0%{transform:scale(1,1) translateY(-800px)}30%{transform:scale(1,1) translateY(-800px)}50%{transform:scale(1,1) translateY(0)}55%{transform:scale(1,.95) translateY(0)}65%{transform:scale(1,1.05) translateY(-50px)}75%{transform:scale(1,1) translateY(0)}78%{transform:scale(1,1) translateY(-7px)}82%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}@keyframes bounce{0%{transform:scale(1,1) translateY(-800px)}30%{transform:scale(1,1) translateY(-800px)}50%{transform:scale(1,1) translateY(0)}55%{transform:scale(1,.95) translateY(0)}65%{transform:scale(1,1.05) translateY(-50px)}75%{transform:scale(1,1) translateY(0)}78%{transform:scale(1,1) translateY(-7px)}82%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive iframe{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.column-dark{background:#444;color:#fff}.column-no-padding{padding:0}/**
* okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author ocodia
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #8292a2;
}
.token.punctuation {
color: #f8f8f2;
}
.token.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
color: #f92672;
}
.token.boolean,
.token.number {
color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
color: #e6db74;
}
.token.keyword {
color: #66d9ef;
}
.token.regex,
.token.important {
color: #fd971f;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
.language-shell,.language-nginx,.language-json,.language-sql,.language-html.language-pug,.language-coffeescript,.language-javascript{margin:5px}.dynamicList.dl_default{list-style:none;padding:0;margin:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.dynamicList.dl_default li{box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:5px;overflow:hidden;display:flex;transition:.2s transform;padding:10px;background:#fff}.dynamicList.dl_default li:hover{transform:scale(1.03)}.dynamicList.dl_default h3{font-size:18px;padding:10px;margin:0}.dynamicList.dl_default a{text-decoration:none;color:#000;transition:.2s color}.dynamicList.dl_default p{padding:10px;font-size:14px}.dynamicList.dl_default img{display:block;object-fit:cover;width:100%}@media (max-width:500px){.dynamicList.dl_default{grid-template-columns:repeat(1,1fr)}}pop-up::part(modal){padding:20px}.popup-padding-none::part(modal){padding:0;max-width:calc(100vw - 30px);max-height:calc(100vh - 40px);border-radius:5px;overflow:hidden;aspect-ratio:16/9}.popup-padding-large::part(modal){padding:30px}.alert {
padding: 10px 15px;
position: relative;
color: var(--alert-color, #444);
margin: 10px 0px;
border-radius: 5px;
isolation: isolate;
overflow: hidden;
height: auto;
height: calc-size(auto, size);
transition:height 1s, opacity 1s, padding 1s, margin 1s;
&:after {
content: '';
position: absolute;
inset: 0;
background: var(--alert-color, #444);
border-radius: inherit;
filter: brightness(240%) saturate(2) opacity(0.25);
z-index: -1;
}
&:before {
content: '';
position: absolute;
inset: 0;
border: 1px solid var(--alert-color, #444);
border-radius: inherit;
filter: brightness(200%) saturate(2) opacity(0.2);
z-index: -1;
}
}
.alert-style-info {
--alert-color: #055160;
}
.alert-style-warning {
--alert-color: #664d03;
}
.alert-style-success {
--alert-color: #0f5132;
}
.alert-style-danger {
--alert-color: #842029;
}
.alert-close input[type="checkbox"]{
display:none;
}
.alert-close{
position:absolute;
top:5px;
right:10px;
color:rgba(0,0,0,0);
cursor:pointer;
}
.alert-close:after{
color:var(--alert-color);
content:"\d7";
position:absolute;
inset:0;
text-align:right;
font-size:24px;
font-weight:bold;
opacity:0.5;
}
.alert-close:hover:after{
opacity:1;
}
.alert:has(input:checked){
height: 0;
opacity:0;
padding: 0px 15px;
margin: 0px 0px;
}
:root{--d-primary:#1d3e52;--d-info:#17a2b8;--d-success:#28a745;--d-warning:#ffc107;--d-danger:#dc3545;--d-dark:#1d3e52;--d-button-margins:4px;--d-default-link:#444;--max-content-width:80ch}.primary{color:var(--d-primary)}html{background:var(--d-primary)}.mobilewrap{background:#fff;display:grid;min-height:100vh}body.template-index .mobilewrap{grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;grid-template-areas:"header" "main" "footer"}@media (max-width:1100px){body.template-index .mobilewrap{grid-template-rows:auto 1fr auto;grid-template-columns:100vw;grid-template-areas:"header " "main " "footer"}}body.template-default .mobilewrap{grid-template-rows:auto 1fr auto;grid-template-columns:300px 1fr;grid-template-areas:"nav header" "nav main" "nav footer"}@media (max-width:1100px){body.template-default .mobilewrap{grid-template-rows:auto auto 1fr auto;grid-template-columns:100vw;grid-template-areas:"header " "main " "footer"}}.mobilewrap{position:relative;overflow-x:hidden;max-width:100vw}header{grid-area:header}body.template-default header{padding:0 20px 20px 20px}body.template-default header > div{max-width:var(--max-content-width);margin:0 auto}main{grid-area:main}main > .content{padding:0 20px 20px 20px;max-width:var(--max-content-width);margin:0 auto}main > .video{padding:10px}main > .video:has(video){background:var(--d-primary);box-shadow:inset 0 0 10px rgba(0,0,0,0.5)}aside{grid-area:aside;padding:0 20px 20px 20px}aside > div{max-width:var(--max-content-width);margin:0 auto}.pull-right{float:right}.pull-left{float:left}duo-alert p:first-child{margin-top:0}
.svelte-1fthriu{
box-sizing: border-box;
}
.salert.svelte-1fthriu{
padding:12px 15px;
position:relative;
color:var(--alert-color,#444);
margin:10px 0px;
border-radius:5px;
isolation:isolate;
transition:max-height 0.5s,opacity 0.5s,padding 0.5s,margin-bottom 0.5s,transform 0.5s;
}
.salert.svelte-1fthriu:first-child{
margin-top:0!important
}
.salert.svelte-1fthriu:last-child{
margin-bottom:0!important
}
@supports(background-color:color-mix(in srgb, var(--alert-color) 20%, white)){
.salert.info.svelte-1fthriu{
--alert-color:var(--alert-info,#d9edf7);
}
.salert.warning.svelte-1fthriu{
--alert-color:var(--alert-warning,#ffe69c);
}
.salert.success.svelte-1fthriu{
--alert-color:var(--alert-success,#ccf8e4);
}
.salert.danger.svelte-1fthriu{
--alert-color:var(--alert-danger,#ffd9dd);
}
.salert.dark.svelte-1fthriu{
--alert-color:var(--alert-dark,#ced4da);
}
.salert.svelte-1fthriu{
background:var(--alert-color);
color:color-mix(in lch, var(--alert-color) 0%, var(--text-color,lch(40 40 none)));
border:1px solid color-mix(in lch, var(--alert-color) 0%, lch(85 20 none));
}
}
.salert.svelte-1fthriu h1,.salert.svelte-1fthriu h2,.salert.svelte-1fthriu h3,.salert.svelte-1fthriu h4,.salert.svelte-1fthriu h5,.salert.svelte-1fthriu h6,.salert.svelte-1fthriu p{
margin:0 0 10px 0;
}
.close.svelte-1fthriu{
background:transparent;
border:0px;
font-size:24px;
font-weight:bold;
position:absolute;
right:0px;
top:0px;
padding:4px 10px;
cursor:pointer;
opacity:0.5
}
.close.svelte-1fthriu:hover{
opacity:1;
}
.hiding.svelte-1fthriu{
overflow:hidden;
max-height:0!important;
opacity:0;
padding:0 15px;
margin-bottom:0;
transform-origin: top;
transform: scale(1,0)
}
/* OLD CSS BELOW - can be removed when color-mix is better supported */
@supports not (background-color:color-mix(in srgb, var(--alert-color) 20%, white)){
.salert.info.svelte-1fthriu{
--alert-color:#055160
}
.salert.warning.svelte-1fthriu{
--alert-color:#664d03
}
.salert.success.svelte-1fthriu{
--alert-color:#0f5132
}
.salert.danger.svelte-1fthriu{
--alert-color:#842029
}
.salert.dark.svelte-1fthriu{
--alert-color:#141619
}
.salert.svelte-1fthriu:after{
content:'';
position:absolute;
inset:0;
background:var(--alert-color,#444);
border-radius:inherit;
filter:brightness(240%) saturate(2) opacity(0.25);
z-index:-1;
}
.salert.svelte-1fthriu:before{
content:'';
position:absolute;
inset:0;
border:1px solid var(--alert-color,#444);
border-radius:inherit;
filter:brightness(200%) saturate(2) opacity(0.2);
z-index:-1;
background:white;
}
}
.editarea.svelte-1rtih5n{
box-shadow:0 0 0 1px rgba(255,255,255,0.5),0 0 0 1px rgba(0,0,0,0.5);
padding:0px 10px;
color:rgba(0,0,0,0.3);
text-shadow:0px 0px 1px white;
}
.menu.svelte-517jul{
position:relative;
}
.overlay.svelte-517jul{
position: absolute;
inset:0;
background-image: linear-gradient(45deg, #00000002 25%, #00000009 25%, #00000009 50%, #00000002 50%, #00000002 75%, #00000009 75%, #00000009 100%);
background-size: 56.57px 56.57px;
}
/* Hides webcomponent until it's loaded*/
duo-tabs:not(:defined) {
display:none
}
.tabbuttons.svelte-u5syxs button:where(.svelte-u5syxs){
background:#eee;
font-size:14px;
border:1px solid #eee;
border-bottom:1px solid #ccc;
padding:8px 12px;
margin:0 2px -1px 0;
}
.tabpanel.svelte-u5syxs{
border:1px solid #ccc;
padding:15px;
}
.tabbuttons.svelte-u5syxs button.active:where(.svelte-u5syxs){
background:white;
border:1px solid #ccc;
border-bottom:1px solid white;
}
.tabbuttons.svelte-u5syxs button:where(.svelte-u5syxs):focus{
outline:0;
border-top:1px solid #888;
}
body.size2{
font-size:18px;
}
body.size3{
font-size:21px;
}
duo-slideshow > .duoslide{ /* direct descendant of this tag */
display: block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity: 0;
transition: 0.5s transform, 0.5s opacity;
transition-delay: 0.5s;
}
duo-slideshow > .duoslide.active{
opacity: 1;
position: relative;
margin-top:0;
z-index: 1;
transition-delay: 0s;
}
.timer.svelte-10360tc{
position:absolute;
bottom:0;
left:0;
height:5px;
width:100%;
background:white;
opacity:0.3;
transform-origin: top left;
animation:4s linear 1 svelte-10360tc-fill;
z-index:10;
}
@keyframes svelte-10360tc-fill{
0%{
transform:scaleX(0);
}
100%{
transform:scaleX(1);
}
}
.duo-slideshow.svelte-10360tc{
position: relative;
display:block;
}
.controls.svelte-10360tc{
z-index:10;
}
.controls.svelte-10360tc .next:where(.svelte-10360tc),
.controls.svelte-10360tc .prev:where(.svelte-10360tc){
all:unset;
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
transition: 0.5s all;
color: rgba(255,255,255,0.8);
background: rgba(0,0,0,0);
padding: 18% 20px;
font-size: 30px;
line-height: 100%;
z-index: 2;
cursor:pointer
}
.controls.svelte-10360tc .next:where(.svelte-10360tc):hover,
.controls.svelte-10360tc .prev:where(.svelte-10360tc):hover{
background: rgba(0,0,0,0.5);
color: #fff;
}
.controls.svelte-10360tc .next:where(.svelte-10360tc):before,
.controls.svelte-10360tc .prev:where(.svelte-10360tc):before{
content:'';
position: absolute;
top: calc(50% - 20px);
left: 10px;
height:30px;
width:30px;
background-image:url('data:image/svg+xml;utf8,')
}
.controls.svelte-10360tc .prev:where(.svelte-10360tc){
right: auto;
left: 0;
transform:scaleX(-1)
}
.controls.svelte-10360tc .pager:where(.svelte-10360tc){
position: absolute;
z-index: 2;
bottom: 20px;
left: 0;
right: 0;
height: 20px;
display: flex;
justify-content: center;
}
.controls.svelte-10360tc .pager:where(.svelte-10360tc) button:where(.svelte-10360tc){
all:unset;
width: 12px;
height: 12px;
background: rgba(255,255,255,0);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
border: 1px solid #fff;
display: inline-block;
margin: 5px;
cursor:pointer;
border-radius: 50%;
}
.controls.svelte-10360tc button.active:where(.svelte-10360tc){
background: #fff;
}
.controls.svelte-10360tc button[disabled]:where(.svelte-10360tc){
cursor:not-allowed;
}
button.svelte-15le1me{
cursor: pointer;
}
.editing.svelte-15le1me{
display:block;
position:absolute;
inset:0;
outline:1px solid #22aae3;
z-index:2;
pointer-events:none;
}
.label.svelte-15le1me{
position:absolute;
top:0;
right:0;
background-color: #22aae3;
color:white;
font-size:11px;
padding:2px 4px;
z-index:2;
pointer-events:none;
}
.gallery.svelte-15le1me{
display:contents;
}
.gallery-backdrop.svelte-15le1me{
position: fixed;
inset:0px;
background:rgba(0,0,0,0);
transition:0.4s background-color;
overflow-x:scroll;
overflow-y:hidden;
scroll-snap-type: x mandatory;
-ms-overflow-style: none; /* hide scrollbar for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
}
.show.gallery-backdrop.svelte-15le1me{
background:rgba(0,0,0,0.9);
}
.gallery-backdrop.svelte-15le1me::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.slider.svelte-15le1me{
display:flex;
height:80vh;
width:auto;
}
.gallery-panel.svelte-15le1me{
flex:1 0 100vw;
height:100vh;
display:grid;
place-items: center;
scroll-snap-align: start;
}
.gallery-panel.svelte-15le1me figure,.gallery-panel.svelte-15le1me img{
display:grid;
box-shadow:0 0 10px rgba(0,0,0,0.5);
transform:scale(0.3);
opacity:0;
transition:0.2s opacity, 0.3s transform;
}
.show.svelte-15le1me .gallery-panel:where(.svelte-15le1me) figure,.show.svelte-15le1me .gallery-panel:where(.svelte-15le1me) img{
transform:scale(1);
opacity:1;
}
.gallery-panel.svelte-15le1me figure > *{
grid-column:1 / 2;
grid-row:1 / 2;
}
.gallery-panel.svelte-15le1me img{
max-height:90vh;
max-width:90vw;
object-fit: contain;
}
.gallery-pager.svelte-15le1me{
position: fixed;
inset:auto 0 15px 0;
display:flex;
justify-content: center;
gap:5px;
}
.gallery-pager.svelte-15le1me button:where(.svelte-15le1me){
all:unset;
width:10px;
height:10px;
background:white;
opacity:0.3;
cursor: pointer;
}
.gallery-pager.svelte-15le1me button:where(.svelte-15le1me):hover{
opacity:0.6;
}
.gallery-pager.svelte-15le1me button.active:where(.svelte-15le1me){
opacity:1;
}
.close.svelte-15le1me{
border:0;
background:transparent;
position: fixed;
top:0px;
right:0px;
display:grid;
place-items: center;
width:50px;
height:50px;
font-size:21px;
color:white;
z-index:5;
transition:0.3s background-color;
}
.close.svelte-15le1me:hover{
background: rgba(0,0,0,0.5);
}
.gallery-controls.svelte-15le1me{
z-index:10;
}
.gallery-controls.svelte-15le1me .next:where(.svelte-15le1me), .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me){
all:unset;
position: fixed;
display: block;
inset:50% 0 auto auto;
height:50px;
width:50px;
background: rgba(0,0,0,0);
transition:0.3s background-color;
z-index:10;
}
.gallery-controls.svelte-15le1me .next:where(.svelte-15le1me):hover, .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me):hover{
background: rgba(0,0,0,0.5);
color: #fff;
}
.gallery-controls.svelte-15le1me .next:where(.svelte-15le1me):before, .gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me):before{
content:'';
position: absolute;
top: calc(50% - 15px);
left: 10px;
height:30px;
width:30px;
background-image:url('data:image/svg+xml;utf8,')
}
.gallery-controls.svelte-15le1me .prev:where(.svelte-15le1me){
right: auto;
left: 0;
transform:scaleX(-1)
}
.userdetails-toolbar.svelte-1pfkk7p{
display:flex;
justify-content:flex-end;
margin:5px 0;
}
.map.svelte-1mac6yd {
width: 100%;
height: 100%;
min-height:100px;
}
/* below hack to fix tripple icons in shadow mode - taken from https://stackoverflow.com/questions/53849251/google-maps-api-showing-fullscreen-and-zoom-icons-3-times-in-each-button/54761069 */
.gm-control-active > img {
box-sizing: content-box;
display: none;
left: 50%;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
}
.gm-control-active > img:nth-child(1) {
display:block;
}
.gm-control-active:hover > img:nth-child(1),
.gm-control-active:active > img:nth-child(1) {
display:none;
}
.gm-control-active:hover > img:nth-child(2),
.gm-control-active:active > img:nth-child(3) {
display:block;
}
.popup.svelte-zilu77{
padding:6px 10px;
border:1px dotted #444;
background:rgba(255,255,255,0.5);
color:#444;
transition: 0.2s all;
cursor:pointer;
display:inline-block;
}
.popup.svelte-zilu77:hover{
background:#eee;
}
.popup.svelte-zilu77 button:where(.svelte-zilu77){
margin:-7px -10px -7px 5px;
display:inline-block;
cursor:pointer;
height:100%;
border:0px;
height:30px;
width:30px;
background:#ddd;
}
.popup.svelte-zilu77 button:where(.svelte-zilu77):hover{
background:#ccc;
}
.backdrop.svelte-zilu77{
position:fixed;
background-color:rgba(0,0,0,0.3);
top:0;
left:0;
right:0;
bottom:0;
transition:background-color 0.5s;
z-index:999;
display:grid;
overflow:auto;
place-items:center;
opacity:1;
transition: 0.3s opacity;
}
.backdrop.hide.svelte-zilu77{
opacity: 0;
}
.dialog.svelte-zilu77{
max-width:80%;
min-width:min(90%,300px);
margin:0 auto;
border:0;
box-shadow:0 2px 5px rgba(0,0,0,0.5);
padding:25px;
position:relative;
background:white;
}
.dialog.svelte-zilu77 {
animation: svelte-zilu77-show 0.3s ease normal;
}
@keyframes svelte-zilu77-show{
from {
transform: scale(0.3,0.3);
opacity:0;
}
to {
transform: scale(1,1);
opacity:1;
}
}
.hide.svelte-zilu77 .dialog:where(.svelte-zilu77) {
animation: svelte-zilu77-hide 0.3s ease normal;
}
@keyframes svelte-zilu77-hide{
to {
transform: scale(0.1,0.1);
opacity:0;
box-shadow:0 2px 5px rgba(0,0,0,0.5),0 0 0 100vw rgba(0, 0, 0, 0);
}
}
.close.svelte-zilu77{
position:absolute;
top:0;
right:0;
background:transparent;
border:0;
color:#999;
opacity:0.8;
padding:8px 14px;
font-size:21px;
z-index:10;
cursor: pointer;
}
.close.svelte-zilu77:hover{
opacity:1;
}
.wrapper.svelte-1s1od2b{
position:relative;
}
.tweets.svelte-1s1od2b{
height:200px;
display:flex;
overflow-x:hidden;
flex-direction:row;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}
.tweets.svelte-1s1od2b::-webkit-scrollbar {
display: none;
}
.tweet.svelte-1s1od2b{
flex: 0 0 auto;
scroll-snap-align: center;
width:100%;
z-index:1;
}
.tweet.svelte-1s1od2b p:where(.svelte-1s1od2b){
text-align:center;
max-width:250px;
margin:10% auto 0 auto;
}
.twittericon.svelte-1s1od2b{
position:absolute;
top:-20%;
left:25%;
opacity:0.1;
z-index:0;
pointer-events: none;
font-size:250px;
color:#00adee;
}
.pager.svelte-1s1od2b button:where(.svelte-1s1od2b){
background:white;
display:inline-block;
border:1px solid #00adee;
width:10px;
height:10px;
padding:0;
border-radius:50%;
margin:0 5px
}
.pager.svelte-1s1od2b button.active:where(.svelte-1s1od2b){
background:#00adee;
}
.wrapper.svelte-47e8q2{
padding:10px;
border:1px solid #eee;
margin:0;
}
.content.svelte-47e8q2{
display:flex;
flex-wrap: wrap;
gap:10px;
}
.calcol.svelte-47e8q2{
border:1px solid #eee;
padding:5px 10px;
}
h4.svelte-47e8q2{
background:#f5f5f5;
border-bottom:1px solid #eee;
margin:-10px -10px 10px -10px;
padding:10px 15px;
}
.availcol.svelte-47e8q2{
flex:1;
flex-basis:300px;
display:flex;
flex-direction: column;
padding:10px;
}
h5.svelte-47e8q2{
margin:0;
padding:0px 0 15px 0;
font-size:1em;
}
.bookingcol.svelte-47e8q2{
padding:10px;
flex:1;
flex-basis:300px;
}
.mybookings.svelte-47e8q2{
width:100%;
max-width:100%;
border-collapse: collapse;
}
.mybookings.svelte-47e8q2 thead:where(.svelte-47e8q2) td:where(.svelte-47e8q2):first-child{
width:10%;
}
.mybookings.svelte-47e8q2 thead:where(.svelte-47e8q2) tr:where(.svelte-47e8q2){
border-bottom:1px solid #ddd;
font-weight: bold;
}
.mybookings.svelte-47e8q2 tbody:where(.svelte-47e8q2) tr:where(.svelte-47e8q2):nth-child(odd){
background:#f9f9f9
}
/** 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;
}
.strengthrow.svelte-yvtec3{
margin:0 5px 0 170px;
--s-button-margins:0px;
}
@media only screen and (max-width: 600px) {
.strengthrow.svelte-yvtec3{
margin:0 5px 0 5px;
}
}
.buy.svelte-qa1ynh{
display:flex;
width:180px;
margin:5px;
}
input.svelte-qa1ynh,button.svelte-qa1ynh{
padding:8px 10px;
font-size:14px;
border:1px solid var(--s-primary,#444);
}
input.svelte-qa1ynh{
width:50px;
border-radius:5px 0 0 5px;
text-align: center;
}
button.svelte-qa1ynh{
flex:100;
background:#2299ee;
background:var(--s-primary,#444);
color:white;
border-radius:0 5px 5px 0;
}
button.svelte-qa1ynh:hover{
box-shadow: inset 0 0 100px rgba(0,0,0,0.1)
}
duo-icon{
display:inline-block;
line-height:1em;
}
.icon.svelte-k9w96m{
height:1em;
width:1em;
display: inline-flex;
align-self: center;
position:relative;
top:0.15em;
-webkit-font-smoothing:antialiased;
fill:currentcolor;
}
.icon.svelte-k9w96m svg{
width:1em;
height:1em;
}
.no-icon.svelte-k9w96m,.error.svelte-k9w96m{
background:#eee;
height: 1.1em;
width:1.1em;
line-height:1em;
border:1px solid #ccc;
border-radius:10000px;
font-size:1em;
flex:1;
text-align:center;
position:relative;
top:-0.1em;
}
.loading.svelte-k9w96m{
flex:1;
height: 1.1em;
width:1.1em;
border:1px solid #ccc;
}
.archive.svelte-112g8wj{
margin-bottom:10px;
}
details.svelte-112g8wj {
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
padding: 10px;
border-radius: 5px;
background: #fff;
margin-top: 5px;
}
details.svelte-112g8wj summary:where(.svelte-112g8wj) {
position: relative;
outline: none;
font-size: 16px;
background: #fff;
padding: 10px;
margin: -10px;
margin-bottom: -10px;
border-radius: 5px;
cursor: pointer;
color: var(--d-primary);
transition: background-color 0.5s, margin-bottom 0.5s;
list-style: none;
}
details.svelte-112g8wj summary:where(.svelte-112g8wj)::-webkit-details-marker {
display: none;
}
details.svelte-112g8wj summary:where(.svelte-112g8wj):before {
display: block;
content: " ";
border: 5px solid transparent;
border-top-color: currentColor;
width: 0;
height: 0;
position: absolute;
top: 17px;
right: 15px;
transform-origin: 5px 3px;
transition: transform 0.3s;
transform: rotate(-90deg);
}
details[open].svelte-112g8wj summary:where(.svelte-112g8wj) {
margin-bottom: 10px;
border-radius: 5px 5px 0 0;
background: var(--d-primary);
color: #fff;
z-index: 2;
}
details[open].svelte-112g8wj summary:where(.svelte-112g8wj):before {
transform: rotate(0deg);
}
details[open].svelte-112g8wj summary:where(.svelte-112g8wj) ~ :where(.svelte-112g8wj) {
animation: sweep 0.5s ease-in-out;
}
.yearlist.svelte-112g8wj{
list-style:none;
margin:0 -10px;
padding:0;
}
.yearlist.svelte-112g8wj a:where(.svelte-112g8wj){
display:block;
color:var(--d-primary);
padding:5px 10px;
}
.yearlist.svelte-112g8wj a:where(.svelte-112g8wj):hover{
text-decoration: none;
background:#eee;
}
li.active.svelte-112g8wj{
font-weight:600;
}
duo-card:not(:defined) {
visibility: hidden;
}
.toaster.svelte-xc0tms{
z-index:10002;
position: fixed;
top: 5px;
right:10px;
}
.slice.svelte-xc0tms{
width:250px;
padding:15px 20px;
border-radius:4px;
box-shadow:0 2px 10px rgba(0,0,0,0.3);
margin:5px 0;
position:relative;
}
.cancel.svelte-xc0tms{
position:absolute;
top:5px;
right:5px;
background:transparent;
border:0;
color:white;
width:34px;
height:34px;
cursor:pointer;
transition: transform 0.3s;
}
.cancel.svelte-xc0tms:hover{
transform:scale(1.3);
}
.slice.svelte-xc0tms h3:where(.svelte-xc0tms){
margin:0 0 10px 0;
color:white;
}
/* backgrounds set twice, first for IE11 */
.slice.primary.svelte-xc0tms,.slice.info.svelte-xc0tms,.slice.success.svelte-xc0tms,.slice.warning.svelte-xc0tms,.slice.danger.svelte-xc0tms,.slice.dark.svelte-xc0tms { color:white; fill:white;}
.slice.primary.svelte-xc0tms {background-color:hsla(var(--themehue), 50%, 35%, 1)}
.slice.info.svelte-xc0tms {background-color:#17a2b8;background-color:var(--s-info,#17a2b8)}
.slice.success.svelte-xc0tms {background-color:#28a745;background-color:var(--s-success,#28a745)}
.slice.warning.svelte-xc0tms {background-color:#ffc107;background-color:var(--s-warning,#ffc107)}
.slice.danger.svelte-xc0tms {background-color:#dc3545;background-color:var(--s-danger,#dc3545)}
.slice.dark.svelte-xc0tms {background-color:#343a40;background-color:var(--s-dark,#343a40)}
.tags.svelte-199fblh{
margin-bottom:10px;
}
.tagwrap.svelte-199fblh{
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
padding: 10px;
border-radius: 5px;
background: #fff;
margin-top: 5px;
}
.steps.svelte-1txbbbh{
--s-border-radius: 0px;
--s-button-margins: 0px;
}
.steps.svelte-1txbbbh > button{
flex:1;
width: 100%;
margin-right:-1px;
}
/* desktop */
@media(min-width:900px){
.steps.svelte-1txbbbh{
display: flex;
width: 100%;
margin-right:1px;
}
}
/* mobile */
@media(max-width: 600px){
.addresses.svelte-1txbbbh{
--s-labelwidth:0px;
}
}
.addresses.svelte-1txbbbh{
display:grid;
margin:5px;
grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );
gap:20px;
}
.toolbar.svelte-5rvvpo{
text-align:right;
}
.gridcols.svelte-5rvvpo{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(min(400px,100%), 1fr));
}
.comments.svelte-5rvvpo{
display:grid;
gap:5px;
}
form.svelte-5rvvpo,.comment.svelte-5rvvpo{
padding:10px;
margin-top:10px;
padding:10px;
border-radius:8px;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
form.svelte-5rvvpo{
margin-bottom:20px;
}
.comment.svelte-5rvvpo{
display:grid;
gap:2px;
position: relative;
grid-template-areas:
"content content"
"when author";
}
.content.svelte-5rvvpo{
grid-area: content;
border-radius:4px;
padding:10px;
white-space: pre-wrap;
background:#fff;
}
.author.svelte-5rvvpo{
padding:0px 10px;
grid-area: author;
text-align:right;
font-size:12px;
}
.when.svelte-5rvvpo{
padding:0px 10px;
grid-area: when;
font-size:12px;
}
.tools.svelte-5rvvpo{
--s-button-margins:0px;
text-align:right;
}
.edittxt.svelte-5rvvpo{
width:calc(100% + 30px);
margin:-15px;
border:0px;
padding:15px;
}
.pagination.svelte-1fu0qh{
--s-primary:var(--d-primary,#ff3e00);
margin-top:10px;
}
.events.svelte-1fu0qh{
display:grid;
grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
gap:10px;
container-type: inline-size;
}
.picker.svelte-1fu0qh{
border:1px solid #ccc;
border-radius:5px;
display:grid;
grid-template-rows: 1fr auto;
}
.picker.svelte-1fu0qh h2:where(.svelte-1fu0qh){
padding:15px;
margin:auto;
font-size:3em;
font-weight:normal;
color:var(--s-primary,var(--d-primary,#ff3e00));
}
.info.svelte-1fu0qh{
text-align:left;
width:100%;
border:1px solid var(--s-primary,var(--d-primary,#ff3e00));
padding:10px 15px 20px 15px;
min-height:100%;
background:var(--s-primary,var(--d-primary,#ff3e00));
border-radius:5px;
cursor:pointer;
transition:scale 0.3s;
color:white;
display:flex;
flex-direction: column;
justify-content: center;
}
.info.svelte-1fu0qh p:where(.svelte-1fu0qh){
margin:0 0 5px 0;
}
.event.svelte-1fu0qh{
text-align:left;
appearance: none;
width:100%;
background:white;
text-decoration: none;
color:inherit;
box-sizing: border-box;
display:grid;
padding:10px 15px;
min-height:100%;
border:1px solid #ccc;
gap:10px;
grid-template-rows:80px 1fr;
border-radius:5px;
cursor:pointer;
transition:scale 0.3s;
grid-template-areas:
"title"
"date"
"description";
}
.event.svelte-1fu0qh:hover,.info.svelte-1fu0qh:hover{
scale:0.95;
}
.title.svelte-1fu0qh{
align-self: center;
margin:0;
padding:0;
color:var(--s-primary,var(--d-primary,#ff3e00));
grid-area: title;
font-size:1.5em;
text-wrap: balance;
}
.date.svelte-1fu0qh{
grid-area: date;
}
.day.svelte-1fu0qh{
font-size:4.5em;
line-height:0.9em;
}
.day.svelte-1fu0qh sup:where(.svelte-1fu0qh){
font-size:0.4em;
line-height:1em;
position: relative;
top: -0.5em;
}
.month.svelte-1fu0qh{
font-size:2.5em;
font-weight: normal;
}
.year.svelte-1fu0qh{
font-size:1.5em;
}
.description.svelte-1fu0qh{
grid-area: description;
font-size:0.9em;
}
.info.svelte-1fu0qh ul:where(.svelte-1fu0qh){
list-style:none;
padding:0;
margin:0;
}
.info.svelte-1fu0qh ul:where(.svelte-1fu0qh),.info.svelte-1fu0qh li:where(.svelte-1fu0qh){
font-size:0.8rem;
}
h4.svelte-1fu0qh{
margin:0px 0 0 0;
font-size:1.5em;
}
.dates.svelte-1fu0qh{
margin-top:5px;
}
@container (width< 400px) {
.picker.svelte-1fu0qh h2:where(.svelte-1fu0qh){
margin:0;
font-size:2em;
}
.event.svelte-1fu0qh {
padding-top:10px;
gap:5px;
grid-template-rows:1fr min-content;
grid-template-columns:80px 1fr;
grid-template-areas:
"date title"
"date description";
}
.date.svelte-1fu0qh{
display:grid;
font-size:6px;
place-content:center start;
}
.description.svelte-1fu0qh{
margin:0;
}
.info.svelte-1fu0qh{
padding:10px 15px 10px 15px;
}
}
.cookie-banner.svelte-1uk6o7x{
position:fixed;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.8);
padding:25px;
color:white;
display:flex;
flex-wrap:wrap;
font-size:14px;
gap:15px;
font-weight:400;
z-index:1059;
}
.message.svelte-1uk6o7x{
flex:1 1 400px;
}
.message.svelte-1uk6o7x::slotted{
color:white;
font-weight:400;
}
.options.svelte-1uk6o7x{
display:flex;
gap:5px;
align-items: center;
justify-content: center
}
.modal-body.svelte-1uk6o7x{
padding:20px;
}
button.svelte-1uk6o7x{
background:black;
border:1px solid white;
padding:0.5em 1em;
display:flex;
color:white;
}
.infopanel.svelte-1uk6o7x{
max-height:50px;
overflow:hidden;
font-size:14px;
transition:max-height 0.3s;
}
.infopanel.active.svelte-1uk6o7x{
max-height:800px;
}
.infopanel.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x){
all:unset;
width:90%;
display:block;
background:#eee;
padding:5px 30px;
border-radius:5px;
position: relative;
cursor:pointer;
}
.infopanel.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x) h4:where(.svelte-1uk6o7x){
font-size:16px;
padding:0;
margin:0.5rem 0 0.5rem 0;
}
.infopanel.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x):before{
content:"";
position: absolute;
top: calc(50% - 10px);
left: 5px;
height:20px;
width:20px;
background-image:url('data:image/svg+xml;utf8,');
transition:transform 0.3s;
}
.infopanel.active.svelte-1uk6o7x .infotitle:where(.svelte-1uk6o7x):before{
transform: rotate(90deg);
}
.infopanel.svelte-1uk6o7x h4:is(span,label){
font-size:12px;
text-align:right;
}
.infotools.svelte-1uk6o7x{
position: absolute;
right:20px;
top:0px;
display:flex;
gap:10px;
align-items: center;
height:45px;
}
.infotools.svelte-1uk6o7x > :where(.svelte-1uk6o7x){
margin:0;
}
.panelinner.svelte-1uk6o7x{
padding:10px;
}
thead.svelte-1uk6o7x{
background:#777;
color:white;
}
.checkbox.svelte-1uk6o7x{
display:flex;
}
.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x){
position: relative;
width: 44px;
height: 24px;
margin: 0;
background: #d0d5d2;
-webkit-appearance: none;
border-radius: 50px;
cursor: pointer;
outline: 0;
border: none;
top: 0;
}
.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x):before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 2px;
bottom: 2px;
border-radius: 50%;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
margin: 0;
}
.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x):checked{
background:var(--s-success,#28a745);
}
.checkbox.svelte-1uk6o7x input[type=checkbox]:where(.svelte-1uk6o7x):checked:before{
transform: translateX(20px);
}
.sbreadcrumb.svelte-1d7i6i9{
padding:0;
margin:0;
background:white;
border:2px solid #eee;
margin-bottom:20px;
list-style:none;
}
.sbreadcrumb.svelte-1d7i6i9 li:where(.svelte-1d7i6i9){
margin:0;
display:inline-block;
}
.sbreadcrumb.svelte-1d7i6i9 button:where(.svelte-1d7i6i9){
border:0px;
padding:6px 12px;
font-size:16px;
line-height:1.5;
cursor:pointer;
color:#555;
background:transparent;
}
.sbreadcrumb.svelte-1d7i6i9 > li:where(.svelte-1d7i6i9) + li:where(.svelte-1d7i6i9):before{
content: '/\00a0';
padding: 0 5px;
color: #ccc;
}
.forum.svelte-1d7i6i9{
position:relative;
}
.forum.svelte-1d7i6i9 .edit{
position:absolute;
bottom:2px;
right:5px;
}
.forum.svelte-1d7i6i9 .edit button{
margin:0
}
.forum.svelte-1d7i6i9 img[alt=icon]{
float:left;
max-width:100px;
margin:0 10px 10px 0;
}
.forum.svelte-1d7i6i9 .preview{
overflow:hidden; /* prevent float on icon cause overlap */
}
.post.svelte-1d7i6i9{
border:2px solid #eee;
background:white;
padding:10px 15px;
margin:10px 0;
transition:0.5s border;
position: relative;
}
.clickinto.svelte-1d7i6i9{
cursor:pointer;
}
.post.svelte-1d7i6i9:hover{
border:2px solid #aaa;
}
.post.svelte-1d7i6i9:hover .details:where(.svelte-1d7i6i9){
background:#ddd;
}
.details.svelte-1d7i6i9,.toolbar.svelte-1d7i6i9{
background:#eee;
padding:5px 15px;
margin:10px -15px -10px -15px;
font-size:12px;
transition:0.5s background;
}
.toolbar.svelte-1d7i6i9{
text-align:right;
}
.unpublished.svelte-1d7i6i9{
position:absolute;
top:5px;
right:5px;
pointer-events: none;
padding:3px 8px;
font-size:12px;
border:1px solid #ddd;
border-radius: 3px;
}
.spinner.svelte-1d7i6i9{
border:4px solid #444;
border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.3) rgba(0,0,0,0.2) rgba(0,0,0,0.1);
border-radius:50%;
width:18px;
height:18px;
display:inline-block;
animation:svelte-1d7i6i9-spin 1s infinite linear;
margin-bottom:-4px;
}
@keyframes svelte-1d7i6i9-spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
.svelte-k13m19 {
white-space: normal;
-webkit-user-modify:read-only;
}
.dropdown.svelte-k13m19{
display:inline-block;
position:relative;
}
.dropdown-menu.svelte-k13m19{
display:block;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background:var(--duo-background,white);
border: 1px solid rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
background-clip: padding-box;
}
.dropdown-menu.right.svelte-k13m19{
right:0;
left:auto;
}
.dropdown-menu.top.svelte-k13m19{
top:auto;
bottom:100%;
}
duo-dropdown [slot="menu"] a,
.dropdown-menu [slot="menu"] a,
.dropdown-menu [slot="menu"] button{
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: currentColor;
white-space: nowrap;
background:var(--duo-background,white);
width:100%;
text-align:left;
border:0px;
font-size:14px;
text-decoration: none;
}
duo-dropdown [slot="menu"] a:hover,
.dropdown-menu [slot="menu"] a:hover,
.dropdown-menu [slot="menu"] button:hover{
text-decoration: none;
color: currentColor;
background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
}
.pop-backdrop.svelte-k13m19{
position: fixed;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0,0,0,0.01);
z-index:9;
}
.portal{
z-index:2000;
position: fixed;
padding:none;
}
.sbtn.svelte-d623es{
border:1px solid #ccc;
position: relative;
box-sizing: border-box;
padding:6px 12px;
background:#fff;
font-size: 14px;
text-decoration: none;
color:#333;
white-space: nowrap;
display: inline-block;
margin:var(--s-button-margins,4px);
text-align: center;
cursor: pointer;
line-height:1.25;
border-radius:var(--s-border-radius,4px);
box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
transition:box-shadow 0.2s;
line-height:20px;
height:34px;
vertical-align: middle;
}
/* .sbtn :global(svg){ height:15px; margin:0 2px; display:inline-block;vertical-align: middle;}
.sbtn.xs :global(svg){ height:10px;width:10px;}
.sbtn.sm :global(svg){ height:12px;width:12px;}
.sbtn.lg :global(svg){ height:21px;width:21px;} */
.sbtn.svelte-d623es:disabled{
opacity:0.5;
cursor:not-allowed;
}
.sbtn.svelte-d623es:disabled:hover{
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
}
.sbtn.svelte-d623es:hover{box-shadow:0 0 4px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.2);}
.sbtn.svelte-d623es:focus{outline:0px;box-shadow:0 0 3px rgba(0,0,0,0.5)}
.sbtn.svelte-d623es:active{ outline:0px; box-shadow:inset 0 4px 4px rgba(0,0,0,0.2);}
.xs.svelte-d623es{font-size:10px; padding:2px 7px;height:21px;line-height:12px;}
.sm.svelte-d623es{font-size:12px; padding:0px 10px;height:26px;line-height:16px;}
.lg.svelte-d623es{font-size:21px; padding:10px 20px;height:52px;line-height:30px;}
.block.svelte-d623es{display:block;width:100%;}
.primary.svelte-d623es,.info.svelte-d623es,.success.svelte-d623es,.warning.svelte-d623es,.danger.svelte-d623es,.dark.svelte-d623es{
color:white;
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
}
.primary.svelte-d623es{border-color:#2299ee;background-color:#2299ee; background-color:var(--s-primary,#2299ee);border-color:var(--s-primary,#2299ee)}
.info.svelte-d623es{border-color:#17a2b8;background-color:#17a2b8; background-color:var(--s-info,#17a2b8);border-color:var(--s-info,#17a2b8);}
.success.svelte-d623es{border-color:#28a745;background-color:#28a745; background-color:var(--s-success,#28a745);border-color:var(--s-success,#28a745);}
.warning.svelte-d623es{border-color:#ffc107;background-color:#ffc107; background-color:var(--s-warning,#ffc107);border-color:var(--s-warning,#ffc107);}
.danger.svelte-d623es{border-color:#dc3545;background-color:#dc3545; background-color:var(--s-danger,#dc3545);border-color:var(--s-danger,#dc3545);}
.dark.svelte-d623es{border-color:#343a40;background-color:#343a40; background-color:var(--s-dark,#343a40);border-color:var(--s-dark,#343a40);}
.times.svelte-1lv4zsn{
flex:1;
display:flex;
flex-direction: column;
min-height:180px;
}
.timeslot.svelte-1lv4zsn {
flex:1;
display:flex;
flex-direction: row;
position:relative;
}
.time.svelte-1lv4zsn{
width:50px;
position:relative;
}
.label.svelte-1lv4zsn{
position:absolute;
top:-50%;
}
.line.svelte-1lv4zsn{
flex:1;
border-top:1px solid #eee;
}
.chosen.svelte-1lv4zsn{
border-right:4px solid var(--d-primary);
}
.usage.svelte-1lv4zsn{
background-image:repeating-linear-gradient(-45deg, #eee, #eee 7px, #fff 7px, #fff 14px);
background-repeat:no-repeat;
height:100%;
}
.svelte-cspwm2 {
box-sizing: border-box
}
.wrapper.svelte-cspwm2 {
display: inline-block;
}
.toolbar.svelte-cspwm2{
display:flex;
width:100%;
}
.toolbar.svelte-cspwm2 > :where(.svelte-cspwm2){
margin:0px;
}
.month.svelte-cspwm2{
text-align-last: right;
}
button.svelte-cspwm2{
font-size:14px;
padding:6px 9px;
border:0px;
background:var(--duo-background,white);
}
.toolbar.svelte-cspwm2 > button:where(.svelte-cspwm2){
width:0px;
padding:6px 9px;
width:15%;
}
select.svelte-cspwm2{
-webkit-appearance: none;
appearance: none;
font-size:14px;
padding:6px 5px;
border:0px;
background:var(--duo-background,white);
width:35%;
}
table.svelte-cspwm2{
table-layout: fixed;
border-collapse: collapse;
margin:5px;
font-size:14px;
}
td.svelte-cspwm2,th.svelte-cspwm2{
font-size:14px;
padding:0;
text-align:center;
}
td.svelte-cspwm2 button:where(.svelte-cspwm2){
display:block;
width:100%;
border:0px;
border-radius:3px;
}
td.svelte-cspwm2 button.today:where(.svelte-cspwm2){
background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
}
td.svelte-cspwm2 button.active:where(.svelte-cspwm2){
background:#2299ee;
background:var(--s-primary,#2299ee);
color:white;
}
:host{
display:block;
}
.smodal.svelte-1gib9mj{
display:block;
position:static;
background:white;
z-index:1000;
padding:15px;
border-radius:var(--s-border-radius,4px);
box-shadow:0 3px 10px rgba(0,0,0,0.5);
transition:transform 0.5s;
transform:scale3d(1,1,1);
height: auto;
max-width:100%;
min-width:300px;
align-self: flex-start;
}
.backdrop.svelte-1gib9mj{
position:fixed;
background-color:rgba(0,0,0,0.4);
padding:20px;
top:0;
left:0;
right:0;
bottom:0;
transition:background-color 0.5s;
z-index:999;
display:flex;
align-content:start;
overflow:auto;
align-items: start;
justify-content: center;
}
.heading.svelte-1gib9mj h3:where(.svelte-1gib9mj){
margin:3px 0;
font-size:21px;
font-weight:normal;
}
.heading.svelte-1gib9mj{
border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
padding:10px 15px 10px 15px;;
margin:-15px;
margin-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.close.svelte-1gib9mj{
background:transparent;
border:0px;
font-size:24px;
font-weight:bold;
position:absolute;
right:0px;
top:0px;
padding:7px 15px;
cursor:pointer;
opacity:0.5
}
.close.svelte-1gib9mj:hover{
opacity:1;
}
.modaltoolbar.svelte-1gib9mj{
border-top:1px solid #eee;
padding:10px 10px 0px 10px;
margin:20px -15px 0 -15px;
}
.modaltoolbar.svelte-1gib9mj:blank{
display:none;
}
.toolbar.svelte-19zg9mj{
display:flex;
justify-content: flex-end;
align-items: center;
gap:15px;
}
.toolbar.svelte-2bqwqf{
border-top:1px solid #eee;
padding-top:10px;
margin-top:20px;
}
.forgotlink.svelte-2bqwqf{
display:inline-block;
padding:10px;
}
:root{
box-sizing: border-box;
}
.totalline.svelte-ytxqzb{
background:#eee;
}
.table.svelte-ytxqzb > thead:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > th:where(.svelte-ytxqzb), .table.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb), .table.svelte-ytxqzb > tfoot:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb) {
padding: 8px;
vertical-align: top;
}
.table.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb), .table.svelte-ytxqzb > tfoot:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb) {
border-top: 1px solid #ddd;
}
.table.svelte-ytxqzb > thead:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > th:where(.svelte-ytxqzb) {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
th.svelte-ytxqzb{
text-align: left;
}
.form-control.svelte-ytxqzb{
display: block;
padding: 0.2rem 0.75rem;
line-height: 1.25;
font-size: 1rem;
background-color: #fff;
background-image: none;
border: 1px solid rgba(0,0,0,0.15);
border-radius: var(--d-border-radius,4px);
box-sizing: inherit;
width: calc(100% - 1.5em);
}
table.table.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb) > td:where(.svelte-ytxqzb){
vertical-align: middle;
}
button.remove.svelte-ytxqzb{
border:0;
padding:10px;
background:transparent;
color:#777;
cursor:pointer;
}
button.remove.svelte-ytxqzb:hover{
color:black;
}
.table.svelte-ytxqzb{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.table-striped.svelte-ytxqzb > tbody:where(.svelte-ytxqzb) > tr:where(.svelte-ytxqzb):nth-of-type(odd) {
background-color: #f9f9f9;
}
.nowrap.svelte-ytxqzb{
white-space: nowrap;
}
/*mobile*/
@media(max-width:900px){
.hidden-sm.svelte-ytxqzb{
display:none;
}
.table.svelte-ytxqzb{
font-size:12px;
}
.table.svelte-ytxqzb .form-control:where(.svelte-ytxqzb){
font-size:12px;
padding:0.2em 0.75em;
}
}
.chart.svelte-8atcib {
display:inline-grid;
}
.chart.svelte-8atcib > :where(.svelte-8atcib) {
grid-column:1 / 2;
grid-row:1 / 2;
align-self:center;
justify-self: center;
}
.ring.svelte-8atcib {
opacity: 0.5;
stroke-width:3;
fill:transparent;
}
.segment.svelte-8atcib {
opacity: 1;
transform-origin: center;
stroke-dasharray: 0, 100;
stroke-dashoffset:25;
animation: svelte-8atcib-donut var(--duration,3s) linear forwards;
}
@keyframes svelte-8atcib-donut {
to {
stroke-dasharray: 100, 0;
}
}
.dspin.svelte-pubq6 {
animation:svelte-pubq6-dspin 1s linear infinite;
transform-origin: 50% 50%;
}
@keyframes svelte-pubq6-dspin { 100% { transform:rotate(360deg); } }
div.form-input.tags.svelte-fpd2ux{
padding:2px;
display:flex;
flex-wrap: wrap;
gap:2px;
}
.inputwrap.svelte-fpd2ux{
flex:1;
min-width:50px;
}
.tags-input.svelte-fpd2ux{
display:block;
width:100%;
height:100%;
font-size:14px;
margin:0;
line-height:20px;
border:0px;
}
div.form-input.svelte-fpd2ux .sbtn{
margin:2px;
}
.tags-input.svelte-fpd2ux::-webkit-calendar-picker-indicator {
display: none!important
}
.tags-input.svelte-fpd2ux:focus{
outline:0px;
}
.tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux){
background:transparent;
border:0px;
margin:-5px -8px -5px 0px;
transition:transform 0.2;
color:inherit;
}
.tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux):hover{
transform: scale(1.5,1.5);
}
.tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux):active,.tags.svelte-fpd2ux .remove:where(.svelte-fpd2ux):focus{
outline:none;
box-shadow: none;
}
.form-row.vertical.svelte-1gdqdka{
display:flex;
flex-wrap: wrap;
}
.form-row.svelte-1gdqdka{
display:flex;
margin:var(--s-formrow-margins,5px);
box-sizing: border-box;
align-items:flex-start;
align-items: center;
}
.checkrow.svelte-1gdqdka{
align-items:center;
}
.form-row.svelte-1gdqdka :has(.stars){
align-self: center
}
.form-row.svelte-1gdqdka :where(.svelte-1gdqdka) {
box-sizing: border-box;
}
.form-row.svelte-1gdqdka label:where(.svelte-1gdqdka){
text-align:right;
line-height:1.8em;
padding:0 8px 0 0;
}
.form-row.vertical.svelte-1gdqdka label:where(.svelte-1gdqdka){
text-align:left;
margin:0;
padding:0 0 0 0;
}
.form-row.svelte-1gdqdka .form-input{
flex:3;
padding:5px 8px;
font-size:14px;
box-sizing: border-box;
}
.slotwrap.svelte-1gdqdka{
flex:3;
}
.form-row.svelte-1gdqdka .checkboxLabel:where(.svelte-1gdqdka){
padding:0;
margin:2px 3px;
text-align:left;
}
.form-row.svelte-1gdqdka [slot="suffix"] .sbtn{
border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
margin:0;
}
.form-row.hasSuffix.svelte-1gdqdka [slot="suffix"] > :not(button),
.form-row.hasPrefix.svelte-1gdqdka [slot="prefix"] > :not(button){
display:flex;
padding: 6px 12px;
border: 1px solid #ccc;
height:34px;
align-items: center;
box-sizing: border-box;
}
.form-row.hasSuffix.svelte-1gdqdka [slot="suffix"] > div.dropdown{
padding:0;
border:0;
}
.form-row.hasSuffix.svelte-1gdqdka [slot="suffix"] > :not(button){
border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
}
.form-row.hasPrefix.svelte-1gdqdka [slot="prefix"] > :not(button){
border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
}
.form-row.svelte-1gdqdka [slot="prefix"] .sbtn{
border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
margin:0;
}
.form-row.svelte-1gdqdka input.form-input,
.form-row.svelte-1gdqdka select.form-input,
.form-row.svelte-1gdqdka textarea.form-input,
.form-row.svelte-1gdqdka div.form-input{
font-weight:normal;
border-radius:var(--s-border-radius,4px);
display: block;
width: 100%;
font-size: 14px;
font-family:inherit;
line-height: 1.428571429;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
margin: 0;
height:34px;
padding: 4px 8px 5px 8px;
}
/* add own dropdown arrow */
.form-row.svelte-1gdqdka select.form-input{
background: white url("data:image/svg+xml;utf8,") no-repeat right 50%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 4px 25px 5px 8px;
}
.form-row.svelte-1gdqdka input.form-input[disabled],
.form-row.svelte-1gdqdka select.form-input[disabled],
.form-row.svelte-1gdqdka textarea.form-input[disabled],
.form-row.svelte-1gdqdka div.form-input[disabled]{
color:#999;
background-color:rgba(0,0,0,0.03);
cursor:not-allowed;
}
.form-row.svelte-1gdqdka .form-input-static{
display:block;
padding: 0 8px;
}
.form-row.svelte-1gdqdka textarea.form-input,
.form-row.svelte-1gdqdka div.form-input{
height:auto;
}
.form-row.hasSuffix.svelte-1gdqdka input.form-input{
border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
border-right:0px;
}
.form-row.hasPrefix.svelte-1gdqdka input.form-input{
border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
border-left:0px;
}
.form-row.hasPrefix.hasSuffix.svelte-1gdqdka input.form-input{
border-radius:0;
border-left:0px;
border-right:0px;
}
.form-row.svelte-1gdqdka input[type=range]{
flex:3;
display:block;
}
.form-row.svelte-1gdqdka input[type=color]{
padding:0;
height:35px;
width:40px;
flex:none;
}
.form-row.svelte-1gdqdka input[type="checkbox"],.form-row.svelte-1gdqdka input[type="radio"]{
width:auto;
border:0;
margin: 0px 5px 0 5px;
display:inline-block;
}
.checkboxLabel.svelte-1gdqdka{
padding: 0;
margin: 3px 0;
text-align: left;
}
.note.svelte-1gdqdka{
font-size:0.8em;
margin-left:calc(var(--s-labelwidth) + 7px);
padding:0 0 8px 0;
}
/* (unused) .form-row.vertical .note{
margin-left:7px;
}*/
/* Mobile, put lable on line above */
@media only screen and (max-width: 600px) {
.form-row.svelte-1gdqdka:not(.checkrow){
flex-wrap: wrap;
justify-content: space-between;
}
.form-row.svelte-1gdqdka .slabel:where(.svelte-1gdqdka){
text-align:left;
margin:0;
width:100%!important;
padding:1px 2px;
}
.note.svelte-1gdqdka{
margin-left:5px;
}
.note.svelte-1gdqdka a{
color:inherit;
}
}
.duo-toolbar.svelte-1caxla8{
display:flex;
justify-items: stretch;
margin:0 -8px;
}
.duo-toolbar.svelte-1caxla8 > *{
flex:1;
margin:0 5px;
}
.flipcard.svelte-45ifkp{
perspective:500px;
transform-origin: center;
display:inline-block;
--speed:0.5s;
height:100%;
}
.cardwrap.svelte-45ifkp{
transition:transform var(--speed);
display:grid;
transform-style: preserve-3d;
height:100%;
}
.flipx.svelte-45ifkp{
transform: rotateY(180deg);
}
.flipy.svelte-45ifkp{
transform: rotateX(180deg);
}
.flipy.flipx.svelte-45ifkp{
transform: rotate3d(-45,-45,0,180deg)
}
.front.svelte-45ifkp,.back.svelte-45ifkp{
background: white;
backface-visibility:hidden;
height:100%;
}
.front.svelte-45ifkp{
transform:rotateY(0deg);
grid-column:1 / 2;
grid-row:1 / 2;
position: relative;
height:100%;
}
.back.svelte-45ifkp{
transform:rotate3d(0,1,0,180deg);
transition-delay: calc(var(--speed) / 4);
position: absolute;
inset:0;
overflow:hidden;
}
/* below makes card get bigger if neccessary on back */
.flipy.svelte-45ifkp .back:where(.svelte-45ifkp),.flipx.svelte-45ifkp .back:where(.svelte-45ifkp){
overflow:visible;
position: static;
grid-column:1 / 2;
grid-row:1 / 2;
}
.flipy.svelte-45ifkp .back:where(.svelte-45ifkp){
transform:rotate3d(1,0,0,180deg);
}
.flipy.flipx.svelte-45ifkp .back:where(.svelte-45ifkp){
transform: rotate3d(-1,-1,0,180deg);
}
.spagination.svelte-1hokmn0{
overflow:hidden;/* fix float */
}
.spagination.svelte-1hokmn0 .sbtn{
margin:0;
border-radius: var(--s-border-radius,0px);
border-right-width:0;
display:block;
float:left;
}
.spagination.svelte-1hokmn0 .sbtn:first-child{
border-radius: var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
}
.spagination.svelte-1hokmn0 .sbtn:last-child{
border-radius: 0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
border-right-width:1px;
}
@media(min-width:800px){
.search.svelte-yhback{
width:200px;
position:absolute;
top:0px;
right:0;
}
}
h5.svelte-yhback{
cursor:pointer;
font-weight:bold;
}
h5.svelte-yhback:hover{
text-decoration:underline;
}
.formdate .form-row .form-control{
border-radius:4px 0 0 4px;
border-right-width: 0px;
}
.svelte-xow58 {
box-sizing: border-box;
}
.grid.svelte-xow58{
height:100%;
min-height:100px;
display:flex;
flex-direction: column;
border:var(--duo-border,1px solid #ccc);
}
.rows.svelte-xow58{
flex:1;
height:calc(100% - 70px);
cursor:pointer;
position:relative;
overflow:hidden;
}
.headerrow.svelte-xow58,.gridrow.svelte-xow58,.virtual-row .gridrow [slot="row"]{
display:flex;
flex-direction: row;
justify-content: space-evenly;
position:relative;
}
.virtual-row .gridrow [slot="row"]{
flex:1
}
.headerrow.svelte-xow58,.gridfooter.svelte-xow58{
border:var(--duo-border,1px solid #ccc);
border-width:0 0 1px 0;
background:var(--duo-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
}
.gridfooter.svelte-xow58{
border-width:1px 0 0 0;
padding:7px;
font-size:0.9em;
height:30px;
}
.header.svelte-xow58{
padding:7px;
font-size:0.9em;
font-weight: bold;
cursor:pointer;
}
.gridrow.svelte-xow58 .cell{
padding:7px;
font-size:0.9em;
overflow:hidden;
white-space: nowrap;
width: 0; /** fixes column expansion bug **/
}
/* :global([slot="row"]){
display:contents;
} */
.gridrow.svelte-xow58{
background:var(--duo-background,white);
}
.gridrow.odd.svelte-xow58{
background:var(--duo-oddrow,#f3f3f3);
}
.gridrow.active.svelte-xow58{
background-color:var(--s-primary,#2299ee);
color:white;
}
.arrow.flip.svelte-xow58{
transform:rotate(180deg) scaleX(-1);
display:inline-block;
}
.dragover_top.svelte-xow58,.dragover_bottom.svelte-xow58{
background-color:rgba(0,0,0,0);
position:absolute;
left:0;
right:0;
height:15px;
z-index:100;
}
.dragover_top.svelte-xow58{
top:-2px;
}
.dragover_bottom.svelte-xow58{
bottom:-2px;
}
.dragover_top.svelte-xow58.hover{
border-top:4px solid #22aae3;
}
.dragover_bottom.svelte-xow58.hover{
border-bottom:4px solid #22aae3;
}
.uploadinput.svelte-1xdv9e1{
position:fixed;
top: -100px; /* hidden off screen */
}
.uploadbutton.svelte-1xdv9e1{
border:1px solid #ccc;
position: relative;
box-sizing: border-box;
background:#fff;
text-decoration: none;
color:#333;
white-space: nowrap;
display: inline-block;
margin:var(--s-button-margins,4px);
text-align: center;
cursor: pointer;
border-radius:var(--s-border-radius,4px);
box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
transition:box-shadow 0.2s;
vertical-align: middle;
font-size:12px;
padding:0px 10px;
height:26px;
line-height:16px;
}
.uploadbutton.svelte-1xdv9e1:hover{
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
cursor:pointer;
}
.uploadbutton.svelte-1xdv9e1 .d-icon{ top:0.4em;} /* not sure why this is neccessary ?*/
.markdowninput.svelte-1xdv9e1{
width:100%;
border:1px solid #ddd;
}
.stabs.svelte-1xdv9e1 {
text-align:left;
background:#eee;
padding:10px 10px 0 10px;
border-bottom:1px solid #ccc;
position:relative;
}
.stabs.svelte-1xdv9e1 button:where(.svelte-1xdv9e1){
position: relative;
box-sizing: border-box;
padding:7px 12px;
background:#fff;
border:0px;
font-size: 14px;
text-decoration: none;
color:black;
white-space: nowrap;
display: inline-block;
text-align: center;
cursor: pointer;
line-height:1.25;
border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
line-height:18px;
border:1px solid #ccc;
color:rgba(0,0,0,0.7);
margin-bottom:-1px;
}
.stabs.svelte-1xdv9e1 button.active:where(.svelte-1xdv9e1){
color:black;
border:1px solid #ccc;
border-bottom:1px solid white;
}
.stabs.svelte-1xdv9e1 button:where(.svelte-1xdv9e1):active,.stabs.svelte-1xdv9e1 button:where(.svelte-1xdv9e1):focus{
outline:0px;
color:black;
border:2px solid #ccc;
border-bottom:1px solid white;
}
.inputarea.svelte-1xdv9e1,.preview.svelte-1xdv9e1{
padding:10px;
}
.inputarea.svelte-1xdv9e1 textarea:where(.svelte-1xdv9e1),.cusortrack.svelte-1xdv9e1{
font-weight:normal;
border:0px;
font-size:14px;
resize: none;
width:100%;
}
.inputarea.svelte-1xdv9e1 textarea:where(.svelte-1xdv9e1):focus{
outline:0px;
}
.stoolbar.svelte-1xdv9e1{
position: absolute;
top:10px;
right:10px;
--s-button-margins:0px;
}
.preview.svelte-1xdv9e1 img{
max-width:100%;
}
.preview.svelte-1xdv9e1 .video{
width:100%;
padding-top:56.25%;
position:relative;
}
.preview.svelte-1xdv9e1 .video iframe{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
border:0;
}
.preview.svelte-1xdv9e1 > :first-child{
margin-top:0;
}
.cusortrack.svelte-1xdv9e1{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
padding:2px;
overflow-wrap:break-word;
white-space:pre-wrap;
z-index:2;
line-height:normal;
font:400 11px system-ui;
font-size:14px;
pointer-events: none;
opacity:0.01;
}
.cusortrack.svelte-1xdv9e1 .cursor:where(.svelte-1xdv9e1){
outline:1px solid black;
}
.emojilist.svelte-1xdv9e1{
position:absolute;
top:0;
left:0;
border:1px solid #eee;
padding:1px;
background:white;
z-index:3;
border-radius:2px;
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.emojilist.svelte-1xdv9e1 > div:where(.svelte-1xdv9e1){
padding:5px 8px;
cursor:pointer;
}
.emojilist.svelte-1xdv9e1 > .active:where(.svelte-1xdv9e1){
background:#eee;
}
.d-icon.svelte-8mwtv4{
height:1em;
display: inline-flex;
align-self: center;
position:relative;
top:0.15em;
-webkit-font-smoothing:antialiased;
}
.d-icon.svelte-8mwtv4 svg{
height:100%;
shape-rendering: geometricPrecision;
}
.sprogress.svelte-efozyn{
min-height:10px;
background:rgba(0,0,0,0.03);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
border-radius:4px;
border-radius:var(--s-border-radius,4px);
}
.sbar.svelte-efozyn{
border-radius:4px;
border-radius:var(--s-border-radius,4px);
transition:0.5s width;
font-size:11px;
line-height:18px;
height:18px;
text-align:center;
}
.primary.svelte-efozyn,.info.svelte-efozyn,.success.svelte-efozyn,.warning.svelte-efozyn,.danger.svelte-efozyn,.dark.svelte-efozyn{
color:white;
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
}
.primary.svelte-efozyn{background-color:#2299ee; background-color:var(--s-primary,#2299ee)}
.info.svelte-efozyn{background-color:#17a2b8; background-color:var(--s-info,#17a2b8)}
.success.svelte-efozyn{background-color:#28a745; background-color:var(--s-success,#28a745)}
.warning.svelte-efozyn{background-color:#ffc107; background-color:var(--s-warning,#ffc107)}
.danger.svelte-efozyn{background-color:#dc3545; background-color:var(--s-danger,#dc3545)}
.dark.svelte-efozyn{background-color:#343a40; background-color:var(--s-dark,#343a40)}
.alertwrap.svelte-eekf4q{
margin:5px 0;
}
.alertwrap.svelte-eekf4q .salert{
padding:0;
--s-formrow-margins:5px;
}
.virtual-viewport.svelte-1ru5i85 {
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling:touch;
display: block;
min-height:20px;
}
.virtual-contents.svelte-1ru5i85, .virtual-row.svelte-1ru5i85 {
display: block;
}
/* removed so we could show re-order bar better */
/* virtual-row {
overflow: hidden;
} */
label.svelte-olyqff{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.001);
cursor:pointer;
}
input[type=file].svelte-olyqff{
opacity:0;
position:absolute;
top:0
}
.autocomplete.svelte-1c8p4jn{
width:100%;
position:relative
}
.optionlist.svelte-1c8p4jn{
position:absolute;
left:0;
right:0;
top:35px;
background:white;
box-shadow:0 1px 5px rgba(0,0,0,0.3);
z-index:1001;
max-height:200px;
overflow:auto;
overscroll-behavior: contain;
}
.optionlist.svelte-1c8p4jn > div:where(.svelte-1c8p4jn){
padding:7px 10px;
cursor:pointer;
}
.optionlist.svelte-1c8p4jn > div.active:where(.svelte-1c8p4jn){
background:#eee;
}
.svelte-qyg5hr {
box-sizing: border-box
}
.spopover-title.svelte-qyg5hr{
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
}
.spopover.svelte-qyg5hr{
position: absolute;
top: 0;
left: 0;
z-index: 1060;
padding: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 0;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
white-space: normal;
}
.spopover-content.svelte-qyg5hr{
padding: 9px 14px;
}
.pop-backdrop.svelte-qyg5hr{
position: fixed;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0,0,0,0.01)
}