*,*:before,*:after{box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}table{border-collapse:collapse}hr{border:1px solid rgba(0,0,0,0.1);border-width:1px 0 0 0;margin:15px 0}body{line-height:1.5;margin:0;font-size:16px;font-weight:300}h1,h2,h3,h4,h5,h6,dd,dt,label{margin-bottom:.2rem;font-weight:400;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{font-size:clamp(1.2rem,calc(1.7rem + 1vw),3rem)}h2{font-size:clamp(1.1rem,calc(1.4rem + 1vw),2.5rem)}h3{font-size:clamp(.9rem,calc(1.1rem + 1vw),2.1rem)}h4{font-size:clamp(.8rem,calc(0.9rem + 1vw),1.8rem)}h5{font-size:clamp(.7rem,calc(0.7rem + 1vw),1.6rem)}h6{font-size:clamp(.6rem,calc(0.5rem + 1vw),1.4rem)}li > p{margin-bottom:.5rem}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,.breadcrumb{margin:0 15px}@media (min-width:640px){.container,.breadcrumb{max-width:1400px;margin:0 auto;padding:0 25px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}*:not(:defined){visibility:hidden}.virtual-viewport virtual-row,.virtual-viewport virtual-contents{visibility:visible}.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: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 -10px}.duocmscol{flex:1 1 100px;padding:10px 10px;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;margin-top:50px;padding:20px 0 15px 0;font-size:12px;border-top:1px solid #eee}footer a{color:var(--d-primary);text-decoration:none}footer .container.footer{display:grid;grid-template-areas:"footermap footermap" "copyright credit"}footer .footermap{grid-area:footermap}footer ul.footermap,footer li{list-style:none;margin:0;padding:1px 0}footer ul.footermap ul,footer li ul{padding:0}footer ul.footermap>li:first-child,footer li>li:first-child{display:none}footer ul.footermap>li,footer li>li{display:block;margin:10px;width:20%;float:left;font-weight:bold}footer ul.footermap>li li,footer li>li li{font-weight:normal;opacity:.7}footer ul.footermap a,footer li a{color:var(--d-dark)}footer ul.footermap a:hover,footer li a:hover{color:#000}footer .copyright{grid-area:copyright}footer .credit{grid-area:credit;text-align:right}[class*=' col-'] .container{width:100%;margin:0}.block-banner{background:var(--d-primary)}.block-accent,.accentblock{background:var(--d-primary);color:#fff}.block-subtle,.subtle{background:#eee}.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-narrow .container{max-width:600px;margin:10px auto}.block-aboutgrid .duocmsrow{margin-top:20px;gap:10px 25px}.block-aboutgrid h3{color:var(--d-secondary);margin-bottom:10px;font-size:clamp(.8rem,calc(0.8rem + 1vw),1.8rem)}.block-aboutgrid img{filter:invert(39%) sepia(90%) saturate(3475%) hue-rotate(346deg) brightness(103%) contrast(89%)}.subnav{margin:10px 0 0 0;padding:0}.subnav li,.subnav ul{margin:0;padding:0;list-style:none}.subnav a{display:block}.subnav li.depth1 a{padding:7px 15px}.subnav li.depth2 a{padding:5px 25px}.subnav li.depth3 a{padding:5px 30px}.subnav li.active:not(:has(li.active)) > a{font-weight:bold}.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:#fff;box-shadow:0 3px 4px -2px rgba(0,0,0,0.1)}.breadcrumb{list-style:none;padding:0;margin:0 15px}.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:40px;height:40px;position:absolute;top:10px;right:10px;z-index:2;cursor:pointer;transition:.3s right}.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;top:0;right:0;bottom:0;width:300px;transform:translateX(300px);transition:.3s transform,.3s box-shadow;background:#fff;box-shadow:-1000px 0 0 1000px rgba(255,255,255,0)}.featurebar{height:40px;transition:.5s height}.featurebar.shrink{height:0}input:checked ~ .mainmenu{transform:translateX(0);background:var(--d-primary);color:#fff;box-shadow:-1000px 0 0 1000px rgba(255,255,255,0.5),-2px 0 10px rgba(0,0,0,0.5)}input:checked ~ .mainmenu a{color:#fff}.mainmenu ul,.mainmenu li{margin:0}.mainmenu *{list-style:none;padding:0}.mainmenu a{display:flex;align-items:center;padding:0 15px;min-height:40px;border-bottom:1px solid rgba(0,0,0,0.05)}.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:900px){.opener{display:none}.mainmenu{position:static;display:flex;align-items:center;width:auto;transform:none}.mainmenu > ul{display:flex;align-items:center;height:100%}.mainmenu > ul > li{height:100%;display:flex;justify-content:start}.mainmenu > ul > li > a{color:var(--d-secondary)}.mainmenu > ul > li.active > a,.mainmenu > ul > li:hover > a{color:var(--d-primary)}.mainmenu a{border:0}.mainmenu ul li.depth2{padding:0}.mainmenu ul li > ul{position:absolute;background:#fff;width:max-content;min-width:150px;top:50px;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)}.mainmenu .dropdown-menu li{height:auto;overflow:visible}.mainmenu .dropdown-menu li a{color:#000;background:#fff;transition:.5s background-color;position:relative;isolation:isolate}.mainmenu .dropdown-menu li a:after{content:'';position:absolute;inset:0;background:var(--d-primary);z-index:-1;opacity:0;transform-origin:center;transition:.8s opacity}.mainmenu .dropdown-menu li a:hover:after{content:'';opacity:.4}.mainmenu .dropdown-menu li.active a:after{opacity:.2}.mainmenu .dropdown-arrow{background:transparent;pointer-events:none;position:relative;width:15px;height:100%}.mainmenu .dropdown-arrow:after{content:"";border-style:solid;border-width:5px 4px 0 4px;border-color:currentcolor transparent transparent transparent;position:absolute;top:50%;left:-5px;transform:rotateZ(0)}.breadcrumb{padding:0 28px;margin:0 auto}}header{grid-area:header;position:sticky;z-index:10;top:0}header .featurebar{background:var(--d-primary)}header .featurebar .container{display:flex;flex-direction:row;justify-content:flex-end}header .main-navigation{position:relative;background:#fff}header .main-navigation .container{display:flex;flex-direction:row;justify-content:space-between}header .main-navigation .logo{display:flex;flex:1;color:var(--d-secondary);text-decoration:none;align-items:center;font-size:28px;font-weight:600}header .main-navigation .logo img{margin:10px 10px;height:40px;width:auto}.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}.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}}.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,") no-repeat right 50%;-moz-appearance:none;-webkit-appearance:none;appearance:none}.formrow input[type=checkbox]{min-width:var(--label-width);opacity:0}.formrow input[type=checkbox] ~ 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{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}.duoform .radiooption{display:flex;gap:5px;align-items:center}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:$text-muted;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:$line-height-base;vertical-align:top;border-top:1px solid #ddd}.table > thead > tr > th > *,.table > tbody > tr > th > *,.table > tfoot > tr > th > *,.table > thead > tr > td > *,.table > tbody > tr > td > *,.table > tfoot > tr > td > *{margin:0}.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}.table > tbody + tbody{border-top:2px solid #ddd}.table .table{background-color:$body-bg}.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover > tbody > tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:$screen-xs-max){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive > .table{margin-bottom:0}.table-responsive > .table > thead > tr > th,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > td{white-space:nowrap}.table-responsive > .table-bordered{border:0}.table-responsive > .table-bordered > thead > tr > th:first-child,.table-responsive > .table-bordered > tbody > tr > th:first-child,.table-responsive > .table-bordered > tfoot > tr > th:first-child,.table-responsive > .table-bordered > thead > tr > td:first-child,.table-responsive > .table-bordered > tbody > tr > td:first-child,.table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0}.table-responsive > .table-bordered > thead > tr > th:last-child,.table-responsive > .table-bordered > tbody > tr > th:last-child,.table-responsive > .table-bordered > tfoot > tr > th:last-child,.table-responsive > .table-bordered > thead > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr > td:last-child,.table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0}.table-responsive > .table-bordered > tbody > tr:last-child > th,.table-responsive > .table-bordered > tfoot > tr:last-child > th,.table-responsive > .table-bordered > tbody > tr:last-child > td,.table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom:0}}.duoEditArea img{height:auto;width:auto}.duoEditArea figure{display:grid}.duoEditArea figure > *{grid-column:1/2;grid-row:1/2}.caption-heading{color:#fff;padding:0 10vw;color:#fff;align-self:center}.caption-heading h2{font-size:clamp(1.7rem,3.5vw,5rem);margin-bottom:0;color:#fff}.caption-heading h3{font-size:clamp(1rem,2.5vw,3rem);line-height:clamp(1rem,2.5vw,3rem)}.caption-dark{background:rgba(0,0,0,0.5);color:#fff;padding:10px;align-self:end}.img-responsive{display:block;max-width:100%}.img-wrap{shape-margin:20px}.img-banner{background:var(--d-primary);grid-template-columns:1.5fr 1fr}.img-banner img{grid-column:1/2;grid-row:1/2;padding:2vw 1vw}.img-banner .caption-heading{grid-column:2/3;grid-row:1/2;padding:4vw 4vw 5vw 3vw;display:flex;flex-direction:column;justify-content:center}.img-banner .caption-heading p{font-size:clamp(1rem,1.5vw,2rem);line-height:clamp(1rem,1.5vw,2rem);line-height:1.2}.img-banner .caption-heading img{padding:0;margin-top:10px}@media only screen and (max-width:600px){.img-banner{grid-template-columns:1fr;grid-template-rows:1fr auto}.img-banner img{grid-column:1/2;grid-row:1/2;padding:20px}.img-banner .caption-heading{grid-column:1/2;grid-row:2/3;padding:30px 40px;min-height:300px;justify-content:flex-start}}duo-slideshow{display:block}duo-slideshow .duoslide.active figcaption{animation:7s ease-out 0s 1 slideswipe}duo-slideshow .duoslide.active figcaption img{opacity:0;animation:7s ease-out 0s 1 fadein}duo-slideshow .duoslide figure{margin-left:auto;margin-right:auto}duo-slideshow .duoslide figure > img{display:block;object-fit:cover}duo-slideshow::part(timer){animation-duration:6s}@-moz-keyframes fadein{15%{transform:translateY(50%);opacity:0}25%{transform:translateX(0);opacity:1}100%{opacity:1}}@-webkit-keyframes fadein{15%{transform:translateY(50%);opacity:0}25%{transform:translateX(0);opacity:1}100%{opacity:1}}@-o-keyframes fadein{15%{transform:translateY(50%);opacity:0}25%{transform:translateX(0);opacity:1}100%{opacity:1}}@keyframes fadein{15%{transform:translateY(50%);opacity:0}25%{transform:translateX(0);opacity:1}100%{opacity:1}}@-moz-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}5%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}20%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@-webkit-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}5%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}20%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@-o-keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}5%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}20%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}@keyframes slideswipe{0%{transform:translateX(50%);color:rgba(255,255,255,0);opacity:0}5%{transform:translateX(0);color:rgba(255,255,255,0);opacity:1}20%{color:#fff;opacity:1}100%{color:#fff;opacity:1}}.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-padding{padding:15px}.columns-padding{gap:20px}/**
* 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}[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;margin-top:1rem}.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:21px;background:#fff;padding:10px 20px;margin:-20px;margin-bottom:-20px;border-radius:5px;cursor:pointer;color:var(--d-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:40%;right:15px;transform-origin:10px 5px;transition:transform .3s;transform:rotate(-90deg)}.duoEditArea details[open] summary{margin-bottom:10px;border-radius:5px 5px 0 0;background:var(--d-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;gap:5px 20px;grid-template-areas:"image heading" "image date" "image description"}.dl_default .item h3{grid-area:heading}.dl_default .item img,.dl_default .item .img-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(320px,1fr));grid-auto-rows:1fr;gap:25px;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{display:block;width:100%;height:250px;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}@media (min-width:700px){.item.big{grid-column:span 2;grid-row:span 2}.item.big img{height:100%}}@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:fill}.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}.dl_blog .item:not(.big) .inner figure > figcaption .tags{margin:8px 0}}@-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)}}.tags{display:inline-flex;flex-wrap:wrap;margin:1em 0}.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}:root{--d-primary:#f14e32;--s-primary:#f14e32;--d-mid:#025f74;--d-secondary:#0388a6;--d-info:#17a2b8;--d-success:#28a745;--d-warning:#ffc107;--d-danger:#dc3545;--d-dark:#024a5b;--s-dark:var(--d-dark);--d-button-margins:4px;--d-default-link:var(--d-primary)}del{text-decoration:none;color:#f00}.primary{color:var(--d-primary)}html{background:var(--d-primary)}body{background:#fff;display:grid;min-height:100vh;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}main{grid-area:main;max-width:100vw}.pull-right{float:right}.pull-left{float:left}
.svelte-135a79r {
box-sizing: border-box
}
.spopover-title.svelte-135a79r{
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
}
.spopover.svelte-135a79r{
position: absolute;
top: 0;
left: 0;
z-index: 1060;
padding: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 0;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
white-space: normal;
}
.spopover-content.svelte-135a79r{
padding: 9px 14px;
}
.pop-backdrop.svelte-135a79r{
position: fixed;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0,0,0,0.01)
}
.duo-toolbar.svelte-pzbjrp{
display:flex;
justify-items: stretch;
margin:0 -8px;
}
.duo-toolbar.svelte-pzbjrp > *{
flex:1;
margin:0 5px;
}
.btn-group.svelte-79d5qk{
padding:5px 0;
--s-button-margins:0px;
}
.toolbar.svelte-79d5qk{
padding:0px 5px 0px 5px;
display:flex;
justify-content: space-between;
}
.btn-group.svelte-79d5qk > *{
margin:0;
}
.crudlist.svelte-79d5qk{
display:flex;
flex-direction: column;
height:100%;
min-height:200px;/* prevent grid locking with 0 height */
}
.gridarea.svelte-79d5qk{
flex: 1;
overflow: auto;
}
h1.svelte-gmcv81{
background:var(--d-mid);
color:white;
font-size:18px;
padding:10px 15px;
margin:0;
}
.panel.svelte-gmcv81{
margin:10px;
background:white;
height:calc(100% - 20px);
}
.inner.svelte-gmcv81{
height:100%;
}
.notice-card.svelte-1jkoco1{
display:flex;
align-items: center;
justify-content: space-evenly;
position: relative;
border:1px solid var(--d-primary);
border-radius:5px;
isolation: isolate;
}
.notice-card.svelte-1jkoco1:before{
content:"";
background:var(--d-primary);
inset:0;
position:absolute;
opacity:0.1;
border-radius:5px;
z-index:-1;
}
.notice-card.svelte-1jkoco1 .message:where(.svelte-1jkoco1){
padding:15px;
flex:1;
}
.icon.svelte-1jkoco1{
font-size:20vw;
padding:20px;
display:flex;
place-content:center;
flex:1;
color:var(--d-primary);
}
.d-icon.svelte-1w8cgjw{
height:1em;
display: inline-flex;
align-self: center;
position:relative;
top:0.15em;
-webkit-font-smoothing:antialiased;
}
.d-icon.svelte-1w8cgjw svg{
height:100%;
shape-rendering: geometricPrecision;
}
form.svelte-16zzh05{
--s-labelwidth:100px;
}
.scene.svelte-c7p5cq{
perspective: 1000px;
}
.scene.svelte-c7p5cq [slot]{
height:100%;
}
.card.svelte-c7p5cq{
width: 100%;
height: 100%;
position: relative;
transition: transform 1s;
transform-style: preserve-3d;
}
.face.svelte-c7p5cq{
position: absolute;
height: 100%;
width: 100%;
backface-visibility: hidden;
}
.back.svelte-c7p5cq{
transform: rotateY( 180deg );
pointer-events: none;
}
.flipped.svelte-c7p5cq{
transform: rotateY(180deg);
}
.flipped.svelte-c7p5cq .back:where(.svelte-c7p5cq){
pointer-events: all;
}
.flipped.svelte-c7p5cq .front:where(.svelte-c7p5cq){
pointer-events: none;
}
.providers.svelte-fxe1g5{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr) );
grid-auto-rows: 190px;
gap:20px;
}
.provider.svelte-fxe1g5{
all:unset;
cursor:pointer;
width:100%;
height:100%;
display:grid;
grid-template-rows:1fr auto auto;
text-align:center;
position: relative;
isolation: isolate;
border:4px solid var(--pale);
scale:100%;
transition: scale 0.2s;
}
.provider.add.svelte-fxe1g5{
border:4px solid var(--pale);
}
.provider.add.svelte-fxe1g5 .icon:where(.svelte-fxe1g5){
color:var(--d-primary);
font-size:6em;
}
.provider.add.svelte-fxe1g5 p:where(.svelte-fxe1g5){
color:white;
font-size:14px;
background:var(--d-primary);
padding:10px 0px;
margin:0;
}
.provider.add.svelte-fxe1g5:before{
background-color:var(--d-primary);
}
.provider.svelte-fxe1g5:hover:before{
opacity:0.3;
}
.provider.svelte-fxe1g5:hover{
scale:102%;
}
.provider.svelte-fxe1g5 img:where(.svelte-fxe1g5){
display:block;
width:70%;
max-height:40px;
margin:20px auto 10px auto;
}
.provider.svelte-fxe1g5 h3:where(.svelte-fxe1g5){
font-size:18px;
}
.statbox.svelte-fxe1g5{
margin-top:20px;
background-color:var(--d-secondary);
display:grid;
grid-template-columns: 1fr 1fr 1fr;
color:white;
}
.statbox.svelte-fxe1g5 > :where(.svelte-fxe1g5) {
padding:10px 0px;
}
.options.svelte-fxe1g5{
height:100%;
display:flex;
flex-direction: column;
justify-content: space-between;
background-color:var(--d-secondary);
--s-labelwidth:80px;
padding:10px;
color:white;
border:4px solid var(--pale);
}
.options.svelte-fxe1g5 .form-row.checkrow{
margin:0;
}
.toolbar.svelte-fxe1g5{
display: flex;
}
.toolbar.svelte-fxe1g5 .spacer:where(.svelte-fxe1g5){
flex:1
}
.activity.svelte-1vyu20d{
height:calc(100% - 80px);
--duo-border:0px;
}
.activity.svelte-1vyu20d .gridrow{
max-width:100%;
}
.toolbar.svelte-1vyu20d{
display:flex;
}
.loader.svelte-1t7ienp{
margin:30px 0 10px 0;
display:block;
}
.record.svelte-1t7ienp{
display:flex;
flex-wrap:wrap;
margin-top:20px;
}
.record.svelte-1t7ienp div:nth-child(1){ flex:3 }
.record.svelte-1t7ienp div:nth-child(2){ flex:1 }
.record.svelte-1t7ienp div:nth-child(3){ flex:1 }
.record.svelte-1t7ienp div:nth-child(4){ flex:5 1 500px }
.toolbar.svelte-1t7ienp{
display:flex;
justify-content:flex-end;
}
.value.svelte-1t7ienp{
width:100%;
border:1px solid #ccc;
color:#555;
box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);
padding:4px 8px 5px 8px;
}
.mx.svelte-1t7ienp{
display:grid;
grid-template-columns: 1fr 100px;
}
.srv.svelte-1t7ienp{
display:grid;
grid-template-columns: 1fr 70px 70px 70px;
}
.gridwrap.svelte-h8zond{
overflow: hidden;
margin:-5px -5px -20px -5px;
}
.grid.svelte-h8zond{
height:400px;
transition: margin-top 0.5s, height 0.5s;
}
.grid.svelte-h8zond .gridarea{
border:1px solid var(--d-mid);
}
.grid.svelte-h8zond .toolbar{
padding:5px 0px 5px 0px;
}
.editing.svelte-h8zond{
margin-top:-50px;
height:300px
}
/* .gridwrap .grid div[slot="tools"]{
display:block;
} */
.domainlist.svelte-1sdle4a{
height:calc(100% - 40px);
}
.dotbox.svelte-1up6v3{
height:100%;
display:grid;
align-items:center;
padding-inline:20px;
}
.circle.svelte-1up6v3{
width:12px;
height:12px;
border-radius:200px;
display:inline-block;
}
.circle.notdeployed.svelte-1up6v3{
border:1px solid #aaa;
}
.circle.running.svelte-1up6v3{
background-color:var(--d-success);
}
.circle.stopped.svelte-1up6v3{
background-color:rgba(0,0,0,0.3);
}
.circle.error.svelte-1up6v3{
background-color:rgba(200,0,0);
}
div.svelte-1tmm7ki > .sprogress .sbar{
height:15px;
font-size:10px;
line-height:15px;
box-shadow:0 0 2px rgba(255,255,255,1)
}
.stats.svelte-13gu8l6 meter:where(.svelte-13gu8l6){
--meteroutline:rgba(255,255,255,0.5);
flex:1;
width:100%;
filter:drop-shadow(0 -1px 0 var(--meteroutline)) drop-shadow(1px 0 0 var(--meteroutline)) drop-shadow(0 1px 0 var(--meteroutline)) drop-shadow(-1px 0 0 var(--meteroutline));
}
.stats.svelte-13gu8l6 meter:where(.svelte-13gu8l6)::-webkit-meter-optimum-value, meter.svelte-13gu8l6::-webkit-meter-suboptimum-value, meter.svelte-13gu8l6::-webkit-meter-even-less-good-value {
transition: .3s width;
}
.stats.svelte-13gu8l6 meter:where(.svelte-13gu8l6)::-webkit-meter-bar{
border:0px;
background:white;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)
}
.stats.svelte-13gu8l6 meter:where(.svelte-13gu8l6)::-webkit-meter-optimum-value{
background:var(--d-success);
}
.stats.svelte-13gu8l6{
font-size:11px;
}
.stats.svelte-13gu8l6 label:where(.svelte-13gu8l6){
display:flex;
margin:0 20px 0 0;
gap:5px;
}
.stats.svelte-13gu8l6 label:where(.svelte-13gu8l6) div:where(.svelte-13gu8l6){
text-align:right;
width:30px;
}
.serverlist.svelte-uvykje{
height:calc(100% - 40px);
}
.serverlist.svelte-uvykje .gridrow{
max-width:100%;
}
dl.svelte-ensqgk{
max-width:100%;
margin:15px;
display:grid;
grid-template-columns:120px 1fr;
gap:15px;
}
dt.svelte-ensqgk,dd.svelte-ensqgk{
margin:0;
}
dt.svelte-ensqgk{
text-align:right
}
.plugins.svelte-ensqgk{
padding:0;
margin:0;
list-style: none;
}
.plugins.svelte-ensqgk li:where(.svelte-ensqgk){
margin-bottom:8px
}
.pluginlist.svelte-ensqgk{
--s-labelwidth:-5px;
display:grid;
grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
}
.pluginlist.svelte-ensqgk .form-row{
margin:0;
}
@media screen and (max-width: 768px) {
dl.svelte-ensqgk{
display:block;
margin:0;
}
dt.svelte-ensqgk{
text-align:left;
gap:0px;
}
dd.svelte-ensqgk{
margin-bottom:10px;
}
.plugins.svelte-ensqgk li:where(.svelte-ensqgk){
margin:2px 0;
}
}
.chart.svelte-puqeiy{
flex:1;
margin:10px;
display:flex;
flex-direction: column;
height:400px;
}
.chart.svelte-puqeiy > div{
flex:1;
}
.toolbar.svelte-45vh96{
display:flex;
justify-content: flex-end;
}
.toolbar.svelte-1auvj0l{
display:flex;
justify-content: flex-end;
}
.addserver.svelte-1auvj0l .salert{
margin-inline:161px 5px;
}
.filters.svelte-1auvj0l{
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap:5px;
}
.filters.svelte-1auvj0l > .form-row{
margin:0;
}
/*
.plugins{
padding:0;
margin:0;
list-style: none;
}
.plugins li{
margin-bottom:8px
} */
.pluginlist.svelte-1auvj0l{
--s-labelwidth:-5px;
display:grid;
grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
}
.pluginlist.svelte-1auvj0l .form-row{
margin:0;
}
.inviteform.svelte-1qnho8f .form-row{
margin:5px 0;
}
.userlist.svelte-1qnho8f{
height:300px;
}
[slot=row].svelte-1qnho8f .cell:has(button){
--s-button-margins:0px;
padding:2px 5px;
}
.activity.svelte-1dpwzjt{
height:500px;
}
.logs.svelte-q1yfa{
white-space: pre-line;
background: var(--d-dark);
color: white;
font-size: 12px;
height: 400px;
overflow: auto;
padding:10px;
}
.removepanel.svelte-jicbzm{
display:flex;
gap:10px;
flex-direction:row;
}
.removepanel.svelte-jicbzm > *{
flex:1;
}
.servicelist.svelte-1jzharn{
height:calc(100% - 40px);
}
.toolbar.svelte-1o1lls1{
margin:30px 0px 0 0;
display:flex;
gap:4px;
--s-button-margins:0px;
justify-content: center;
}
dl.svelte-1o1lls1{
max-width:100%;
margin:15px;
display:grid;
grid-template-columns:120px 1fr;
gap:15px;
}
dt.svelte-1o1lls1,dd.svelte-1o1lls1{
margin:0;
overflow-wrap: anywhere;
}
dt.svelte-1o1lls1{
text-align:right
}
@media screen and (max-width: 768px) {
dl.svelte-1o1lls1{
grid-template-columns:1fr;
}
dt.svelte-1o1lls1{
text-align:left;
gap:0px;
}
}
.chart.svelte-puqeiy{
flex:1;
margin:10px;
display:flex;
flex-direction: column;
height:400px;
}
.chart.svelte-puqeiy > div{
flex:1;
}
.activity.svelte-1mczgxl{
height:500px;
}
.toolbar.svelte-3t9u2n{
display:flex;
justify-content: flex-end;
}
.addservice.svelte-3t9u2n .salert{
margin-inline:161px 5px;
}
.logs.svelte-q1yfa{
white-space: pre-line;
background: var(--d-dark);
color: white;
font-size: 12px;
height: 400px;
overflow: auto;
padding:10px;
}
.applist.svelte-13q98gs{
height:calc(100% - 40px);
}
[slot=tools].svelte-13q98gs .form-row{
display:inline-flex;
margin:2px 0 0 0;
transform:translateY(1px); /* hack to align */
}
dl.svelte-1p3quzs{
max-width:100%;
margin:15px;
display:grid;
grid-template-columns:120px 1fr;
gap:15px;
}
dt.svelte-1p3quzs,dd.svelte-1p3quzs{
margin:0;
overflow-wrap: anywhere;
}
dt.svelte-1p3quzs{
text-align:right
}
@media screen and (max-width: 768px) {
dl.svelte-1p3quzs{
grid-template-columns:1fr;
}
dt.svelte-1p3quzs{
text-align:left;
gap:5px;
}
}
.toolbar.svelte-1p3quzs{
margin:30px 0px 0 0;
display:flex;
flex-wrap: wrap;
gap:5px;
--s-button-margins:0px;
justify-content: center;
}
.toolbar.svelte-1b85nrs{
display:flex;
}
.spacer.svelte-1b85nrs{
flex:1
}
.services.svelte-1oz1b0z{
display:grid;
gap:10px 0;
grid-template-columns:auto 1fr auto;
grid-auto-rows: 46px;
align-items: stretch;
margin-bottom:5px;
}
.services.svelte-1oz1b0z :where(.type:where(.svelte-1oz1b0z),.name:where(.svelte-1oz1b0z),.tools:where(.svelte-1oz1b0z)){
display:flex;
align-items: center;
padding:0 10px;
border:1px solid var(--d-secondary);
}
.services.svelte-1oz1b0z .tools:where(.svelte-1oz1b0z){
justify-content: flex-end
}
.backupshow.svelte-1oz1b0z{
font-size:12px;
line-height:10px;
display:inline-block;
overflow:hidden;
max-width:0;
transition: max-width 0.2s;
}
.services.svelte-1oz1b0z button.success:hover .backupshow{
padding-left:5px;
max-width:100px
}
.type.svelte-1oz1b0z{
position: relative;
isolation: isolate;
border-width:1px 0 1px 1px;
padding-right:40px;
min-width:90px;
}
.type.svelte-1oz1b0z > select:where(.svelte-1oz1b0z),.name.svelte-1oz1b0z > input:where(.svelte-1oz1b0z){
position:absolute;
inset:0;
border:0px;
padding:10px;
}
.name.svelte-1oz1b0z{
position: relative;
border-width:1px 0;
font-size:12px;
}
.name.svelte-1oz1b0z>div:where(.svelte-1oz1b0z){
white-space: nowrap;
}
.type.svelte-1oz1b0z:after{
content:"";
position: absolute;
inset: 0;
opacity:0.1;
background-color: var(--d-secondary);
z-index:-1;
}
.tools.svelte-1oz1b0z{
display:flex;
gap:2px;
--s-button-margins:0px;
border-width:1px 1px 1px 0;
padding-right:5px;
}
.toolbar.svelte-1oz1b0z{
display:flex;
gap:5px;
padding:5px 0;
justify-content: flex-start;
--s-button-margins:0px;
}
button[disabled].svelte-1oz1b0z{
opacity:0.5;
cursor:not-allowed;
}
@media screen and (max-width: 768px) {
.services.svelte-1oz1b0z{
max-width:100%;
}
.services.svelte-1oz1b0z .type:where(.svelte-1oz1b0z){
padding:5px;
min-width:auto;
font-size:12px;
}
.services.svelte-1oz1b0z .name:where(.svelte-1oz1b0z){
overflow:auto;
}
.services.svelte-1oz1b0z .tools:where(.svelte-1oz1b0z) .dropdown-menu{
right:0;
left:auto;
}
}
.activity.svelte-1mczgxl{
height:500px;
}
h4.svelte-13c8be5{
font-size:16px;
}
pre.svelte-13c8be5{
font-size:12px;
background:var(--d-dark);
color:white;
padding:10px;
margin:0 0 20px 0;
}
.toolbar.svelte-3t9u2n{
display:flex;
justify-content: flex-end;
}
.addservice.svelte-3t9u2n .salert{
margin-inline:161px 5px;
}
div.cardfront.svelte-v0x73u .notice-card .icon{
padding:0;
flex:0 0 100px;
}
.keys.svelte-v0x73u{
color:var(--d-primary);
font-size:10rem;
}
form.svelte-v0x73u{
--s-labelwidth:100px;
}
.toolbar.svelte-v0x73u{
display:flex;
justify-content: flex-end;
}
.keylist.svelte-v0x73u{
list-style: none;
margin:0;
padding:0;
border-top:3px solid var(--pale)
}
.keylist.svelte-v0x73u li:where(.svelte-v0x73u),.username.svelte-v0x73u{
display: flex;
align-items: center;
justify-content: space-between;
padding:4px 0px 4px 8px;
border-bottom:3px solid var(--pale)
}
.username.svelte-v0x73u{
border-top:3px solid var(--pale);
margin-bottom:20px;
}
.sshusername.svelte-v0x73u{
min-height:100px;
}
.panel.svelte-1815oco{
display:grid;
padding:10px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr) );
gap:10px;
position: relative;
isolation: isolate;
height:calc(100% - 40px);
background:var(--pale);
}
.subpanel.svelte-1815oco{
padding:10px 15px;
background:white;
min-height:550px;
}
.subpanel.svelte-1815oco h4{
color:var(--d-secondary);
margin:5px 0 10px 0;
font-size:1.25rem;
max-width:100%;
}
dl.svelte-1815oco{
max-width:100%;
margin:15px;
display:grid;
grid-template-columns:100px 1fr;
gap:15px;
}
dt.svelte-1815oco,dd.svelte-1815oco{
margin:0;
}
dt.svelte-1815oco{
text-align:right
}
form.details.svelte-1815oco{
--s-labelwidth:120px;
}
.toolbar.svelte-1815oco{
margin-left:125px;
display:flex;
gap:5px;
--s-button-margins:0;
}
.pre.svelte-1815oco{
white-space: pre-wrap;
line-height:1.5;
}
.logsgrid.svelte-1815oco{
height:calc(100% - 50px );
min-height:400px;
}
/*hide submit*/
input[type=submit].svelte-l198vh{
line-height:0;
height:0;
overflow:hidden;
padding:0;
border:0;
}
.forgotlink.svelte-l198vh{
display:inline-block;
padding:10px;
}
.activitybar.svelte-10i7fsd, .disconnected.svelte-10i7fsd{
background:var(--d-info);
padding:5px 10px;
color:white;
display:grid;
grid-template-columns: 1fr auto;
grid-auto-flow: column;
align-items:center;
gap:10px;
}
.disconnected.svelte-10i7fsd{
background:var(--d-warning);
min-height:40px;
}
.activitybar.svelte-10i7fsd p:where(.svelte-10i7fsd),.disconnected.svelte-10i7fsd p:where(.svelte-10i7fsd){
margin:0;
font-size:12px;
}
.main-navigation.svelte-17v9k3d{
display:flex;
}
/* Desktop */
@media (min-width:900px){
.main-navigation.svelte-17v9k3d{
margin:0 15px;
}
}
gitpush-app{
display:contents;
--s-border-radius:0px;
--pale:hsl(191 30% 93%);
font-size:14px;
font-weight:400
}
main.svelte-17v9k3d{
background-color:var(--d-secondary);
display:grid;
grid-template-rows: auto 1fr;
padding:10px;
gap:10px;
}
main.svelte-17v9k3d > .panel{
background:white;
margin:0;
height:100%;
}
footer.svelte-17v9k3d{
background-color:var(--d-dark);
display:flex;
padding:10px 25px 30px 25px;
margin-top:0;
border-top:0px;
justify-content: space-between;
color:rgba(255,255,255,0.8)
}
footer.svelte-17v9k3d a:where(.svelte-17v9k3d){
color:white
}
.grid div.gridrow.odd{
background-color:var(--pale);
}
.grid div.gridrow.active{
background-color:var(--d-primary)
}
.grid .gridrow.active a{
color:white;
}
.grid div.headerrow, .grid div.gridfooter{
background:var(--d-mid);
color:white;
height:35px;
}
.gridarea div.grid{
--duo-border:none;
}
.tabs{
border-bottom:1px solid #ddd;
margin-bottom:20px;
}
.tabs a,.tabs button{
display:inline-block;
padding:12px 15px;
text-decoration: none;
color:#444;
background:transparent;
border:0;
cursor: pointer;
}
.tabs a.active,.tabs button.active{
border:1px solid #ddd;
border-bottom:1px solid white;
margin-bottom:-1px;
}
h2{
color:var(--d-primary);
}
code{
word-break: break-all;
}
.inner .crudlist .toolbar,.grid .crudlist .toolbar{
display: flex;
flex-wrap:wrap;
gap:0 5px;
}
.inner .crudlist .toolbar{
padding:5px 10px;
}
.inner .crudlist .toolbar .btn-group .sbtn{
color:var(--d-mid);
}
.crudlist .toolbar .search{
flex:1;
max-width:550px;
min-width:150px;
}
.crudlist .toolbar .btn-group{
display: grid;
/* grid-template-columns: auto auto auto max-content; */
grid-template-columns:auto auto auto auto;
gap:5px;
}
.crudlist .toolbar .search .form-row{
margin:5px 0px;
}
.crudlist .toolbar [slot=tools], .crudlist .toolbar [slot=tools] .form-row{
/* display: contents; */
margin:0;
transform: translateY(0px);
}
.crudlist .toolbar [slot=tools]{
display:flex;
gap:5px;
flex:1;
}
.mainmenu.svelte-17v9k3d button{
border:0;
background:transparent;
cursor:pointer;
color:var(--d-secondary);
display:flex;
align-items:center;
padding-inline:15px;
}
.spacer{
flex:1;
}
@media screen and (max-width: 768px) {
.hidden-sm{
display:none;
}
input,select,textarea{
font-size:16px!important;
}
}
:root{
box-sizing: border-box;
}
.totalline.svelte-1say5i0{
background:#eee;
}
.table.svelte-1say5i0 > thead:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > th:where(.svelte-1say5i0), .table.svelte-1say5i0 > tbody:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0), .table.svelte-1say5i0 > tfoot:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0) {
padding: 8px;
vertical-align: top;
}
.table.svelte-1say5i0 > tbody:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0), .table.svelte-1say5i0 > tfoot:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0) {
border-top: 1px solid #ddd;
}
.table.svelte-1say5i0 > thead:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > th:where(.svelte-1say5i0) {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
th.svelte-1say5i0{
text-align: left;
}
.form-control.svelte-1say5i0{
display: block;
padding: 0.2rem 0.75rem;
line-height: 1.25;
font-size: 1rem;
background-color: #fff;
background-image: none;
border: 1px solid rgba(0,0,0,0.15);
border-radius: var(--d-border-radius,4px);
box-sizing: inherit;
width: calc(100% - 1.5em);
}
table.table.svelte-1say5i0 > tbody:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0) > td:where(.svelte-1say5i0){
vertical-align: middle;
}
button.remove.svelte-1say5i0{
border:0;
padding:10px;
background:transparent;
color:#777;
cursor:pointer;
}
button.remove.svelte-1say5i0:hover{
color:black;
}
.table.svelte-1say5i0{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
.table-striped.svelte-1say5i0 > tbody:where(.svelte-1say5i0) > tr:where(.svelte-1say5i0):nth-of-type(odd) {
background-color: #f9f9f9;
}
.nowrap.svelte-1say5i0{
white-space: nowrap;
}
/*mobile*/
@media(max-width:900px){
.hidden-sm.svelte-1say5i0{
display:none;
}
.table.svelte-1say5i0{
font-size:12px;
}
.table.svelte-1say5i0 .form-control:where(.svelte-1say5i0){
font-size:12px;
padding:0.2em 0.75em;
}
}
.toolbar.svelte-iurb8i{
text-align:right;
}
.gridcols.svelte-iurb8i{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(min(400px,100%), 1fr));
}
.comments.svelte-iurb8i{
display:grid;
gap:5px;
}
form.svelte-iurb8i,.comment.svelte-iurb8i{
padding:10px;
margin-top:10px;
padding:10px;
border-radius:8px;
box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
form.svelte-iurb8i{
margin-bottom:20px;
}
.comment.svelte-iurb8i{
display:grid;
gap:2px;
position: relative;
grid-template-areas:
"content content"
"when author";
}
.content.svelte-iurb8i{
grid-area: content;
border-radius:4px;
padding:10px;
white-space: pre-wrap;
background:#fff;
}
.author.svelte-iurb8i{
padding:0px 10px;
grid-area: author;
text-align:right;
font-size:12px;
}
.when.svelte-iurb8i{
padding:0px 10px;
grid-area: when;
font-size:12px;
}
.tools.svelte-iurb8i{
--s-button-margins:0px;
text-align:right;
}
.edittxt.svelte-iurb8i{
width:calc(100% + 30px);
margin:-15px;
border:0px;
padding:15px;
}
.archive.svelte-pgjew4{
margin-bottom:10px;
}
details.svelte-pgjew4 {
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
padding: 10px;
border-radius: 5px;
background: #fff;
margin-top: 5px;
}
details.svelte-pgjew4 summary:where(.svelte-pgjew4) {
position: relative;
outline: none;
font-size: 16px;
background: #fff;
padding: 10px;
margin: -10px;
margin-bottom: -10px;
border-radius: 5px;
cursor: pointer;
color: var(--d-primary);
transition: background-color 0.5s, margin-bottom 0.5s;
list-style: none;
}
details.svelte-pgjew4 summary:where(.svelte-pgjew4)::-webkit-details-marker {
display: none;
}
details.svelte-pgjew4 summary:where(.svelte-pgjew4):before {
display: block;
content: " ";
border: 5px solid transparent;
border-top-color: currentColor;
width: 0;
height: 0;
position: absolute;
top: 17px;
right: 15px;
transform-origin: 5px 3px;
transition: transform 0.3s;
transform: rotate(-90deg);
}
details[open].svelte-pgjew4 summary:where(.svelte-pgjew4) {
margin-bottom: 10px;
border-radius: 5px 5px 0 0;
background: var(--d-primary);
color: #fff;
z-index: 2;
}
details[open].svelte-pgjew4 summary:where(.svelte-pgjew4):before {
transform: rotate(0deg);
}
details[open].svelte-pgjew4 summary:where(.svelte-pgjew4) ~ :where(.svelte-pgjew4) {
animation: sweep 0.5s ease-in-out;
}
.yearlist.svelte-pgjew4{
list-style:none;
margin:0 -10px;
padding:0;
}
.yearlist.svelte-pgjew4 a:where(.svelte-pgjew4){
display:block;
color:var(--d-primary);
padding:5px 10px;
}
.yearlist.svelte-pgjew4 a:where(.svelte-pgjew4):hover{
text-decoration: none;
background:#eee;
}
li.active.svelte-pgjew4{
font-weight:600;
}
div.form-input.tags.svelte-1y4bzvf{
padding:2px;
display:flex;
flex-wrap: wrap;
gap:2px;
}
.inputwrap.svelte-1y4bzvf{
flex:1;
min-width:50px;
}
.tags-input.svelte-1y4bzvf{
display:block;
width:100%;
height:100%;
font-size:14px;
margin:0;
line-height:20px;
border:0px;
}
div.form-input.svelte-1y4bzvf .sbtn{
margin:2px;
}
.tags-input.svelte-1y4bzvf::-webkit-calendar-picker-indicator {
display: none!important
}
.tags-input.svelte-1y4bzvf:focus{
outline:0px;
}
.tags.svelte-1y4bzvf .remove:where(.svelte-1y4bzvf){
background:transparent;
border:0px;
margin:-5px -8px -5px 0px;
transition:transform 0.2;
color:inherit;
}
.tags.svelte-1y4bzvf .remove:where(.svelte-1y4bzvf):hover{
transform: scale(1.5,1.5);
}
.tags.svelte-1y4bzvf .remove:where(.svelte-1y4bzvf):active,.tags.svelte-1y4bzvf .remove:where(.svelte-1y4bzvf):focus{
outline:none;
box-shadow: none;
}
.tags.svelte-d309in{
margin-bottom:10px;
}
.tagwrap.svelte-d309in{
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
padding: 10px;
border-radius: 5px;
background: #fff;
margin-top: 5px;
}
.svelte-daojam {
box-sizing: border-box
}
.wrapper.svelte-daojam {
display: inline-block;
}
.toolbar.svelte-daojam{
display:flex;
width:100%;
}
.toolbar.svelte-daojam > :where(.svelte-daojam){
margin:0px;
}
.month.svelte-daojam{
text-align-last: right;
}
button.svelte-daojam{
font-size:14px;
padding:6px 9px;
border:0px;
background:white;
}
.toolbar.svelte-daojam > button:where(.svelte-daojam){
width:0px;
padding:6px 9px;
width:15%;
}
select.svelte-daojam{
-webkit-appearance: none;
appearance: none;
font-size:14px;
padding:6px 5px;
border:0px;
background:white;
width:35%;
}
table.svelte-daojam{
table-layout: fixed;
border-collapse: collapse;
margin:5px;
font-size:14px;
}
td.svelte-daojam,th.svelte-daojam{
font-size:14px;
padding:0;
text-align:center;
}
td.svelte-daojam button:where(.svelte-daojam){
display:block;
width:100%;
border:0px;
border-radius:3px;
}
td.svelte-daojam button.today:where(.svelte-daojam){
background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
}
td.svelte-daojam button.active:where(.svelte-daojam){
background:#2299ee;
background:var(--s-primary,#2299ee);
color:white;
}
.times.svelte-1vvg2tr{
flex:1;
display:flex;
flex-direction: column;
min-height:180px;
}
.timeslot.svelte-1vvg2tr {
flex:1;
display:flex;
flex-direction: row;
position:relative;
}
.time.svelte-1vvg2tr{
width:50px;
position:relative;
}
.label.svelte-1vvg2tr{
position:absolute;
top:-50%;
}
.line.svelte-1vvg2tr{
flex:1;
border-top:1px solid #eee;
}
.chosen.svelte-1vvg2tr{
border-right:4px solid var(--d-primary);
}
.usage.svelte-1vvg2tr{
background-image:repeating-linear-gradient(-45deg, #eee, #eee 7px, #fff 7px, #fff 14px);
background-repeat:no-repeat;
height:100%;
}
.toolbar.svelte-wnndqn{
display:flex;
justify-content: flex-end;
align-items: center;
gap:15px;
}
.wrapper.svelte-17f43pm{
padding:10px;
border:1px solid #eee;
margin:0;
}
.content.svelte-17f43pm{
display:flex;
flex-wrap: wrap;
gap:10px;
}
.calcol.svelte-17f43pm{
border:1px solid #eee;
padding:5px 10px;
}
h4.svelte-17f43pm{
background:#f5f5f5;
border-bottom:1px solid #eee;
margin:-10px -10px 10px -10px;
padding:10px 15px;
}
.availcol.svelte-17f43pm{
flex:1;
flex-basis:300px;
display:flex;
flex-direction: column;
padding:10px;
}
h5.svelte-17f43pm{
margin:0;
padding:0px 0 15px 0;
font-size:1em;
}
.bookingcol.svelte-17f43pm{
padding:10px;
flex:1;
flex-basis:300px;
}
.mybookings.svelte-17f43pm{
width:100%;
max-width:100%;
border-collapse: collapse;
}
.mybookings.svelte-17f43pm thead:where(.svelte-17f43pm) td:where(.svelte-17f43pm):first-child{
width:10%;
}
.mybookings.svelte-17f43pm thead:where(.svelte-17f43pm) tr:where(.svelte-17f43pm){
border-bottom:1px solid #ddd;
font-weight: bold;
}
.mybookings.svelte-17f43pm tbody:where(.svelte-17f43pm) tr:where(.svelte-17f43pm):nth-child(odd){
background:#f9f9f9
}
.sbtn.svelte-vp27tm{
border:1px solid #ccc;
position: relative;
box-sizing: border-box;
padding:6px 12px;
background:#fff;
font-size: 14px;
text-decoration: none;
color:#333;
white-space: nowrap;
display: inline-block;
margin:var(--s-button-margins,4px);
text-align: center;
cursor: pointer;
line-height:1.25;
border-radius:var(--s-border-radius,4px);
box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
transition:box-shadow 0.2s;
line-height:20px;
height:34px;
vertical-align: middle;
}
/* .sbtn :global(svg){ height:15px; margin:0 2px; display:inline-block;vertical-align: middle;}
.sbtn.xs :global(svg){ height:10px;width:10px;}
.sbtn.sm :global(svg){ height:12px;width:12px;}
.sbtn.lg :global(svg){ height:21px;width:21px;} */
.sbtn.svelte-vp27tm:disabled{
opacity:0.5;
cursor:not-allowed;
}
.sbtn.svelte-vp27tm:disabled:hover{
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
}
.sbtn.svelte-vp27tm:hover{box-shadow:0 0 4px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.2);}
.sbtn.svelte-vp27tm:focus{outline:0px;box-shadow:0 0 3px rgba(0,0,0,0.5)}
.sbtn.svelte-vp27tm:active{ outline:0px; box-shadow:inset 0 4px 4px rgba(0,0,0,0.2);}
.xs.svelte-vp27tm{font-size:10px; padding:2px 7px;height:21px;line-height:12px;}
.sm.svelte-vp27tm{font-size:12px; padding:0px 10px;height:26px;line-height:16px;}
.lg.svelte-vp27tm{font-size:21px; padding:10px 20px;height:52px;line-height:30px;}
.block.svelte-vp27tm{display:block;width:100%;}
.primary.svelte-vp27tm,.info.svelte-vp27tm,.success.svelte-vp27tm,.warning.svelte-vp27tm,.danger.svelte-vp27tm,.dark.svelte-vp27tm{
color:white;
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
}
.primary.svelte-vp27tm{border-color:#2299ee;background-color:#2299ee; background-color:var(--s-primary,#2299ee);border-color:var(--s-primary,#2299ee)}
.info.svelte-vp27tm{border-color:#17a2b8;background-color:#17a2b8; background-color:var(--s-info,#17a2b8);border-color:var(--s-info,#17a2b8);}
.success.svelte-vp27tm{border-color:#28a745;background-color:#28a745; background-color:var(--s-success,#28a745);border-color:var(--s-success,#28a745);}
.warning.svelte-vp27tm{border-color:#ffc107;background-color:#ffc107; background-color:var(--s-warning,#ffc107);border-color:var(--s-warning,#ffc107);}
.danger.svelte-vp27tm{border-color:#dc3545;background-color:#dc3545; background-color:var(--s-danger,#dc3545);border-color:var(--s-danger,#dc3545);}
.dark.svelte-vp27tm{border-color:#343a40;background-color:#343a40; background-color:var(--s-dark,#343a40);border-color:var(--s-dark,#343a40);}
.buy.svelte-mvntug{
display:flex;
width:180px;
margin:5px;
}
input.svelte-mvntug,button.svelte-mvntug{
padding:8px 10px;
font-size:14px;
border:1px solid var(--s-primary,#444);
}
input.svelte-mvntug{
width:50px;
border-radius:5px 0 0 5px;
text-align: center;
}
button.svelte-mvntug{
flex:100;
background:#2299ee;
background:var(--s-primary,#444);
color:white;
border-radius:0 5px 5px 0;
}
button.svelte-mvntug:hover{
box-shadow: inset 0 0 100px rgba(0,0,0,0.1)
}
/** Below can be overridden per site **/
:root{
--chart-colour1:#FF1616;
--chart-colour2:#FF914D;
--chart-colour3:#FFDE59;
--chart-colour4:#7ED957;
--chart-colour5:#5271FF;
--chart-colour6:#8C52FF;
--chart-colour7:#7F00FF;
--chart-opacity:44;
}
.steps.svelte-fbdy3g{
--s-border-radius: 0px;
--s-button-margins: 0px;
}
.steps.svelte-fbdy3g > button{
flex:1;
width: 100%;
margin-right:-1px;
}
/* desktop */
@media(min-width:900px){
.steps.svelte-fbdy3g{
display: flex;
width: 100%;
margin-right:1px;
}
}
/* mobile */
@media(max-width: 600px){
.addresses.svelte-fbdy3g{
--s-labelwidth:0px;
}
}
.addresses.svelte-fbdy3g{
display:grid;
margin:5px;
grid-template-columns: repeat( auto-fit, minmax(280px, 1fr) );
gap:20px;
}
.cookie-banner.svelte-1bif8bn{
position:fixed;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.8);
padding:25px;
color:white;
display:flex;
flex-wrap:wrap;
font-size:14px;
gap:15px;
font-weight:400;
z-index:1059;
}
.message.svelte-1bif8bn{
flex:1 1 400px;
}
.message.svelte-1bif8bn::slotted{
color:white;
font-weight:400;
}
.options.svelte-1bif8bn{
display:flex;
gap:5px;
align-items: center;
justify-content: center
}
.modal-body.svelte-1bif8bn{
padding:20px;
}
button.svelte-1bif8bn{
background:black;
border:1px solid white;
padding:0.5em 1em;
display:flex;
color:white;
}
.infopanel.svelte-1bif8bn{
max-height:50px;
overflow:hidden;
font-size:14px;
transition:max-height 0.3s;
}
.infopanel.active.svelte-1bif8bn{
max-height:800px;
}
.infopanel.svelte-1bif8bn .infotitle:where(.svelte-1bif8bn){
all:unset;
width:90%;
display:block;
background:#eee;
padding:5px 30px;
border-radius:5px;
position: relative;
cursor:pointer;
}
.infopanel.svelte-1bif8bn .infotitle:where(.svelte-1bif8bn) h4:where(.svelte-1bif8bn){
font-size:16px;
padding:0;
margin:0.5rem 0 0.5rem 0;
}
.infopanel.svelte-1bif8bn .infotitle:where(.svelte-1bif8bn):before{
content:"";
position: absolute;
top: calc(50% - 10px);
left: 5px;
height:20px;
width:20px;
background-image:url('data:image/svg+xml;utf8,');
transition:transform 0.3s;
}
.infopanel.active.svelte-1bif8bn .infotitle:where(.svelte-1bif8bn):before{
transform: rotate(90deg);
}
.infopanel.svelte-1bif8bn h4:is(span,label){
font-size:12px;
text-align:right;
}
.infotools.svelte-1bif8bn{
position: absolute;
right:20px;
top:0px;
display:flex;
gap:10px;
align-items: center;
height:45px;
}
.infotools.svelte-1bif8bn > :where(.svelte-1bif8bn){
margin:0;
}
.panelinner.svelte-1bif8bn{
padding:10px;
}
thead.svelte-1bif8bn{
background:#777;
color:white;
}
.checkbox.svelte-1bif8bn{
display:flex;
}
.checkbox.svelte-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn){
position: relative;
width: 44px;
height: 24px;
margin: 0;
background: #d0d5d2;
-webkit-appearance: none;
border-radius: 50px;
cursor: pointer;
outline: 0;
border: none;
top: 0;
}
.checkbox.svelte-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn):before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 2px;
bottom: 2px;
border-radius: 50%;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
margin: 0;
}
.checkbox.svelte-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn):checked{
background:var(--s-success,#28a745);
}
.checkbox.svelte-1bif8bn input[type=checkbox]:where(.svelte-1bif8bn):checked:before{
transform: translateX(20px);
}
.svelte-1f1sx5l {
white-space: normal;
-webkit-user-modify:read-only;
}
.dropdown.svelte-1f1sx5l{
display:inline-block;
position:relative;
}
.dropdown-menu.svelte-1f1sx5l{
display:block;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background:var(--duo-background,white);
border: 1px solid rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
background-clip: padding-box;
}
.dropdown-menu.right.svelte-1f1sx5l{
right:0;
left:auto;
}
.dropdown-menu.top.svelte-1f1sx5l{
top:auto;
bottom:100%;
}
duo-dropdown [slot="menu"] a,
.dropdown-menu [slot="menu"] a,
.dropdown-menu [slot="menu"] button{
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: currentColor;
white-space: nowrap;
background:var(--duo-background,white);
width:100%;
text-align:left;
border:0px;
font-size:14px;
text-decoration: none;
}
duo-dropdown [slot="menu"] a:hover,
.dropdown-menu [slot="menu"] a:hover,
.dropdown-menu [slot="menu"] button:hover{
text-decoration: none;
color: currentColor;
background-color: color-mix(in srgb, var(--s-primary,#2299ee) 15%, var(--duo-background,white))
}
.pop-backdrop.svelte-1f1sx5l{
position: fixed;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0,0,0,0.01);
z-index:9;
}
duo-card:not(:defined) {
visibility: hidden;
}
duo-icon{
display:inline-block;
line-height:1em;
}
.icon.svelte-ne3wme{
height:1em;
width:1em;
display: inline-flex;
align-self: center;
position:relative;
top:0.15em;
-webkit-font-smoothing:antialiased;
fill:currentcolor;
}
.icon.svelte-ne3wme svg{
width:1em;
height:1em;
}
.no-icon.svelte-ne3wme,.error.svelte-ne3wme{
background:#eee;
height: 1.1em;
width:1.1em;
line-height:1em;
border:1px solid #ccc;
border-radius:10000px;
font-size:1em;
flex:1;
text-align:center;
position:relative;
top:-0.1em;
}
.loading.svelte-ne3wme{
flex:1;
height: 1.1em;
width:1.1em;
border:1px solid #ccc;
}
.menu.svelte-wmplag{
position:relative;
}
.overlay.svelte-wmplag{
position: absolute;
inset:0;
background-image: linear-gradient(45deg, #00000002 25%, #00000009 25%, #00000009 50%, #00000002 50%, #00000002 75%, #00000009 75%, #00000009 100%);
background-size: 56.57px 56.57px;
}
.editarea.svelte-y2q9wj{
box-shadow:0 0 0 1px rgba(255,255,255,0.5),0 0 0 1px rgba(0,0,0,0.5);
padding:0px 10px;
color:rgba(0,0,0,0.3);
text-shadow:0px 0px 1px white;
}
.spagination.svelte-1rw0gy9{
overflow:hidden;/* fix float */
}
.spagination.svelte-1rw0gy9 .sbtn{
margin:0;
border-radius: var(--s-border-radius,0px);
border-right-width:0;
display:block;
float:left;
}
.spagination.svelte-1rw0gy9 .sbtn:first-child{
border-radius: var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
}
.spagination.svelte-1rw0gy9 .sbtn:last-child{
border-radius: 0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
border-right-width:1px;
}
.flipcard.svelte-1xvktdq{
perspective:500px;
transform-origin: center;
display:inline-block;
--speed:0.5s;
height:100%;
}
.cardwrap.svelte-1xvktdq{
transition:transform var(--speed);
display:grid;
transform-style: preserve-3d;
height:100%;
}
.flipx.svelte-1xvktdq{
transform: rotateY(180deg);
}
.flipy.svelte-1xvktdq{
transform: rotateX(180deg);
}
.flipy.flipx.svelte-1xvktdq{
transform: rotate3d(-45,-45,0,180deg)
}
.front.svelte-1xvktdq,.back.svelte-1xvktdq{
background: white;
backface-visibility:hidden;
height:100%;
}
.front.svelte-1xvktdq{
transform:rotateY(0deg);
grid-column:1 / 2;
grid-row:1 / 2;
position: relative;
height:100%;
}
.back.svelte-1xvktdq{
transform:rotate3d(0,1,0,180deg);
transition-delay: calc(var(--speed) / 4);
position: absolute;
inset:0;
overflow:hidden;
}
/* below makes card get bigger if neccessary on back */
.flipy.svelte-1xvktdq .back:where(.svelte-1xvktdq),.flipx.svelte-1xvktdq .back:where(.svelte-1xvktdq){
overflow:visible;
position: static;
grid-column:1 / 2;
grid-row:1 / 2;
}
.flipy.svelte-1xvktdq .back:where(.svelte-1xvktdq){
transform:rotate3d(1,0,0,180deg);
}
.flipy.flipx.svelte-1xvktdq .back:where(.svelte-1xvktdq){
transform: rotate3d(-1,-1,0,180deg);
}
.pagination.svelte-1ghdi24{
--s-primary:var(--d-primary,#ff3e00);
margin-top:10px;
}
.events.svelte-1ghdi24{
display:grid;
grid-template-columns: repeat( auto-fill, minmax(250px, 1fr) );
gap:10px;
container-type: inline-size;
}
.picker.svelte-1ghdi24{
border:1px solid #ccc;
border-radius:5px;
display:grid;
grid-template-rows: 1fr auto;
}
.picker.svelte-1ghdi24 h2:where(.svelte-1ghdi24){
padding:15px;
margin:auto;
font-size:3em;
font-weight:normal;
color:var(--s-primary,var(--d-primary,#ff3e00));
}
.info.svelte-1ghdi24{
text-align:left;
width:100%;
border:1px solid var(--s-primary,var(--d-primary,#ff3e00));
padding:10px 15px 20px 15px;
min-height:100%;
background:var(--s-primary,var(--d-primary,#ff3e00));
border-radius:5px;
cursor:pointer;
transition:scale 0.3s;
color:white;
display:flex;
flex-direction: column;
justify-content: center;
}
.info.svelte-1ghdi24 p:where(.svelte-1ghdi24){
margin:0 0 5px 0;
}
.event.svelte-1ghdi24{
text-align:left;
appearance: none;
width:100%;
background:white;
text-decoration: none;
color:inherit;
box-sizing: border-box;
display:grid;
padding:10px 15px;
min-height:100%;
border:1px solid #ccc;
gap:10px;
grid-template-rows:80px 1fr;
border-radius:5px;
cursor:pointer;
transition:scale 0.3s;
grid-template-areas:
"title"
"date"
"description";
}
.event.svelte-1ghdi24:hover,.info.svelte-1ghdi24:hover{
scale:0.95;
}
.title.svelte-1ghdi24{
align-self: center;
margin:0;
padding:0;
color:var(--s-primary,var(--d-primary,#ff3e00));
grid-area: title;
font-size:1.5em;
text-wrap: balance;
}
.date.svelte-1ghdi24{
grid-area: date;
}
.day.svelte-1ghdi24{
font-size:4.5em;
line-height:0.9em;
}
.day.svelte-1ghdi24 sup:where(.svelte-1ghdi24){
font-size:0.4em;
line-height:1em;
position: relative;
top: -0.5em;
}
.month.svelte-1ghdi24{
font-size:2.5em;
font-weight: normal;
}
.year.svelte-1ghdi24{
font-size:1.5em;
}
.description.svelte-1ghdi24{
grid-area: description;
font-size:0.9em;
}
.info.svelte-1ghdi24 ul:where(.svelte-1ghdi24){
list-style:none;
padding:0;
margin:0;
}
.info.svelte-1ghdi24 ul:where(.svelte-1ghdi24),.info.svelte-1ghdi24 li:where(.svelte-1ghdi24){
font-size:0.8rem;
}
h4.svelte-1ghdi24{
margin:0px 0 0 0;
font-size:1.5em;
}
.dates.svelte-1ghdi24{
margin-top:5px;
}
@container (width< 400px) {
.picker.svelte-1ghdi24 h2:where(.svelte-1ghdi24){
margin:0;
font-size:2em;
}
.event.svelte-1ghdi24 {
padding-top:10px;
gap:5px;
grid-template-rows:1fr min-content;
grid-template-columns:80px 1fr;
grid-template-areas:
"date title"
"date description";
}
.date.svelte-1ghdi24{
display:grid;
font-size:6px;
place-content:center start;
}
.description.svelte-1ghdi24{
margin:0;
}
.info.svelte-1ghdi24{
padding:10px 15px 10px 15px;
}
}
.autocomplete.svelte-1eiqf4y{
width:100%;
position:relative
}
.optionlist.svelte-1eiqf4y{
position:absolute;
left:0;
right:0;
top:35px;
background:white;
box-shadow:0 1px 5px rgba(0,0,0,0.3);
z-index:1001;
max-height:200px;
overflow:auto;
overscroll-behavior: contain;
}
.optionlist.svelte-1eiqf4y > div:where(.svelte-1eiqf4y){
padding:7px 10px;
cursor:pointer;
}
.optionlist.svelte-1eiqf4y > div.active:where(.svelte-1eiqf4y){
background:#eee;
}
.svelte-12amrdr{
box-sizing: border-box;
}
.salert.svelte-12amrdr{
padding:12px 15px;
position:relative;
color:var(--alert-color,#444);
margin:10px 0px;
border-radius:5px;
isolation:isolate;
transition:max-height 0.5s,opacity 0.5s,padding 0.5s,margin-bottom 0.5s,transform 0.5s;
}
.salert.svelte-12amrdr:first-child{
margin-top:0!important
}
.salert.svelte-12amrdr:last-child{
margin-bottom:0!important
}
@supports(background-color:color-mix(in srgb, var(--alert-color) 20%, white)){
.salert.info.svelte-12amrdr{
--alert-color:var(--alert-info,#d9edf7);
}
.salert.warning.svelte-12amrdr{
--alert-color:var(--alert-warning,#ffe69c);
}
.salert.success.svelte-12amrdr{
--alert-color:var(--alert-success,#ccf8e4);
}
.salert.danger.svelte-12amrdr{
--alert-color:var(--alert-danger,#ffd9dd);
}
.salert.dark.svelte-12amrdr{
--alert-color:var(--alert-dark,#ced4da);
}
.salert.svelte-12amrdr{
background:var(--alert-color);
color:color-mix(in lch, var(--alert-color) 0%, lch(40 40 none));
border:1px solid color-mix(in lch, var(--alert-color) 0%, lch(85 20 none));
}
}
.salert.svelte-12amrdr h1,.salert.svelte-12amrdr h2,.salert.svelte-12amrdr h3,.salert.svelte-12amrdr h4,.salert.svelte-12amrdr h5,.salert.svelte-12amrdr h6,.salert.svelte-12amrdr p{
margin:0 0 10px 0;
}
.close.svelte-12amrdr{
background:transparent;
border:0px;
font-size:24px;
font-weight:bold;
position:absolute;
right:0px;
top:0px;
padding:4px 10px;
cursor:pointer;
opacity:0.5
}
.close.svelte-12amrdr:hover{
opacity:1;
}
.hiding.svelte-12amrdr{
overflow:hidden;
max-height:0!important;
opacity:0;
padding:0 15px;
margin-bottom:0;
transform-origin: top;
transform: scale(1,0)
}
/* OLD CSS BELOW - can be removed when color-mix is better supported */
@supports not (background-color:color-mix(in srgb, var(--alert-color) 20%, white)){
.salert.info.svelte-12amrdr{
--alert-color:#055160
}
.salert.warning.svelte-12amrdr{
--alert-color:#664d03
}
.salert.success.svelte-12amrdr{
--alert-color:#0f5132
}
.salert.danger.svelte-12amrdr{
--alert-color:#842029
}
.salert.dark.svelte-12amrdr{
--alert-color:#141619
}
.salert.svelte-12amrdr:after{
content:'';
position:absolute;
inset:0;
background:var(--alert-color,#444);
border-radius:inherit;
filter:brightness(240%) saturate(2) opacity(0.25);
z-index:-1;
}
.salert.svelte-12amrdr:before{
content:'';
position:absolute;
inset:0;
border:1px solid var(--alert-color,#444);
border-radius:inherit;
filter:brightness(200%) saturate(2) opacity(0.2);
z-index:-1;
background:white;
}
}
.alertwrap.svelte-ezpm7c{
margin:5px 0;
}
.alertwrap.svelte-ezpm7c .salert{
padding:0;
--s-formrow-margins:5px;
}
.form-row.vertical.svelte-tv8ll9{
display:flex;
flex-wrap: wrap;
}
.form-row.svelte-tv8ll9{
display:flex;
margin:var(--s-formrow-margins,5px);
box-sizing: border-box;
align-items:flex-start;
align-items: center;
}
.checkrow.svelte-tv8ll9{
align-items:center;
}
.form-row.svelte-tv8ll9 :has(.stars){
align-self: center
}
.form-row.svelte-tv8ll9 :where(.svelte-tv8ll9) {
box-sizing: border-box;
}
.form-row.svelte-tv8ll9 label:where(.svelte-tv8ll9){
text-align:right;
line-height:1.8em;
padding:0 8px 0 0;
}
.form-row.vertical.svelte-tv8ll9 label:where(.svelte-tv8ll9){
text-align:left;
margin:0;
padding:0 0 0 0;
}
.form-row.svelte-tv8ll9 .form-input{
flex:3;
padding:5px 8px;
font-size:14px;
box-sizing: border-box;
}
.slotwrap.svelte-tv8ll9{
flex:3;
}
.form-row.svelte-tv8ll9 .checkboxLabel:where(.svelte-tv8ll9){
padding:0;
margin:2px 3px;
text-align:left;
}
.form-row.svelte-tv8ll9 [slot="suffix"] .sbtn{
border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
margin:0;
}
.form-row.hasSuffix.svelte-tv8ll9 [slot="suffix"] > :not(button),
.form-row.hasPrefix.svelte-tv8ll9 [slot="prefix"] > :not(button){
display:flex;
padding: 6px 12px;
border: 1px solid #ccc;
height:34px;
align-items: center;
box-sizing: border-box;
}
.form-row.hasSuffix.svelte-tv8ll9 [slot="suffix"] > div.dropdown{
padding:0;
border:0;
}
.form-row.hasSuffix.svelte-tv8ll9 [slot="suffix"] > :not(button){
border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
}
.form-row.hasPrefix.svelte-tv8ll9 [slot="prefix"] > :not(button){
border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
}
.form-row.svelte-tv8ll9 [slot="prefix"] .sbtn{
border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
margin:0;
}
.form-row.svelte-tv8ll9 input.form-input,
.form-row.svelte-tv8ll9 select.form-input,
.form-row.svelte-tv8ll9 textarea.form-input,
.form-row.svelte-tv8ll9 div.form-input{
font-weight:normal;
border-radius:var(--s-border-radius,4px);
display: block;
width: 100%;
font-size: 14px;
font-family:inherit;
line-height: 1.428571429;
color: #555;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
margin: 0;
height:34px;
padding: 4px 8px 5px 8px;
}
/* add own dropdown arrow */
.form-row.svelte-tv8ll9 select.form-input{
background: white url("data:image/svg+xml;utf8,") no-repeat right 50%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 4px 25px 5px 8px;
}
.form-row.svelte-tv8ll9 input.form-input[disabled],
.form-row.svelte-tv8ll9 select.form-input[disabled],
.form-row.svelte-tv8ll9 textarea.form-input[disabled],
.form-row.svelte-tv8ll9 div.form-input[disabled]{
color:#999;
background-color:rgba(0,0,0,0.03);
cursor:not-allowed;
}
.form-row.svelte-tv8ll9 .form-input-static{
display:block;
padding: 0 8px;
}
.form-row.svelte-tv8ll9 textarea.form-input,
.form-row.svelte-tv8ll9 div.form-input{
height:auto;
}
.form-row.hasSuffix.svelte-tv8ll9 input.form-input{
border-radius:var(--s-border-radius,4px) 0 0 var(--s-border-radius,4px);
border-right:0px;
}
.form-row.hasPrefix.svelte-tv8ll9 input.form-input{
border-radius:0 var(--s-border-radius,4px) var(--s-border-radius,4px) 0;
border-left:0px;
}
.form-row.hasPrefix.hasSuffix.svelte-tv8ll9 input.form-input{
border-radius:0;
border-left:0px;
border-right:0px;
}
.form-row.svelte-tv8ll9 input[type=range]{
flex:3;
display:block;
}
.form-row.svelte-tv8ll9 input[type=color]{
padding:0;
height:35px;
width:40px;
flex:none;
}
.form-row.svelte-tv8ll9 input[type="checkbox"],.form-row.svelte-tv8ll9 input[type="radio"]{
width:auto;
border:0;
margin: 0px 5px 0 5px;
display:inline-block;
}
.checkboxLabel.svelte-tv8ll9{
padding: 0;
margin: 3px 0;
text-align: left;
}
.note.svelte-tv8ll9{
font-size:0.8em;
margin-left:var(--s-labelwidth);
padding:0 0 8px 0;
}
/* Mobile, put lable on line above */
@media only screen and (max-width: 600px) {
.form-row.svelte-tv8ll9:not(.checkrow){
flex-wrap: wrap;
justify-content: space-between;
}
.form-row.svelte-tv8ll9 .slabel:where(.svelte-tv8ll9){
text-align:left;
margin:0;
width:100%!important;
padding:1px 2px;
}
.note.svelte-tv8ll9{
margin-left:5px;
}
.note.svelte-tv8ll9 a{
color:inherit;
}
}
label.svelte-ldgak1{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.001);
cursor:pointer;
}
input[type=file].svelte-ldgak1{
opacity:0;
position:absolute;
top:0
}
.uploadinput.svelte-1lsesaj{
position:fixed;
top: -100px; /* hidden off screen */
}
.uploadbutton.svelte-1lsesaj{
border:1px solid #ccc;
position: relative;
box-sizing: border-box;
background:#fff;
text-decoration: none;
color:#333;
white-space: nowrap;
display: inline-block;
margin:var(--s-button-margins,4px);
text-align: center;
cursor: pointer;
border-radius:var(--s-border-radius,4px);
box-shadow:0 0 0px rgba(0,0,0,0.5),0 0px 0px rgba(0,0,0,0.1);
transition:box-shadow 0.2s;
vertical-align: middle;
font-size:12px;
padding:0px 10px;
height:26px;
line-height:16px;
}
.uploadbutton.svelte-1lsesaj:hover{
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
cursor:pointer;
}
.uploadbutton.svelte-1lsesaj .d-icon{ top:0.4em;} /* not sure why this is neccessary ?*/
.markdowninput.svelte-1lsesaj{
width:100%;
border:1px solid #ddd;
}
.stabs.svelte-1lsesaj {
text-align:left;
background:#eee;
padding:10px 10px 0 10px;
border-bottom:1px solid #ccc;
position:relative;
}
.stabs.svelte-1lsesaj button:where(.svelte-1lsesaj){
position: relative;
box-sizing: border-box;
padding:7px 12px;
background:#fff;
border:0px;
font-size: 14px;
text-decoration: none;
color:black;
white-space: nowrap;
display: inline-block;
text-align: center;
cursor: pointer;
line-height:1.25;
border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
line-height:18px;
border:1px solid #ccc;
color:rgba(0,0,0,0.7);
margin-bottom:-1px;
}
.stabs.svelte-1lsesaj button.active:where(.svelte-1lsesaj){
color:black;
border:1px solid #ccc;
border-bottom:1px solid white;
}
.stabs.svelte-1lsesaj button:where(.svelte-1lsesaj):active,.stabs.svelte-1lsesaj button:where(.svelte-1lsesaj):focus{
outline:0px;
color:black;
border:2px solid #ccc;
border-bottom:1px solid white;
}
.inputarea.svelte-1lsesaj,.preview.svelte-1lsesaj{
padding:10px;
}
.inputarea.svelte-1lsesaj textarea:where(.svelte-1lsesaj),.cusortrack.svelte-1lsesaj{
font-weight:normal;
border:0px;
font-size:14px;
resize: none;
width:100%;
}
.inputarea.svelte-1lsesaj textarea:where(.svelte-1lsesaj):focus{
outline:0px;
}
.stoolbar.svelte-1lsesaj{
position: absolute;
top:10px;
right:10px;
--s-button-margins:0px;
}
.preview.svelte-1lsesaj img{
max-width:100%;
}
.preview.svelte-1lsesaj .video{
width:100%;
padding-top:56.25%;
position:relative;
}
.preview.svelte-1lsesaj .video iframe{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
border:0;
}
.preview.svelte-1lsesaj > :first-child{
margin-top:0;
}
.cusortrack.svelte-1lsesaj{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
padding:2px;
overflow-wrap:break-word;
white-space:pre-wrap;
z-index:2;
line-height:normal;
font:400 11px system-ui;
font-size:14px;
pointer-events: none;
opacity:0.01;
}
.cusortrack.svelte-1lsesaj .cursor:where(.svelte-1lsesaj){
outline:1px solid black;
}
.emojilist.svelte-1lsesaj{
position:absolute;
top:0;
left:0;
border:1px solid #eee;
padding:1px;
background:white;
z-index:3;
border-radius:2px;
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.emojilist.svelte-1lsesaj > div:where(.svelte-1lsesaj){
padding:5px 8px;
cursor:pointer;
}
.emojilist.svelte-1lsesaj > .active:where(.svelte-1lsesaj){
background:#eee;
}
@media(min-width:800px){
.search.svelte-tdszgr{
width:200px;
position:absolute;
top:0px;
right:0;
}
}
h5.svelte-tdszgr{
cursor:pointer;
font-weight:bold;
}
h5.svelte-tdszgr:hover{
text-decoration:underline;
}
.sbreadcrumb.svelte-g91c0x{
padding:0;
margin:0;
background:white;
border:2px solid #eee;
margin-bottom:20px;
list-style:none;
}
.sbreadcrumb.svelte-g91c0x li:where(.svelte-g91c0x){
margin:0;
display:inline-block;
}
.sbreadcrumb.svelte-g91c0x button:where(.svelte-g91c0x){
border:0px;
padding:6px 12px;
font-size:16px;
line-height:1.5;
cursor:pointer;
color:#555;
background:transparent;
}
.sbreadcrumb.svelte-g91c0x > li:where(.svelte-g91c0x) + li:where(.svelte-g91c0x):before{
content: '/\00a0';
padding: 0 5px;
color: #ccc;
}
.forum.svelte-g91c0x{
position:relative;
}
.forum.svelte-g91c0x .edit{
position:absolute;
bottom:2px;
right:5px;
}
.forum.svelte-g91c0x .edit button{
margin:0
}
.forum.svelte-g91c0x img[alt=icon]{
float:left;
max-width:100px;
margin:0 10px 10px 0;
}
.forum.svelte-g91c0x .preview{
overflow:hidden; /* prevent float on icon cause overlap */
}
.post.svelte-g91c0x{
border:2px solid #eee;
background:white;
padding:10px 15px;
margin:10px 0;
transition:0.5s border;
position: relative;
}
.clickinto.svelte-g91c0x{
cursor:pointer;
}
.post.svelte-g91c0x:hover{
border:2px solid #aaa;
}
.post.svelte-g91c0x:hover .details:where(.svelte-g91c0x){
background:#ddd;
}
.details.svelte-g91c0x,.toolbar.svelte-g91c0x{
background:#eee;
padding:5px 15px;
margin:10px -15px -10px -15px;
font-size:12px;
transition:0.5s background;
}
.toolbar.svelte-g91c0x{
text-align:right;
}
.unpublished.svelte-g91c0x{
position:absolute;
top:5px;
right:5px;
pointer-events: none;
padding:3px 8px;
font-size:12px;
border:1px solid #ddd;
border-radius: 3px;
}
.spinner.svelte-g91c0x{
border:4px solid #444;
border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.3) rgba(0,0,0,0.2) rgba(0,0,0,0.1);
border-radius:50%;
width:18px;
height:18px;
display:inline-block;
animation:svelte-g91c0x-spin 1s infinite linear;
margin-bottom:-4px;
}
@keyframes svelte-g91c0x-spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
button.svelte-15kih3g{
cursor: pointer;
}
.editing.svelte-15kih3g{
display:block;
position:absolute;
inset:0;
outline:1px solid #22aae3;
z-index:2;
pointer-events:none;
}
.label.svelte-15kih3g{
position:absolute;
top:0;
right:0;
background-color: #22aae3;
color:white;
font-size:11px;
padding:2px 4px;
z-index:2;
pointer-events:none;
}
.gallery.svelte-15kih3g{
display:contents;
}
.gallery-backdrop.svelte-15kih3g{
position: fixed;
inset:0px;
background:rgba(0,0,0,0);
transition:0.4s background-color;
overflow-x:scroll;
overflow-y:hidden;
scroll-snap-type: x mandatory;
-ms-overflow-style: none; /* hide scrollbar for Internet Explorer, Edge */
scrollbar-width: none; /* for Firefox */
}
.show.gallery-backdrop.svelte-15kih3g{
background:rgba(0,0,0,0.9);
}
.gallery-backdrop.svelte-15kih3g::-webkit-scrollbar {
display: none; /* for Chrome, Safari, and Opera */
}
.slider.svelte-15kih3g{
display:flex;
height:80vh;
width:auto;
}
.gallery-panel.svelte-15kih3g{
flex:1 0 100vw;
height:100vh;
display:grid;
place-items: center;
scroll-snap-align: start;
}
.gallery-panel.svelte-15kih3g figure,.gallery-panel.svelte-15kih3g img{
display:grid;
box-shadow:0 0 10px rgba(0,0,0,0.5);
transform:scale(0.3);
opacity:0;
transition:0.2s opacity, 0.3s transform;
}
.show.svelte-15kih3g .gallery-panel:where(.svelte-15kih3g) figure,.show.svelte-15kih3g .gallery-panel:where(.svelte-15kih3g) img{
transform:scale(1);
opacity:1;
}
.gallery-panel.svelte-15kih3g figure > *{
grid-column:1 / 2;
grid-row:1 / 2;
}
.gallery-panel.svelte-15kih3g img{
max-height:90vh;
max-width:90vw;
object-fit: contain;
}
.gallery-pager.svelte-15kih3g{
position: fixed;
inset:auto 0 15px 0;
display:flex;
justify-content: center;
gap:5px;
}
.gallery-pager.svelte-15kih3g button:where(.svelte-15kih3g){
all:unset;
width:10px;
height:10px;
background:white;
opacity:0.3;
cursor: pointer;
}
.gallery-pager.svelte-15kih3g button:where(.svelte-15kih3g):hover{
opacity:0.6;
}
.gallery-pager.svelte-15kih3g button.active:where(.svelte-15kih3g){
opacity:1;
}
.close.svelte-15kih3g{
border:0;
background:transparent;
position: fixed;
top:0px;
right:0px;
display:grid;
place-items: center;
width:50px;
height:50px;
font-size:21px;
color:white;
z-index:5;
transition:0.3s background-color;
}
.close.svelte-15kih3g:hover{
background: rgba(0,0,0,0.5);
}
.gallery-controls.svelte-15kih3g{
z-index:10;
}
.gallery-controls.svelte-15kih3g .next:where(.svelte-15kih3g), .gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g){
all:unset;
position: fixed;
display: block;
inset:50% 0 auto auto;
height:50px;
width:50px;
background: rgba(0,0,0,0);
transition:0.3s background-color;
z-index:10;
}
.gallery-controls.svelte-15kih3g .next:where(.svelte-15kih3g):hover, .gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g):hover{
background: rgba(0,0,0,0.5);
color: #fff;
}
.gallery-controls.svelte-15kih3g .next:where(.svelte-15kih3g):before, .gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g):before{
content:'';
position: absolute;
top: calc(50% - 15px);
left: 10px;
height:30px;
width:30px;
background-image:url('data:image/svg+xml;utf8,')
}
.gallery-controls.svelte-15kih3g .prev:where(.svelte-15kih3g){
right: auto;
left: 0;
transform:scaleX(-1)
}
.map.svelte-14nsisa {
width: 100%;
height: 100%;
min-height:100px;
}
/* below hack to fix tripple icons in shadow mode - taken from https://stackoverflow.com/questions/53849251/google-maps-api-showing-fullscreen-and-zoom-icons-3-times-in-each-button/54761069 */
.gm-control-active > img {
box-sizing: content-box;
display: none;
left: 50%;
pointer-events: none;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
}
.gm-control-active > img:nth-child(1) {
display:block;
}
.gm-control-active:hover > img:nth-child(1),
.gm-control-active:active > img:nth-child(1) {
display:none;
}
.gm-control-active:hover > img:nth-child(2),
.gm-control-active:active > img:nth-child(3) {
display:block;
}
.d-icon.svelte-1w8cgjw{
height:1em;
display: inline-flex;
align-self: center;
position:relative;
top:0.15em;
-webkit-font-smoothing:antialiased;
}
.d-icon.svelte-1w8cgjw svg{
height:100%;
shape-rendering: geometricPrecision;
}
.virtual-viewport.svelte-1np9wmt {
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling:touch;
display: block;
min-height:20px;
}
.virtual-contents.svelte-1np9wmt, .virtual-row.svelte-1np9wmt {
display: block;
}
/* removed so we could show re-order bar better */
/* virtual-row {
overflow: hidden;
} */
.svelte-15jcyas {
box-sizing: border-box;
}
.grid.svelte-15jcyas{
height:100%;
min-height:100px;
display:flex;
flex-direction: column;
border:var(--duo-border,1px solid #ccc);
}
.rows.svelte-15jcyas{
flex:1;
height:calc(100% - 70px);
cursor:pointer;
position:relative;
overflow:hidden;
}
.headerrow.svelte-15jcyas,.gridrow.svelte-15jcyas,.virtual-row .gridrow [slot="row"]{
display:flex;
flex-direction: row;
justify-content: space-evenly;
position:relative;
}
.virtual-row .gridrow [slot="row"]{
flex:1
}
.headerrow.svelte-15jcyas,.gridfooter.svelte-15jcyas{
border:var(--duo-border,1px solid #ccc);
border-width:0 0 1px 0;
background:var(--duo-gridhead,linear-gradient(to bottom, #fff 0, #eee 100%));
}
.gridfooter.svelte-15jcyas{
border-width:1px 0 0 0;
padding:7px;
font-size:0.9em;
height:30px;
}
.header.svelte-15jcyas{
padding:7px;
font-size:0.9em;
font-weight: bold;
cursor:pointer;
}
.gridrow.svelte-15jcyas .cell{
padding:7px;
font-size:0.9em;
overflow:hidden;
white-space: nowrap;
width: 0; /** fixes column expansion bug **/
}
/* :global([slot="row"]){
display:contents;
} */
.gridrow.svelte-15jcyas{
background:var(--duo-background,white);
}
.gridrow.odd.svelte-15jcyas{
background:var(--duo-oddrow,#f3f3f3);
}
.gridrow.active.svelte-15jcyas{
background-color:var(--s-primary,#2299ee);
color:white;
}
.arrow.flip.svelte-15jcyas{
transform:rotate(180deg) scaleX(-1);
display:inline-block;
}
.dragover_top.svelte-15jcyas,.dragover_bottom.svelte-15jcyas{
background-color:rgba(0,0,0,0);
position:absolute;
left:0;
right:0;
height:15px;
z-index:100;
}
.dragover_top.svelte-15jcyas{
top:-2px;
}
.dragover_bottom.svelte-15jcyas{
bottom:-2px;
}
.dragover_top.svelte-15jcyas.hover{
border-top:4px solid #22aae3;
}
.dragover_bottom.svelte-15jcyas.hover{
border-bottom:4px solid #22aae3;
}
.toolbar.svelte-amapgt{
border-top:1px solid #eee;
padding-top:10px;
margin-top:20px;
}
.forgotlink.svelte-amapgt{
display:inline-block;
padding:10px;
}
:host{
display:block;
}
.smodal.svelte-f9gyva{
display:block;
position:static;
background:white;
z-index:1000;
padding:15px;
border-radius:var(--s-border-radius,4px);
box-shadow:0 3px 10px rgba(0,0,0,0.5);
transition:transform 0.5s;
transform:scale3d(1,1,1);
height: auto;
max-width:100%;
min-width:300px;
align-self: flex-start;
}
.backdrop.svelte-f9gyva{
position:fixed;
background-color:rgba(0,0,0,0.4);
padding:20px;
top:0;
left:0;
right:0;
bottom:0;
transition:background-color 0.5s;
z-index:999;
display:flex;
align-content:start;
overflow:auto;
align-items: start;
justify-content: center;
}
.heading.svelte-f9gyva h3:where(.svelte-f9gyva){
margin:3px 0;
font-size:21px;
font-weight:normal;
}
.heading.svelte-f9gyva{
border-radius:var(--s-border-radius,4px) var(--s-border-radius,4px) 0 0;
padding:10px 15px 10px 15px;;
margin:-15px;
margin-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.close.svelte-f9gyva{
background:transparent;
border:0px;
font-size:24px;
font-weight:bold;
position:absolute;
right:0px;
top:0px;
padding:7px 15px;
cursor:pointer;
opacity:0.5
}
.close.svelte-f9gyva:hover{
opacity:1;
}
.modaltoolbar.svelte-f9gyva{
border-top:1px solid #eee;
padding:10px 10px 0px 10px;
margin:20px -15px 0 -15px;
}
.modaltoolbar.svelte-f9gyva:blank{
display:none;
}
.popup.svelte-lplnhq{
padding:6px 10px;
border:1px dotted #444;
background:rgba(255,255,255,0.5);
color:#444;
transition: 0.2s all;
cursor:pointer;
display:inline-block;
}
.popup.svelte-lplnhq:hover{
background:#eee;
}
.popup.svelte-lplnhq button:where(.svelte-lplnhq){
margin:-7px -10px -7px 5px;
display:inline-block;
cursor:pointer;
height:100%;
border:0px;
height:30px;
width:30px;
background:#ddd;
}
.popup.svelte-lplnhq button:where(.svelte-lplnhq):hover{
background:#ccc;
}
.backdrop.svelte-lplnhq{
position:fixed;
background-color:rgba(0,0,0,0.3);
top:0;
left:0;
right:0;
bottom:0;
transition:background-color 0.5s;
z-index:999;
display:grid;
overflow:auto;
place-items:center;
opacity:1;
transition: 0.3s opacity;
}
.backdrop.hide.svelte-lplnhq{
opacity: 0;
}
.dialog.svelte-lplnhq{
max-width:80%;
min-width:min(90%,300px);
margin:0 auto;
border:0;
box-shadow:0 2px 5px rgba(0,0,0,0.5);
padding:25px;
position:relative;
background:white;
}
.dialog.svelte-lplnhq {
animation: svelte-lplnhq-show 0.3s ease normal;
}
@keyframes svelte-lplnhq-show{
from {
transform: scale(0.3,0.3);
opacity:0;
}
to {
transform: scale(1,1);
opacity:1;
}
}
.hide.svelte-lplnhq .dialog:where(.svelte-lplnhq) {
animation: svelte-lplnhq-hide 0.3s ease normal;
}
@keyframes svelte-lplnhq-hide{
to {
transform: scale(0.1,0.1);
opacity:0;
box-shadow:0 2px 5px rgba(0,0,0,0.5),0 0 0 100vw rgba(0, 0, 0, 0);
}
}
.close.svelte-lplnhq{
position:absolute;
top:0;
right:0;
background:transparent;
border:0;
color:#999;
opacity:0.8;
padding:8px 14px;
font-size:21px;
z-index:10;
cursor: pointer;
}
.close.svelte-lplnhq:hover{
opacity:1;
}
.portal{
z-index:2000;
position: fixed;
padding:none;
}
.sprogress.svelte-mgze0j{
min-height:10px;
background:rgba(0,0,0,0.03);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
border-radius:4px;
border-radius:var(--s-border-radius,4px);
}
.sbar.svelte-mgze0j{
border-radius:4px;
border-radius:var(--s-border-radius,4px);
transition:0.5s width;
font-size:11px;
line-height:18px;
height:18px;
text-align:center;
}
.primary.svelte-mgze0j,.info.svelte-mgze0j,.success.svelte-mgze0j,.warning.svelte-mgze0j,.danger.svelte-mgze0j,.dark.svelte-mgze0j{
color:white;
box-shadow:0 0 2px rgba(0,0,0,0.1),0 0px 0px rgba(0,0,0,0.1);
}
.primary.svelte-mgze0j{background-color:#2299ee; background-color:var(--s-primary,#2299ee)}
.info.svelte-mgze0j{background-color:#17a2b8; background-color:var(--s-info,#17a2b8)}
.success.svelte-mgze0j{background-color:#28a745; background-color:var(--s-success,#28a745)}
.warning.svelte-mgze0j{background-color:#ffc107; background-color:var(--s-warning,#ffc107)}
.danger.svelte-mgze0j{background-color:#dc3545; background-color:var(--s-danger,#dc3545)}
.dark.svelte-mgze0j{background-color:#343a40; background-color:var(--s-dark,#343a40)}
.strengthrow.svelte-1gxzcmc{
margin:0 5px 0 170px;
--s-button-margins:0px;
}
@media only screen and (max-width: 600px) {
.strengthrow.svelte-1gxzcmc{
margin:0 5px 0 5px;
}
}
duo-slideshow > .duoslide{ /* direct descendant of this tag */
display: block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity: 0;
transition: 0.5s transform, 0.5s opacity;
transition-delay: 0.5s;
}
duo-slideshow > .duoslide.active{
opacity: 1;
position: relative;
margin-top:0;
z-index: 1;
transition-delay: 0s;
}
.timer.svelte-jny0qg{
position:absolute;
bottom:0;
left:0;
height:5px;
width:100%;
background:white;
opacity:0.3;
transform-origin: top left;
animation:4s linear 1 svelte-jny0qg-fill;
z-index:10;
}
@keyframes svelte-jny0qg-fill{
0%{
transform:scaleX(0);
}
100%{
transform:scaleX(1);
}
}
.duo-slideshow.svelte-jny0qg{
position: relative;
display:block;
}
.controls.svelte-jny0qg{
z-index:10;
}
.controls.svelte-jny0qg .next:where(.svelte-jny0qg),
.controls.svelte-jny0qg .prev:where(.svelte-jny0qg){
all:unset;
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
transition: 0.5s all;
color: rgba(255,255,255,0.8);
background: rgba(0,0,0,0);
padding: 18% 20px;
font-size: 30px;
line-height: 100%;
z-index: 2;
cursor:pointer
}
.controls.svelte-jny0qg .next:where(.svelte-jny0qg):hover,
.controls.svelte-jny0qg .prev:where(.svelte-jny0qg):hover{
background: rgba(0,0,0,0.5);
color: #fff;
}
.controls.svelte-jny0qg .next:where(.svelte-jny0qg):before,
.controls.svelte-jny0qg .prev:where(.svelte-jny0qg):before{
content:'';
position: absolute;
top: calc(50% - 20px);
left: 10px;
height:30px;
width:30px;
background-image:url('data:image/svg+xml;utf8,')
}
.controls.svelte-jny0qg .prev:where(.svelte-jny0qg){
right: auto;
left: 0;
transform:scaleX(-1)
}
.controls.svelte-jny0qg .pager:where(.svelte-jny0qg){
position: absolute;
z-index: 2;
bottom: 20px;
left: 0;
right: 0;
height: 20px;
display: flex;
justify-content: center;
}
.controls.svelte-jny0qg .pager:where(.svelte-jny0qg) button:where(.svelte-jny0qg){
all:unset;
width: 12px;
height: 12px;
background: rgba(255,255,255,0);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
border: 1px solid #fff;
display: inline-block;
margin: 5px;
cursor:pointer;
border-radius: 50%;
}
.controls.svelte-jny0qg button.active:where(.svelte-jny0qg){
background: #fff;
}
.controls.svelte-jny0qg button[disabled]:where(.svelte-jny0qg){
cursor:not-allowed;
}
.dspin.svelte-1f7j4i {
animation:svelte-1f7j4i-dspin 1s linear infinite;
transform-origin: 50% 50%;
}
@keyframes svelte-1f7j4i-dspin { 100% { transform:rotate(360deg); } }
/* Hides webcomponent until it's loaded*/
duo-tabs:not(:defined) {
display:none
}
.tabbuttons.svelte-amxwrl button:where(.svelte-amxwrl){
background:#eee;
font-size:14px;
border:1px solid #eee;
border-bottom:1px solid #ccc;
padding:8px 12px;
margin:0 2px -1px 0;
}
.tabpanel.svelte-amxwrl{
border:1px solid #ccc;
padding:15px;
}
.tabbuttons.svelte-amxwrl button.active:where(.svelte-amxwrl){
background:white;
border:1px solid #ccc;
border-bottom:1px solid white;
}
.tabbuttons.svelte-amxwrl button:where(.svelte-amxwrl):focus{
outline:0;
border-top:1px solid #888;
}
body.size2{
font-size:18px;
}
body.size3{
font-size:21px;
}
.chart.svelte-dnebvy {
display:inline-grid;
}
.chart.svelte-dnebvy > :where(.svelte-dnebvy) {
grid-column:1 / 2;
grid-row:1 / 2;
align-self:center;
justify-self: center;
}
.ring.svelte-dnebvy {
opacity: 0.5;
stroke-width:3;
fill:transparent;
}
.segment.svelte-dnebvy {
opacity: 1;
transform-origin: center;
stroke-dasharray: 0, 100;
stroke-dashoffset:25;
animation: svelte-dnebvy-donut var(--duration,3s) linear forwards;
}
@keyframes svelte-dnebvy-donut {
to {
stroke-dasharray: 100, 0;
}
}
.toaster.svelte-lr3mbo{
z-index:10002;
position: fixed;
top: 5px;
right:10px;
}
.slice.svelte-lr3mbo{
width:250px;
padding:15px 20px;
border-radius:4px;
box-shadow:0 2px 10px rgba(0,0,0,0.3);
margin:5px 0;
position:relative;
}
.cancel.svelte-lr3mbo{
position:absolute;
top:5px;
right:5px;
background:transparent;
border:0;
color:white;
width:34px;
height:34px;
cursor:pointer;
transition: transform 0.3s;
}
.cancel.svelte-lr3mbo:hover{
transform:scale(1.3);
}
.slice.svelte-lr3mbo h3:where(.svelte-lr3mbo){
margin:0 0 10px 0;
color:white;
}
/* backgrounds set twice, first for IE11 */
.slice.primary.svelte-lr3mbo,.slice.info.svelte-lr3mbo,.slice.success.svelte-lr3mbo,.slice.warning.svelte-lr3mbo,.slice.danger.svelte-lr3mbo,.slice.dark.svelte-lr3mbo { color:white; fill:white;}
.slice.primary.svelte-lr3mbo {background-color:hsla(var(--themehue), 50%, 35%, 1)}
.slice.info.svelte-lr3mbo {background-color:#17a2b8;background-color:var(--s-info,#17a2b8)}
.slice.success.svelte-lr3mbo {background-color:#28a745;background-color:var(--s-success,#28a745)}
.slice.warning.svelte-lr3mbo {background-color:#ffc107;background-color:var(--s-warning,#ffc107)}
.slice.danger.svelte-lr3mbo {background-color:#dc3545;background-color:var(--s-danger,#dc3545)}
.slice.dark.svelte-lr3mbo {background-color:#343a40;background-color:var(--s-dark,#343a40)}
.wrapper.svelte-j29q36{
position:relative;
}
.tweets.svelte-j29q36{
height:200px;
display:flex;
overflow-x:hidden;
flex-direction:row;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}
.tweets.svelte-j29q36::-webkit-scrollbar {
display: none;
}
.tweet.svelte-j29q36{
flex: 0 0 auto;
scroll-snap-align: center;
width:100%;
z-index:1;
}
.tweet.svelte-j29q36 p:where(.svelte-j29q36){
text-align:center;
max-width:250px;
margin:10% auto 0 auto;
}
.twittericon.svelte-j29q36{
position:absolute;
top:-20%;
left:25%;
opacity:0.1;
z-index:0;
pointer-events: none;
font-size:250px;
color:#00adee;
}
.pager.svelte-j29q36 button:where(.svelte-j29q36){
background:white;
display:inline-block;
border:1px solid #00adee;
width:10px;
height:10px;
padding:0;
border-radius:50%;
margin:0 5px
}
.pager.svelte-j29q36 button.active:where(.svelte-j29q36){
background:#00adee;
}
.userdetails-toolbar.svelte-u1bcqq{
display:flex;
justify-content:flex-end;
margin:5px 0;
}