*,*:before,*:after{box-sizing:border-box;font-family:'Raleway',sans-serif}table{border-collapse:collapse}hr{border:2px solid rgba(0,0,0,0.1);border-width:1px 0 0 0;margin:15px 0;display:block;clear:both}body{line-height:1.5;margin:0;font-size:14px}h1,h2,h3,h4,h5,h6,dd,dt,label{margin-bottom:.2rem;font-weight:500;line-height:1.1}ul,ol,dl,p,dd,.form-group{margin-bottom:1rem}h1,h2,h3,h4,h5,h6,ul,ol,dl,p{margin-top:.5rem}ul ul{margin-bottom:0}pre{white-space:pre-wrap}dt{font-weight:700}dd{margin-left:0}h1,h2,h3,h4{margin-top:40px;margin-bottom:20px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-size:1rem}a{color:var(--d-default-link);text-decoration:none}a:hover{text-decoration:underline}figure{margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:0;position:relative}input{margin:0}select{margin:0;background:#fff;background:url("data:image/svg+xml;utf8,") no-repeat right 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}nav > ul,ul.list-unstyled{margin:0;padding:0;list-style:none}code{background:rgba(0,0,0,0.05);padding:1px 6px;display:inline-block;font-family:'Courier New',Courier,monospace;font-weight:bold;border-radius:3px}
.container{
width:min(90%, 1200px);
max-width:100vw;
margin: 0 auto;
}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}*:not(:defined){visible:hidden}.pre{white-space:pre-wrap}@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local(''),url("/resources/fonts/raleway-v28-latin-regular.woff2") format('woff2'),url("/resources/fonts/raleway-v28-latin-regular.woff") format('woff');font-display:swap}@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local(''),url("/resources/fonts/raleway-v28-latin-500.woff2") format('woff2'),url("/resources/fonts/raleway-v28-latin-500.woff") format('woff');font-display:swap}.alert{padding:10px 15px;position:relative;color:var(--alert-color,#444);margin:10px 0;border-radius:5px;isolation:isolate}.alert.alert-info{--alert-color:#055160}.alert.alert-warning{--alert-color:#664d03}.alert.alert-success{--alert-color:#0f5132}.alert.alert-danger{--alert-color:#842029}.alert :first-child{margin-top:10px}.alert :last-child{margin-bottom:10px}.alert:after{content:'';position:absolute;inset:0;background:var(--alert-color,#444);border-radius:inherit;filter:brightness(240%) saturate(2) opacity(.25);z-index:-1}.alert:before{content:'';position:absolute;inset:0;border:1px solid var(--alert-color,#444);border-radius:inherit;filter:brightness(200%) saturate(2) opacity(.2);z-index:-1}.duocmsrow{display:flex;flex-wrap:wrap;margin:0;gap:15px}.duocmscol{flex:1 1 100px;min-height:50px}.ProseMirror .duocmscol{outline:1px dotted rgba(0,0,0,0.1)}.ProseMirror .formrows{outline:1px dotted #ccc}.ProseMirror:focus{outline:0}.dynamicList{white-space:normal}@supports (display:grid){.row,.duorow,.form-horizontal .form-group{margin:0 -15px}.duorow:before,.row:before{content:normal}.duorow,.row,.form-horizontal .form-group{display:grid;grid-template-columns:repeat(12,1fr)}.duorow > span,.row > span,.form-horizontal .form-group > span{display:none !important}[class*='col-']{padding:0 15px;grid-column:span 12}.col-xs-1{width:auto;grid-column:span 1}.col-xs-2{width:auto;grid-column:span 2}.col-xs-3{width:auto;grid-column:span 3}.col-xs-4{width:auto;grid-column:span 4}.col-xs-5{width:auto;grid-column:span 5}.col-xs-6{width:auto;grid-column:span 6}.col-xs-7{width:auto;grid-column:span 7}.col-xs-8{width:auto;grid-column:span 8}.col-xs-9{width:auto;grid-column:span 9}.col-xs-10{width:auto;grid-column:span 10}.col-xs-11{width:auto;grid-column:span 11}.col-xs-12{width:auto;grid-column:span 12}@media (min-width:768px){.col-sm-1{width:auto;grid-column:span 1}.col-sm-2{width:auto;grid-column:span 2}.col-sm-3{width:auto;grid-column:span 3}.col-sm-4{width:auto;grid-column:span 4}.col-sm-5{width:auto;grid-column:span 5}.col-sm-6{width:auto;grid-column:span 6}.col-sm-7{width:auto;grid-column:span 7}.col-sm-8{width:auto;grid-column:span 8}.col-sm-9{width:auto;grid-column:span 9}.col-sm-10{width:auto;grid-column:span 10}.col-sm-11{width:auto;grid-column:span 11}.col-sm-12{width:auto;grid-column:span 12}}@media (min-width:992px){.col-md-1{width:auto;grid-column:span 1}.col-md-2{width:auto;grid-column:span 2}.col-md-3{width:auto;grid-column:span 3}.col-md-4{width:auto;grid-column:span 4}.col-md-5{width:auto;grid-column:span 5}.col-md-6{width:auto;grid-column:span 6}.col-md-7{width:auto;grid-column:span 7}.col-md-8{width:auto;grid-column:span 8}.col-md-9{width:auto;grid-column:span 9}.col-md-10{width:auto;grid-column:span 10}.col-md-11{width:auto;grid-column:span 11}.col-md-12{width:auto;grid-column:span 12}}@media (min-width:1200px){.col-lg-1{width:auto;grid-column:span 1}.col-lg-2{width:auto;grid-column:span 2}.col-lg-3{width:auto;grid-column:span 3}.col-lg-4{width:auto;grid-column:span 4}.col-lg-5{width:auto;grid-column:span 5}.col-lg-6{width:auto;grid-column:span 6}.col-lg-7{width:auto;grid-column:span 7}.col-lg-8{width:auto;grid-column:span 8}.col-lg-9{width:auto;grid-column:span 9}.col-lg-10{width:auto;grid-column:span 10}.col-lg-11{width:auto;grid-column:span 11}.col-lg-12{width:auto;grid-column:span 12}}}.duocol.dark{background:#444}.duocol.dark > *{color:#fff}.clearfix,.container,.breadcrumb{display:flow-root}footer{grid-area:footer;background:#18323e;border-top:1px solid #fff;padding:15px 0 15px 0;font-size:12px;color:#fff;--d-primary:#fff}footer h4{color:#fff;font-family:'Raleway',sans-serif;border-bottom:1px solid rgba(255,255,255,0.3);margin:5px 0 10px 0}footer p{font-size:12px}footer a{color:#fff;text-decoration:none}footer .container.footer{display:grid;grid-template-areas:"footermap footermap" "copyright credit"}footer .link-size-large{font-size:14px;line-height:30px}footer .link-size-large:before{font-size:19px}[class*=' col-'] .container{width:100%;margin:0}.block-accent{background:var(--d-primary);color:#fff}.block-subtle,.subtle{background:rgba(38,79,99,0.05)}.block-jumbotron .container{background:#eee;padding:40px 40px 60px 40px;margin:10px 60px;border-radius:5px}.block-jumbotron h1,.block-jumbotron h2,.block-jumbotron h3,.block-jumbotron h4,.block-jumbotron h5{font-weight:500;line-height:1.1}.block-jumbotron h1{font-size:calc(3vw + 20px)}.block-jumbotron p{margin:0 0 10px;font-size:calc(0.8vw + 12px);font-weight:200}.block-fade-in{opacity:0;transition:.5s opacity}.block-fade-in.active{opacity:1}.block-slide-in{--offset:100%;overflow-x:hidden}.block-slide-in .container{padding:100px 40px;border-top:1px solid var(--d-primary)}.block-slide-in .duocmscol{opacity:0;transition:transform 1s ease-out,opacity .5s}.block-slide-in .duocmscol:first-of-type{transform:translate(calc(0% - var(--offset)),0)}.block-slide-in .duocmscol:last-of-type{transform:translate(calc(0% + var(--offset)),0);transition-delay:.5s}.block-slide-in .container.active,body.editing .block-slide-in{--offset:0%}.block-slide-in .container.active .duocmscol,body.editing .block-slide-in .duocmscol{opacity:1}.block-dark{background:var(--d-dark);color:#fff}.block-cta{background:#ff5a5f;padding:4vw}.block-cta .container{display:flex}.block-cta a{border:1px solid #fff;font-size:calc(1vw + 10px);width:30%;margin:0 1.2%;color:#fff;background:#ff5a5f;border-radius:0;padding:2vw 1vw;transition:background-color .5s;flex:1;text-align:center}.block-cta a:hover{text-decoration:none;background:#85b8d0}.container .maincol{max-width:600px;margin:80px auto}.nav-pills{list-style:none;margin:0;padding:0}.nav-pills li{margin:5px 0}.nav-pills a{color:var(--d-primary);filter:brightness(95%);text-decoration:none;display:block;padding:10px 15px;border-radius:5px;transition:all .2s}.nav-pills a:hover{background:#fff}.nav-pills li.active a{color:#fff;background:var(--d-primary);filter:brightness(100%)}.breadcrumbbar{background:#eee}.breadcrumb{list-style:none;padding:0}.breadcrumb li,.breadcrumb a{display:inline-block}.breadcrumb a{text-decoration:none;padding:10px 5px}.breadcrumb a:after{content:" /"}.menucheckhide{all:initial;opacity:0;margin-left:-1000px;height:0;width:0;position:absolute}.opener{display:block;width:42px;height:40px;position:absolute;top:10px;right:10px;z-index:2;cursor:pointer;transition:.3s right;background:#fff}.opener:before,.opener:after{content:"";border:2px solid var(--d-primary);border-width:2px 0;position:absolute;top:10px;left:8px;width:26px;height:20px;transition:.3s .3s height,.3s .3s top,.3s transform;transform-origin:13px 1px}.opener:after{border-width:2px 0 0 0;top:19px}input:checked ~ .opener{right:310px}input:checked ~ .opener:before{height:0;top:19px;border-width:1px 0 1px 0;transform:rotateZ(45deg);transition:.3s height,.3s top,.3s .3s transform}input:checked ~ .opener:after{transform:rotateZ(-45deg);transition:.3s height,.3s top,.3s .3s transform}.mainmenu{display:block;position:fixed;padding-top:20px;top:0;right:0;bottom:0;width:300px;min-height:100vh;transform:translateX(300px);transition:.3s transform,.3s box-shadow;background:var(--d-dark);box-shadow:-1000px 0 0 1000px rgba(0,0,0,0);z-index:1}.featurebar{height:40px;transition:.5s height}.featurebar.shrink{height:0}input:checked ~ .mainmenu{transform:translateX(0);box-shadow:-1000px 0 0 1000px #fff}.mainmenu ul,.mainmenu li{margin:0}.mainmenu *{list-style:none;padding:0}.mainmenu a{display:flex;align-items:center;padding:0 10px;min-height:40px;border-bottom:1px solid rgba(255,255,255,0.5);font-size:16px;color:#fff}.mainmenu a:hover{text-decoration:none}.mainmenu .depth2{padding-left:10px}.mainmenu li{position:relative}.mainmenu .dropdown-arrow{background:rgba(0,0,0,0.05);position:absolute;top:1px;right:0;height:38px;width:40px;z-index:2}.mainmenu .dropdown-arrow:after{color:#fff;content:"\00D7";font-size:26px;position:absolute;top:0;left:10px;transform-origin:8px 15px;transform:rotateZ(-45deg);transition:transform .3s}input:checked ~ .dropdown-arrow:after{transform:rotateZ(0)}input ~ ul > li{height:0;overflow:hidden;transition:.3s height}input:checked ~ ul > li{height:40px}@media (min-width:1024px){.opener{display:none}.mainmenu{position:static;min-height:auto;display:flex;align-items:center;width:auto;transform:none;background:transparent}.mainmenu > ul{display:flex;align-items:center;height:100%}.mainmenu > ul > li{height:100%;display:flex;justify-content:start}.mainmenu > ul > li.active > a{color:var(--d-mid);font-weight:900;opacity:1;border-bottom:5px solid var(--d-primary)}.mainmenu a{border:0;color:var(--d-mid);border-bottom:1px solid #fff;transition:border .3s ease}.mainmenu a:hover{border:0;color:var(--d-mid);border-bottom:5px solid var(--d-primary)}.mainmenu ul li.depth2{padding:0}.mainmenu ul li > ul{position:absolute;background:#fff;width:max-content;min-width:150px;top:71px;box-shadow:0 2px 5px rgba(0,0,0,0.5);opacity:0;height:0;overflow:hidden;transform:translateY(20px);transition:.5s opacity,.5s transform}.mainmenu ul > li:hover > ul{opacity:1;height:auto;transform:translateY(0)}}header{grid-area:header;position:sticky;z-index:100;top:0}header .main-navigation{position:relative;background:#fff}header .main-navigation .container{display:flex;flex-direction:row;justify-content:space-between}header.scrolled .main-navigation{box-shadow:0 0 5px rgba(0,0,0,0.2)}header.scrolled .main-navigation .logo{margin-bottom:-55px;box-shadow:0 0 0 2px #fff,0 0 10px rgba(0,0,0,0.2);transition:margin-bottom .5s ease-in-out}header.scrolled .main-navigation .opener{box-shadow:0 0 5px rgba(0,0,0,0.2)}header.scrolled .main-navigation search-form{margin-bottom:-10px;transition:margin-bottom .5s ease-in-out;border-radius:500px;box-shadow:0 0 5px rgba(0,0,0,0.2)}header search-form{align-self:flex-end;margin:12px 45px 12px 0;width:40px;height:40px;transition:margin-bottom .5s ease-in-out}header .logo{width:50px;height:45px;border:2px solid var(--d-mid);background:var(--d-mid);display:block;text-align:center;color:#fff;font-size:15px;line-height:43px;margin:10px 0 10px 10px;font-family:'Raleway',sans-serif;transition:background .5s ease-in-out,margin-bottom .5s ease-in-out;font-weight:800}header .logo:hover{text-decoration:none;background:$duoblue;color:#fff}body.editing header{pointer-events:none}@media (min-width:900px){header .main-navigation{background:#fff}header.scrolled .main-navigation .mainmenu{height:40px;transform:translate(0,-20px)}header search-form{align-self:flex-end;margin:10px}}.navbar-features{height:40px;line-height:30px;padding:5px 10px 5px 5px}.navbar-features .row{margin:0 -15px}.navbar-features a{color:#fff}.navbar-features .element{float:left;margin-left:5px;border-right:3px solid #fff}.navbar-features .element:last-child{border:0}.navbar-features .searchbar .fa.fa-search{color:#fff;float:right;margin:7px 10px}.navbar-features .searchbar input{float:left;border:0;background:transparent;box-shadow:none;position:relative;text-align:center;border-radius:0;width:180px;font-size:14px;transition:width .3s,background .3s,color .3s;height:30px;color:#fff}.navbar-features .searchbar input::placeholder{color:#fff}.navbar-features .searchbar input:active,.navbar-features .searchbar input:focus{text-align:left;width:300px;background:#fff;color:#000}.navbar-features .searchbar input:active::placeholder,.navbar-features .searchbar input:focus::placeholder{color:rgba(0,0,0,0.2)}@media (max-width:$screen-md-max){.navbar-features .searchbar input{position:fixed;opacity:0;padding:0;left:50%;margin-left:-40vw;width:80vw;top:100%;border:10px solid $brand-success;padding:20px;font-size:18px;transition:width .3s,top .3s,opacity .3s;overflow:visible;pointer-events:none}.navbar-features .searchbar input +.searchback{z-index:999}.navbar-features .searchbar input:focus{top:20%;opacity:1;z-index:1000;pointer-events:all;width:80vw}.navbar-features .searchbar input:focus +.searchback{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}}.navbar-features login-bar .sbtn,.navbar-features text-size .sbtn,.navbar-features basket-modal .sbtn{background:transparent;border:0;margin:0;color:#fff;border-radius:0;width:100px;line-height:18px}@media (min-width:$screen-md-min){.navbar-features .signup{width:100px}}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}div:has(> div.map){display:contents}.newsletter-signup{background:var(--d-dark);padding:0 0 20px 0;margin:0 auto;width:100%}.newsletter-signup label{color:#fff}.newsletter-signup h4{color:var(--d-primary);font-size:18px}.newsletter-signup .td{padding:5px 0 0 0}.newsletter-signup .td label{margin:0 2px -2px 2px;font-size:12px}.newsletter-signup .btn{margin:10px 0 0 0}.newsletter-signup input{border:1px solid #122632;width:100%;background:#3a7ba3;color:#fff;font-size:12px;padding:7px;border-radius:4px}.newsletter-signup input::placeholder{color:var(--d-primary)}.newsletter-signup input:focus,.newsletter-signup input:active{background:#fff;color:#000}@media (min-width:900px){.newsletter-signup{padding:2px 2px 5px 2px}.newsletter-signup form{display:table;width:100%}.newsletter-signup .td{display:table-cell;padding:5px}.newsletter-signup label{float:right}.newsletter-signup .btn{margin-top:0}}[disabled],button[disabled]{cursor:not-allowed;opacity:.5}.form-control{display:block;padding:.2rem .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:100%}select.form-control{height:calc(2.25rem + 2px)}.form-horizontal .form-group{margin-bottom:10px}.form-horizontal label{display:inline-block;max-width:100%;font-weight:bold;padding-top:7px}@media (min-width:768px){.form-horizontal label{text-align:right;margin-bottom:0}}.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,") #fff 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 button{margin-left:auto}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}.tablewrapper{overflow-x:auto;min-height:.01%}@media screen and (max-width:$screen-xs-max){.tablewrapper{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.tablewrapper > .table{margin-bottom:0}.tablewrapper > .table > thead > tr > th,.tablewrapper > .table > tbody > tr > th,.tablewrapper > .table > tfoot > tr > th,.tablewrapper > .table > thead > tr > td,.tablewrapper > .table > tbody > tr > td,.tablewrapper > .table > tfoot > tr > td{white-space:nowrap}.tablewrapper > .table-bordered{border:0}.tablewrapper > .table-bordered > thead > tr > th:first-child,.tablewrapper > .table-bordered > tbody > tr > th:first-child,.tablewrapper > .table-bordered > tfoot > tr > th:first-child,.tablewrapper > .table-bordered > thead > tr > td:first-child,.tablewrapper > .table-bordered > tbody > tr > td:first-child,.tablewrapper > .table-bordered > tfoot > tr > td:first-child{border-left:0}.tablewrapper > .table-bordered > thead > tr > th:last-child,.tablewrapper > .table-bordered > tbody > tr > th:last-child,.tablewrapper > .table-bordered > tfoot > tr > th:last-child,.tablewrapper > .table-bordered > thead > tr > td:last-child,.tablewrapper > .table-bordered > tbody > tr > td:last-child,.tablewrapper > .table-bordered > tfoot > tr > td:last-child{border-right:0}.tablewrapper > .table-bordered > tbody > tr:last-child > th,.tablewrapper > .table-bordered > tfoot > tr:last-child > th,.tablewrapper > .table-bordered > tbody > tr:last-child > td,.tablewrapper > .table-bordered > tfoot > tr:last-child > td{border-bottom:0}}.duoEditArea img{height:auto;width:auto}.duoEditArea figure > img{display:block}
.img-responsive{
display: grid;
max-width: min(100vw,100%);
}
img{
max-width: min(100vw,100%);
}
figure{display:grid !important}figure > img,figure > div{grid-column:1/2;grid-row:1/2}figcaption :is(h1,h2,h3,h4,h5){margin-top:0;margin-bottom:0}.caption-overlay,.banner .caption-heading,.devbanner .caption-heading{grid-column:1/2;grid-row:1/2}.caption-middle{align-self:center}.caption-bottom{align-self:end}.caption-heading{color:#fff;padding:0 10vw;color:#fff;text-shadow:0 0 3px #000,0 0 5px #000}.caption-heading h2{font-size:clamp(1.8rem,3.5vw,4rem);margin-bottom:0}.caption-heading p,.caption-heading h3{font-size:clamp(1rem,2vw,3rem);line-height:clamp(1rem,1.5vw,3rem)}.caption-heading a{margin:10px 0 0 0;font-size:clamp(1rem,1.5vw,3rem);line-height:clamp(1rem,2vw,3rem)}.caption-heading .link-type-primary{background:var(--d-dark);text-shadow:none;box-shadow:none}.caption-dark{background:rgba(0,0,0,0.5);color:#fff;padding:10px}.banner .caption-heading,.devbanner .caption-heading{align-self:center}.img-fullwidth{min-width:100vw}.img-fp-banner{background:radial-gradient(circle at 25% 50%,var(--d-mid),var(--d-dark))}.duoEditArea .img-fp-banner img{height:450px;min-width:auto;width:auto !important;justify-self:end;object-fit:contain;aspect-ratio:1.5/1}@media (max-width:720px){.duoEditArea .img-fp-banner img{opacity:.4}}.img-testimonial{display:grid;grid-template-columns:25% 1fr;position:relative;padding:20px;gap:20px}.img-testimonial img{border-radius:500px}.img-testimonial figcaption p{font-size:14px;margin:0}duo-slideshow{display:block}duo-slideshow .duoslide.active figcaption{animation:4s ease-out 0s 1 slideswipe}duo-slideshow .duoslide figure{min-width:100%;min-height:100%;float:none;margin-left:auto;margin-right:auto}duo-slideshow .duoslide img{min-width:100%;max-height:700px;display:block;object-fit:cover}duo-slideshow::part(next),duo-slideshow::part(prev){padding-block:0}duo-slideshow::part(timer){transform:scaleX(0);animation:6s linear 1 timerfill}.slideshow-zoombounce .duoslide{display:block;position:absolute;top:0;opacity:0;width:100%;transition:.5s opacity,.5s transform;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}.slideshow-cube::part(slideshow){perspective:1000px;background:#000;overflow:hidden}.slideshow-cube::part(wrapper){transform-style:preserve-3d;transform:translateZ(50vw) rotateY(-90deg);transition:none}.slideshow-cube::part(wrapper updated){transform:translateZ(50vw) rotateY(0);transition:2s transform}.slideshow-cube .duoslide{transform:translateX(-50vw) rotateY(90deg);transition:1s opacity;backface-visibility:hidden}.slideshow-cube .duoslide.active{transform:translateZ(-50vw) rotateY(0)}.slideshow-tumbler{height:700px}.slideshow-tumbler::part(slideshow){perspective:1000px;background:#000;overflow:hidden}.slideshow-tumbler::part(wrapper){transform-style:preserve-3d;transform:translateZ(-350px) rotateX(90deg);transition:none}.slideshow-tumbler::part(wrapper updated){transform:translateZ(-350px) rotateX(0);transition:2s transform}.slideshow-tumbler .duoslide{transform:translateY(350px) rotateX(-90deg);transition:1s opacity;backface-visibility:hidden}.slideshow-tumbler .duoslide.active{transform:translateZ(350px) rotateX(0)}@-moz-keyframes timerfill{to{transform:scaleX(1)}}@-webkit-keyframes timerfill{to{transform:scaleX(1)}}@-o-keyframes timerfill{to{transform:scaleX(1)}}@keyframes timerfill{to{transform:scaleX(1)}}@-moz-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);text-shadow:none;opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);text-shadow:none;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);text-shadow:none;opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);text-shadow:none;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);text-shadow:none;opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);text-shadow:none;opacity:1}30%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);text-shadow:none;opacity:0}10%{transform:translateX(0);color:rgba(255,255,255,0);text-shadow:none;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}.column-pale{position:relative;isolation:isolate}.column-pale:before{content:"";z-index:-1;position:absolute;inset:0;background:var(--d-primary);opacity:.1}/**
* okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author ocodia
*/
code[class*="language-"],
pre[class*="language-"] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #272822;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #8292a2;
}
.token.punctuation {
color: #f8f8f2;
}
.token.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
color: #f92672;
}
.token.boolean,
.token.number {
color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
color: #e6db74;
}
.token.keyword {
color: #66d9ef;
}
.token.regex,
.token.important {
color: #fd971f;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
.language-shell,.language-nginx,.language-json,.language-sql,.language-html{margin:5px}[class*=link-icon]{color:var(--link-icon-color)}[class*=link-icon]:before{content:"";display:inline-block;margin:0 .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-txt{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:#444}.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-facebook{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:var(--d-primary)}.link-icon-twitter{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:var(--d-primary)}.link-icon-linkedin{--link-icon:url("data:image/svg+xml;utf8,");--link-icon-color:var(--d-primary)}[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)}.duoEditArea details{box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2);padding:20px;border-radius:5px;background:#fff}.duoEditArea details h1,.duoEditArea details h2,.duoEditArea details h3,.duoEditArea details h4,.duoEditArea details h5{margin-top:0}.duoEditArea details summary{position:relative;outline:none;font-size:24px;background:#fff;padding:20px;margin:-20px;margin-bottom:-20px;border-radius:5px;cursor:pointer;color:$brand-primary;transition:background-color .5s,margin-bottom .5s;list-style:none}.duoEditArea details summary::-webkit-details-marker{display:none}.duoEditArea details summary:before{display:block;content:" ";border:10px solid transparent;border-top-color:currentColor;width:0;height:0;position:absolute;top:45%;right:20px;transform-origin:10px 5px;transition:transform .3s;transform:rotate(-90deg)}.duoEditArea details[open] summary{margin-bottom:10px;border-radius:5px 5px 0 0;background:$brand-primary;color:#fff;z-index:2}.duoEditArea details[open] summary:before{transform:rotate(0)}.duoEditArea details[open] summary ~ *{animation:sweep .5s ease-in-out}.details-danger,.duoEditArea details.details-danger{color:#b00}.details-danger summary,.duoEditArea details.details-danger summary{background:#b00;color:#fff}.details-compact,.duoEditArea details.details-compact{padding:5px 15px}.details-compact summary,.duoEditArea details.details-compact summary{padding:5px 15px;margin:-5px -15px}.details-compact[open] summary,.duoEditArea details.details-compact[open] summary{margin-bottom:10px}@-moz-keyframes sweep{0%{opacity:0;margin-top:-10%}50%{opacity:.01;margin-top:0}100%{opacity:1;margin-top:0}}@-webkit-keyframes sweep{0%{opacity:0;margin-top:-10%}50%{opacity:.01;margin-top:0}100%{opacity:1;margin-top:0}}@-o-keyframes sweep{0%{opacity:0;margin-top:-10%}50%{opacity:.01;margin-top:0}100%{opacity:1;margin-top:0}}@keyframes sweep{0%{opacity:0;margin-top:-10%}50%{opacity:.01;margin-top:0}100%{opacity:1;margin-top:0}}.dl_default .item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"image heading" "image date" "image description"}.dl_default .item h3{grid-area:heading;font-weight:500}.dl_default .item h3 a{color:#428aac}.dl_default .item img,.dl_default .item .placeholder{grid-area:image;display:block}.dl_default .item p{grid-area:description;align-self:start}.dl_default .item small{grid-area:date}.dl_default .item .img-placeholder{width:200px;height:200px;background:#f4f4f4}.dl_default hr{border:2px solid #eee;margin:5px 0}.dl_default .space{height:5px}.dl_blog{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:30px}.dl_blog .tags{float:right}.dl_blog .tags:before{content:none}.dl_blog .tags > a{font-size:11px;padding:1px 4px}.dl_blog .item{perspective:1200px}.dl_blog .inner{display:block;box-shadow:0 5px 5px rgba(0,0,0,0.3);transform-origin:center top;animation:Flop 1s 1.2s forwards;opacity:0;transform:rotateX(-90deg);overflow:hidden;height:100%}.dl_blog .inner figure{display:grid;height:100%}.dl_blog .inner figure > *{grid-row:1/2;grid-column:1/2}.dl_blog .inner img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.dl_blog .inner figcaption{background:rgba(255,255,255,0.9);align-self:end;padding:15px 10px;margin:5px 0 0;z-index:2}.dl_blog .inner h3{font-size:18px;color:#428aac}.dl_blog .inner small{color:#444;font-size:12px}.dl_blog .inner:hover,.dl_blog .inner:focus{text-decoration:none}.dl_blog .inner:hover img,.dl_blog .inner:focus img{transform:scale(1.1)}.block-dark .dl_blog{margin-top:25px}.block-dark .dl_blog figcaption{background:var(--d-dark);margin-bottom:-1px}.block-dark .dl_blog figcaption small,.block-dark .dl_blog figcaption a{color:#fff}.dl_blog :nth-child(1) .inner{animation-delay:0s}.dl_blog :nth-child(2) .inner{animation-delay:.2s}.dl_blog :nth-child(3) .inner{animation-delay:.4s}.dl_blog :nth-child(4) .inner{animation-delay:.6s}.dl_blog :nth-child(5) .inner{animation-delay:.8s}.dl_blog :nth-child(6) .inner{animation-delay:1s}.dl_work{display:grid;grid-template-columns:repeat(1,1fr);gap:0}.dl_work .item{min-height:300px}.dl_work figure{display:grid;height:100%}.dl_work figure > *{grid-row:1/2;grid-column:1/2}.dl_work img{width:100%;height:100%;object-fit:cover}.dl_work figcaption{background:rgba(52,109,136,0.8);align-self:end;padding:15px 10px;margin:5px 0 0;z-index:2;height:75px;overflow:hidden;transition:all 1s cubic-bezier(.34,-.69,.61,1.57)}.dl_work h3{font-size:28px;margin:10px 0 20px 0;color:#fff}.dl_work p{color:#fff;font-size:14px}.dl_work small{color:#444;font-size:12px}.dl_work .inner:hover,.dl_work .inner:focus{text-decoration:none}.dl_work .inner:hover figcaption,.dl_work .inner:focus figcaption{height:90%;background:#346d88}@media (min-width:900px){.dl_work{grid-template-columns:repeat(2,1fr)}}@media (min-width:1250px){.dl_work{grid-template-columns:repeat(3,1fr)}}@media (min-width:700px){.item.big{grid-column:span 2;grid-row:span 2}}.dl_gallery duo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.dl_gallery duo-gallery .item{display:grid;outline:1px solid #eee;overflow:hidden}.dl_gallery duo-gallery .item > *{grid-column:1/2;grid-row:1/2}.dl_gallery duo-gallery .item:hover figcaption{background:rgba(0,0,0,0.8)}.dl_gallery duo-gallery .item:hover img{scale:1.04}.dl_gallery duo-gallery .item img{width:100%;height:200px;object-fit:cover;transition:scale .3s}.dl_gallery duo-gallery .item figcaption{min-width:0;background:rgba(0,0,0,0.6);transition:background .3s;align-self:end;padding:10px;color:#fff;z-index:2}.dl_gallery duo-gallery .item h3{font-size:1.2em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider .gallery-panel .item img{min-width:500px;border:10px solid #222;background:#222;border-bottom:0}.slider .gallery-panel .item figcaption{min-width:0;background:#111;align-self:end;padding:10px;color:#fff;z-index:2;transform:translate(0,100%);border:10px solid #222;border-top:0}.dl_files{margin-top:15px}.dl_files .item p{margin:0 0 5px 0}.dl_files .item a{display:block;padding:10px;border:1px solid #eee;background:#fff;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl_files .item a:hover{text-decoration:none;background:#f4f4f4;border:1px solid #ddd}.dl_files .item a small{font-size:.5em;padding:0}.dl_files .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:5px}.dl_files .grid .item p{height:100%}.dl_files .grid .item p a{text-align:center;height:100%;font-size:16px}.dl_files .grid .item p a:before{font-size:60px;display:block;margin:10px auto;transform:scale(1) translate(10px,0);transition:transform .3s ease-in-out}.dl_files .grid .item p a:hover:before{transform:scale(1.08) translate(10px,-5px)}.dl_files .grid small{font-size:.8em}@media (max-width:700px){.dl_blog{grid-auto-rows:auto;gap:10px}.dl_blog .item:not(.big) .inner{box-shadow:0 2px 5px rgba(0,0,0,0.3)}.dl_blog .item:not(.big) .inner figure{grid-template-columns:100px 1fr;gap:10px}.dl_blog .item:not(.big) .inner figure > a{grid-row:1/2;grid-column:1/2}.dl_blog .item:not(.big) .inner figure > a img{height:100%;aspect-ratio:1/1;object-fit:cover}.dl_blog .item:not(.big) .inner figure > figcaption{grid-row:1/2;grid-column:2/3;margin:0;align-self:auto;background:transparent;padding:8px 5px 5px 0;display:grid;grid-template-rows:auto 1fr auto}.dl_blog .item:not(.big) .inner figure > figcaption .tags{margin:8px 0;grid-row:3/4}}@-moz-keyframes Flop{0%{opacity:0;transform:rotateX(-90deg)}75%{opacity:1;transform:rotateX(10deg)}100%{opacity:1;transform:rotateX(0)}}@-webkit-keyframes Flop{0%{opacity:0;transform:rotateX(-90deg)}75%{opacity:1;transform:rotateX(10deg)}100%{opacity:1;transform:rotateX(0)}}@-o-keyframes Flop{0%{opacity:0;transform:rotateX(-90deg)}75%{opacity:1;transform:rotateX(10deg)}100%{opacity:1;transform:rotateX(0)}}@keyframes Flop{0%{opacity:0;transform:rotateX(-90deg)}75%{opacity:1;transform:rotateX(10deg)}100%{opacity:1;transform:rotateX(0)}}@media (min-width:767px){.pricing_panels{z-index:2}.pricing_panels .panel{min-height:700px;position:relative}.pricing_panels .panel .btn-toolbar{position:absolute;bottom:0;left:0;right:0;width:auto}.pricing_panels .panel.preferred{box-shadow:0 5px 20px rgba(0,0,0,0.5);border:1px solid #fff}.pricing_panels .panel{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:grid;flex-direction:column;padding:15px;height:100%;align:start}.pricing_panels .panel:first-child{flex:auto}.pricing_panels .panel .toolbar{display:flex;align-self:end;padding:10px}.pricing_panels .panel .toolbar > *{flex:1}.pricing_panels .col-md-4:first-of-type .panel{transform:translate(110%,0);animation:priceslide_l .5s forwards;animation-delay:.5s}.pricing_panels .col-md-4:last-of-type .panel{transform:translate(-110%,0);animation:priceslide_r .5s forwards;animation-delay:.5s}}@-moz-keyframes priceslide_r{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@-webkit-keyframes priceslide_r{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@-o-keyframes priceslide_r{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@keyframes priceslide_r{0%{transform:translate(-100%,0)}100%{transform:translate(0,0)}}@-moz-keyframes priceslide_l{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@-webkit-keyframes priceslide_l{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@-o-keyframes priceslide_l{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}@keyframes priceslide_l{0%{transform:translate(100%,0)}100%{transform:translate(0,0)}}.tags{display:inline-flex;flex-wrap:wrap}.tags:before{content:"Tags";padding:3px 5px;margin:2px}.tags > a{display:inline-flex;padding:3px 5px;margin:2px;background-color:var(--d-primary);color:#fff;border-radius:4px}.tags > a.active{background-color:var(--d-dark)}.container.blog h2{margin-top:-15px}duo-gallery{position:relative}.gallery-layout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2px}.gallery-layout-grid figure img{height:200px;object-fit:cover}html{background:#18323e}body{background:#fff;color:var(--d-dark);display:grid;min-height:100vh;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header" "belowheader" "main" "footer"}.belowheader{grid-area:belowheader}main{grid-area:main}.pull-right{float:right}.pull-left{float:left}.default-template{margin-top:80px}.lastcol{margin-bottom:15px}.pagination{display:flex;margin-bottom:20px}.pagination li > a{padding:.5em .8em;border:1px solid #eee;margin:2px;color:var(--d-dark)}.pagination li.active > a{background:var(--d-primary);color:#fff}.pagination li > a:hover{text-decoration:none;border:1px solid var(--d-primary)}.pagination li.disabled > a{color:#ddd;cursor:not-allowed;border:1px solid #eee}.duoicon-size-auto{font-size:1em}.duoicon-size-medium{font-size:5em}.duoicon-size-large{font-size:200px}.duoicon-align-left{text-align:left;display:block}.duoicon-align-center{text-align:center;display:block}.duoicon-align-right{text-align:right;display:block}.duoicon-align-block{display:block}.duoicon-colour-primary{color:var(--d-primary)}.duoicon-colour-info{color:var(--d-info)}.duoicon-colour-success{color:var(--d-success)}.duoicon-colour-warning{color:var(--d-warning)}.duoicon-colour-danger{color:var(--d-danger)}.duoicon-colour-dark{color:var(--d-dark)}@view-transition {
navigation: auto;
}
/* hero image */
main > .banner, main > .devbanner{
view-transition-name: banner;
transform: translateY(0px);
opacity: 1;
}
main > .banner figcaption, main > .devbanner figcaption{
view-transition-name: banner-heading
}
/* list item currently hovered over */
.dl_blog figure:first-child:hover img{
view-transition-name: banner;
}
::view-transition-group(*) {
animation-duration: 0.2s;
}
::view-transition-group(banner) {
z-index: 1;
animation-duration: 0.2s;
}
::view-transition-group(banner-heading) {
z-index: 2;
animation-delay: 0.3s;
animation-duration: 0.2s;
}
::view-transition-new(banner-heading){
animation: 300ms cubic-bezier(0, 0, 0.2, 1) both pop-in;
animation-delay: 0.3s;
}
::view-transition-old(banner-heading) {
animation: 150ms cubic-bezier(0.4, 0, 1, 1) both pop-out;
}
@keyframes pop-in {
from {
opacity: 0;
transform: translateY(40px);
}
}
@keyframes pop-out {
to {
opacity: 0;
}
}
:root{--d-primary:#387999;--d-info:#17a2b8;--d-success:#28a745;--d-warning:#ffc107;--d-danger:#dc3545;--d-mid:#306e93;--d-dark:#1d3e52;--d-button-margins:4px;--d-default-link:#387999;--s-primary:var(--d-primary)}.primary{color:var(--d-primary)}
.answer.svelte-6p2dk1{
font-size:16px;
border:1px solid #ddd;
padding:10px 15px;
border-radius:5px;
margin:20px 5px;
}
[slot=suffix].svelte-6p2dk1{
display:flex;
}
[slot=suffix].svelte-6p2dk1 select.engine:where(.svelte-6p2dk1){
padding-right:20px;
border-radius: 0;
margin-right:-1px;
}
: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;
}
.compare.svelte-ju9vn{
position:relative;
overflow:hidden;
}
.images.svelte-ju9vn{
display:grid;
}
.images.svelte-ju9vn img:where(.svelte-ju9vn){
max-width:100%;
grid-column:1 / 2;
grid-row:1 / 2;
}
.handle.svelte-ju9vn{
position:absolute;
font-size:2rem;
border-radius:200px;
color:white;
border:2px solid white;
background:rgba(0,0,0,0.7);
transform:translate(-50%,-50%);
top:50%;
cursor:ew-resize;
}
.handle.svelte-ju9vn svg:where(.svelte-ju9vn){
height: 1em;
width: 1em;
display: inline-flex;
position: relative;
top: 0.15em;
fill: currentcolor;
justify-content: center;
}
.handle.svelte-ju9vn:before,.handle.svelte-ju9vn:after{
content:"";
position:absolute;
border-left:1px solid white;
height:998px;
left:50%;
}
.handle.svelte-ju9vn:before{
top:-1000px;
}
.handle.svelte-ju9vn:after{
bottom:-1000px;
}
.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;
}
.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,');
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);
}
.cookie-banner.svelte-1ro0ag9{
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-1ro0ag9{
flex:1 1 400px;
}
.message.svelte-1ro0ag9::slotted{
color:white;
font-weight:400;
}
.options.svelte-1ro0ag9{
display:flex;
gap:5px;
align-items: center;
justify-content: center
}
.modal-body.svelte-1ro0ag9{
padding:20px;
}
button.svelte-1ro0ag9{
background:black;
border:1px solid white;
padding:0.5em 1em;
display:flex;
color:white;
}
.infopanel.svelte-1ro0ag9{
max-height:50px;
overflow:hidden;
font-size:14px;
transition:max-height 0.3s;
}
.infopanel.active.svelte-1ro0ag9{
max-height:800px;
}
.infopanel.svelte-1ro0ag9 .infotitle:where(.svelte-1ro0ag9){
background:#eee;
padding:5px 30px;
border-radius:5px;
position: relative;
cursor:pointer;
}
.infopanel.svelte-1ro0ag9 .infotitle:where(.svelte-1ro0ag9) h4:where(.svelte-1ro0ag9){
font-size:16px;
padding:0;
margin:0.5rem 0 0.5rem 0;
}
.infopanel.svelte-1ro0ag9 .infotitle:where(.svelte-1ro0ag9):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-1ro0ag9 .infotitle:where(.svelte-1ro0ag9):before{
transform: rotate(90deg);
}
.infopanel.svelte-1ro0ag9 h4:is(span,label){
font-size:12px;
text-align:right;
}
.infotools.svelte-1ro0ag9{
position: absolute;
right:20px;
top:0px;
display:flex;
gap:10px;
align-items: center;
height:45px;
}
.infotools.svelte-1ro0ag9 > :where(.svelte-1ro0ag9){
margin:0;
}
.panelinner.svelte-1ro0ag9{
padding:10px;
}
thead.svelte-1ro0ag9{
background:#777;
color:white;
}
.checkbox.svelte-1ro0ag9{
display:flex;
}
.checkbox.svelte-1ro0ag9 input[type=checkbox]:where(.svelte-1ro0ag9){
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-1ro0ag9 input[type=checkbox]:where(.svelte-1ro0ag9):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-1ro0ag9 input[type=checkbox]:where(.svelte-1ro0ag9):checked{
background:var(--s-success,#28a745);
}
.checkbox.svelte-1ro0ag9 input[type=checkbox]:where(.svelte-1ro0ag9):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) {
display:none
}
duo-counter{
min-height:calc( clamp(20px,5vw + 20px,90px) + clamp(12px,1vw + 10px,21px) )
}
.number.svelte-honbvi{
font-size: clamp(20px,5vw + 20px,90px);
color: rgba(38,79,99,1);
text-align: center;
font-weight:500;
}
.number.svelte-honbvi:after{
content:attr(data-suffix)
}
.subtitle.svelte-honbvi{
color: #264f63;
text-align: center;
}
.subtitle.svelte-honbvi ::slotted(*){
font-weight:500;
font-size: clamp(12px,1vw + 10px,21px)!important;
}
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,") 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;
}
}
.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;
}
@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,')
}
.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;
}
.toolbar.svelte-amapgt{
border-top:1px solid #eee;
padding-top:10px;
margin-top:20px;
}
.forgotlink.svelte-amapgt{
display:inline-block;
padding:10px;
}
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;
}
: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;
}
.mainform.svelte-gtn7jf{
--s-labelwidth:0px;
}
.padding.svelte-gtn7jf{
padding:30px 40px;
}
.progress_block.svelte-gtn7jf {
position: fixed;
position: sticky;
bottom: 0px;
left: 0;
right: 0;
max-width: 1140px;
z-index: 2;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
padding: 30px;
margin: 10px auto;
}
.progress_block.svelte-gtn7jf h4:where(.svelte-gtn7jf){
margin:0 0 10px 0;
}
.tools.svelte-gtn7jf{
display:flex;
justify-content: space-between;
}
.loggedin.svelte-gtn7jf{
text-align:right;
}
.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;
}
}
.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)}
button.svelte-10yydks{
background:none;
border:none;
font-size:18px;
padding:5px;
color:var(--d-primary);
cursor:pointer;
border-radius:200px;
aspect-ratio: 1/1;
width:40px;
display:block;
background:#f6f6f6;
transition: all 0.3s;
}
button.svelte-10yydks:hover{
background:var(--d-primary);
color:white;
}
.searchbox.svelte-10yydks{
position:fixed;
inset:0;
display:grid;
place-content: center;
background:rgba(0,0,0,0.5);
opacity:0;
transition:opacity 0.5s;
}
.searchbox.visible.svelte-10yydks{
opacity:1;
}
form.svelte-10yydks{
background:white;
padding:10px;
border-radius:10px;
margin:10px;
width:400px;
max-width:calc(100vw - 20px)
}
.searchbox.svelte-10yydks form:where(.svelte-10yydks) .form-input{
font-size:16px;
}
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,')
}
.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;
}
.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;
}