@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}
.four-o-four{font-size:160px;font-family:sans-serif;display:flex;gap:10px;margin:100px 0;}.four-o-four span{display:block;height:40px;}.four-o-four span.zero{transform-origin:bottom center;animation:falling 0.5s ease-in normal forwards;animation-delay:2s;}.four-o-four span.four{transform-origin:bottom center;animation:flip 2s ease-in-out normal forwards;animation-delay:2.5s;}@keyframes falling{0%{transform:rotate(0deg);}100%{transform:rotate(-42deg);}}@keyframes flip{0%{transform:rotateX(0deg);}40%{transform:rotateX(220deg);}80%{transform:rotateX(160deg);}100%{transform:rotateX(180deg);}}
.paragraph--type--video{margin-block:20px;border-radius:30px;overflow:hidden;iframe{aspect-ratio:16 / 9;width:100%;height:auto;}video{aspect-ratio:16 / 9;width:100%;height:auto;margin:0 auto;object-fit:cover;}}
.paragraph--type--hero{iframe{aspect-ratio:16 / 9;width:100%;height:auto;margin:0 auto;}video{width:100%;height:auto;margin:0 auto;}}
.paragraph--type--image{img{width:100%;height:auto;border-radius:30px;}}.article-content{img{max-width:100%;height:auto;}}.paragraph--type--image,.profile-with-menu .article-content{img{border-radius:10px;}}
.paragraph--margin--desktop--top--none{margin-top:0px;}.paragraph--margin--desktop--bottom--none{margin-bottom:0px;}.paragraph--margin--desktop--top--small{margin-top:50px;}.paragraph--margin--desktop--bottom--small{margin-bottom:50px;}.paragraph--margin--desktop--top--medium{margin-top:100px;}.paragraph--margin--desktop--bottom--medium{margin-bottom:100px;}.paragraph--margin--desktop--top--large{margin-top:150px;}.paragraph--margin--desktop--bottom--large{margin-bottom:150px;}@media all and (max-width:590px){.paragraph--margin--mobile--top--none{margin-top:0px;}}@media all and (max-width:590px){.paragraph--margin--mobile--bottom--none{margin-bottom:0px;}}@media all and (max-width:590px){.paragraph--margin--mobile--top--small{margin-top:25px;}}@media all and (max-width:590px){.paragraph--margin--mobile--bottom--small{margin-bottom:25px;}}@media all and (max-width:590px){.paragraph--margin--mobile--top--medium{margin-top:50px;}}@media all and (max-width:590px){.paragraph--margin--mobile--bottom--medium{margin-bottom:50px;}}@media all and (max-width:590px){.paragraph--margin--mobile--top--large{margin-top:100px;}}@media all and (max-width:590px){.paragraph--margin--mobile--bottom--large{margin-bottom:100px;}}
body,html{.layout-container{padding-top:122px;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"slnt" 0;font-size:18px;line-height:28px;letter-spacing:0.1px;@media screen and (max-width:768px){font-size:16px;letter-spacing:0.08px;padding-top:120px;}& p{margin-bottom:30px;@media screen and (max-width:768px){margin-bottom:20px;}&:last-child{margin-bottom:0;}}}}body{min-height:100dvh;position:relative;background-image:radial-gradient(ellipse farthest-side at 50% 49%,var(--middle-yellow) 50%,var(--white) 100%);background-size:130% 85%;background-repeat:no-repeat;background-position:center top;@supports (-webkit-backdrop-filter:blur(0)){background-image:radial-gradient(ellipse,var(--middle-yellow) 50%,var(--white) 100%);background-size:auto;background-position:center bottom;}[popover]:-internal-popover-in-top-layer::backdrop{background:rgba(0,0,0,0.5);}[popover]{transition:display 0.3s allow-discrete,opacity 0.3s,translate 0.3s;transition-timing-function:ease-in;opacity:0;translate:0 30px;}[popover]:popover-open{opacity:1;translate:0 0;transition-timing-function:ease-out;}@starting-style{[popover]:popover-open{opacity:0;translate:0 30px;}}}body:has([popover]:popover-open){overflow:hidden;}#block-stroomop-tabs{position:fixed;left:0;bottom:0;z-index:100;width:100%;padding-block:8px;background:white;border-top:1px solid var(--bright-gray);padding-left:65px;& ul:not(.contextual-links){display:flex;justify-content:center;align-items:start;gap:4px;& li{padding-inline:40px;padding-block:4px;font-size:16px;&:hover{color:var(--blue);}}}}body:has(#block-stroomop-tabs){padding-bottom:55px;}body:has(.gin-secondary-toolbar){header{top:60px;}@media screen and (max-width:975px){header{top:48px;}}}body:has(.toolbar-menu-administration){header{left:65px;}@media screen and (max-width:975px){header{left:0;}}}#block-stroomop-articlecta{margin-top:40px;}
.layout--twocol-bricks,.layout--twocol,.layout--threecol-33-34-33,.layout--onecol,.layout--threecol-25-50-25{display:grid;grid-column-gap:20px;grid-row-gap:20px;.paragraph{margin:0;height:100%;& > div{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;& > *:last-child:not(p){margin-top:auto;}}}}.layout--onecol{margin-top:20px;margin-bottom:20px;}.layout--twocol{grid-template-columns:1fr 1fr;.layout__region--top{grid-area:1 / 1 / 2 / 3;}.layout__region--first{grid-area:2 / 1 / 3 / 2;}.layout__region--second{grid-area:2 / 2 / 3 / 3;}.layout__region--bottom{grid-area:3 / 1 / 4 / 3;}}.layout--threecol-33-34-33{grid-template-columns:1fr 1fr 1fr;.layout__region--top{grid-area:1 / 1 / 2 / 4;}.layout__region--first{grid-area:2 / 1 / 3 / 2;}.layout__region--second{grid-area:2 / 2 / 3 / 3;}.layout__region--third{grid-area:2 / 3 / 3 / 4;}.layout__region--bottom{grid-area:3 / 1 / 4 / 4;}}.layout--twocol-bricks{grid-template-columns:1fr 1fr;.layout__region--top{grid-area:1 / 1 / 2 / 3;}.layout__region--first-above{grid-area:2 / 1 / 3 / 2;}.layout__region--second-above{grid-area:2 / 2 / 3 / 3;}.layout__region--middle{grid-area:3 / 1 / 4 / 3;}.layout__region--first-below{grid-area:4 / 1 / 5 / 2;}.layout__region--second-below{grid-area:4 / 2 / 5 / 3;}.layout__region--bottom{grid-area:5 / 1 / 6 / 3;}}.layout--threecol-25-50-25{grid-template-columns:1fr 2fr 1fr;.layout__region--top{grid-area:1 / 1 / 2 / 4;}.layout__region--first{grid-area:2 / 1 / 3 / 2;}.layout__region--second{grid-area:2 / 2 / 3 / 3;}.layout__region--third{grid-area:2 / 3 / 3 / 4;}.layout__region--bottom{grid-area:3 / 1 / 4 / 4;}}@media screen and (max-width:768px){.layout--twocol-bricks,.layout--threecol-33-34-33,.layout--twocol,.layout--onecol,.layout--threecol-25-50-25{grid-template-columns:1fr;.layout__region--top{grid-area:unset;}.layout__region--middle{grid-area:unset;}.layout__region--bottom{grid-area:unset;}.layout__region--first{grid-area:unset;}.layout__region--first-above{grid-area:unset;}.layout__region--first-below{grid-area:unset;}.layout__region--second{grid-area:unset;}.layout__region--second-above{grid-area:unset;}.layout__region--second-below{grid-area:unset;}.layout__region--third{grid-area:unset;}}}
body.webview{background-image:none;}
#block-stroomop-partners{max-width:1280px;margin:0 auto;.glide__slides{& > div{width:auto;height:75px;display:flex;align-items:center;}}& h2{font-size:24px;font-style:normal;font-weight:600;margin-top:40px;margin-bottom:20px;@media screen and (max-width:768px){font-size:18px;margin-top:20px;margin-bottom:10px;}}}
#block-stroomop-breadcrumbs{& ol{display:flex;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:40px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}@media screen and (max-width:768px){margin-block:20px;}& li{font-size:14px;font-style:normal;font-weight:400;color:var(--independence);white-space:nowrap;& a{font-weight:300;&:hover{color:black;}}&:not(:last-child)::after{content:"/";margin-left:16px;font-weight:300;}}}}
#views-exposed-form-news-overview{margin-bottom:60px;.bef-links{& ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;& li a{display:block;line-height:1;padding:10px;border-radius:30px;color:#00799e;font-size:12px;font-style:normal;font-weight:500;border:1px solid var(--cg-blue);&.bef-link--selected{color:white;background:var(--cg-blue);}}}}}
.form-item{margin-bottom:16px;label{font-size:14px;font-weight:600;margin-bottom:4px;}select,input,textarea{padding:8px 16px;width:100%;border:1px solid var(--bright-gray);border-radius:8px;font-size:14px;}}.form-type-checkbox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:10px;label{margin:0;font-size:16px;font-weight:400;display:flex;align-items:baseline;justify-content:flex-start;column-gap:10px;cursor:pointer;&::before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f00c";border:1px solid var(--bright-gray);height:20px;width:20px;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;background:white;color:white;}}input[type="checkbox"]{display:none;}input[type="checkbox"]:checked + label::before{background:var(--cg-blue);color:white;border:none;}.description{width:100%;margin:0;line-height:1.5;padding-left:30px;font-size:12px;}}.form-type-radio{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:10px;label{margin:0;font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:flex-start;column-gap:10px;cursor:pointer;flex-shrink:0;&::before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f111";border:1px solid var(--bright-gray);height:20px;width:20px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;background:white;color:white;font-size:12px;}}input[type="radio"]{display:none;}input[type="radio"]:checked + label::before{color:var(--cg-blue);border:1px solid var(--cg-blue);}.description{width:100%;margin:0;line-height:1;padding-left:30px;}}.form-submit{text-align:center;font-size:14px;font-weight:400;color:white;background:var(--cg-blue);border-radius:8px;padding:12px 14px;width:100%;line-height:1;transition:background 0.2s ease-in-out;&:hover{background:var(--cg-blue-hover);cursor:pointer;}}.form-type-password-confirm{.password-strength__indicator{background-color:lightgreen;}.password-strength__title{color:#1f2937;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:0.09px;}.password-suggestions,.password-confirm-message{font-size:12px;font-weight:400;line-height:1.2;margin-bottom:10px;color:var(--independence);}.password-confirm-message{margin-top:4px;}.password-suggestions{color:#ef4444;margin-bottom:10px;}.description{margin-top:0;}}.user-form,.user-pass{& p,.description{font-size:12px;font-weight:400;line-height:1.2;margin-bottom:0;color:var(--independence);margin-top:4px;}& p{margin-bottom:16px !important;}& ul{margin:10px 0 0 0;& li{margin:0 0 10px 0;}}.form-submit{padding:14px 16px;}}.profile-youth-opt-ins-form,.user-cancel-form,.user-form{.form-item{max-width:370px;}#edit-delete,#edit-cancel{display:inline-block;padding:14px 16px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;font-weight:600;line-height:1;width:auto;color:#ef4444;text-align:center;font-family:Inter;font-size:15px;font-style:normal;font-weight:00;line-height:normal;letter-spacing:0.075px;&:hover{color:#f87171;border:1px solid #f87171;}}[type="submit"]{width:auto;margin-bottom:20px;}}.profile-professional-opt-ins-form,.profile-youth-opt-ins-form{[type="submit"]{width:auto;margin-bottom:0;}}.profile-page-content{legend,h2{color:#00799e;font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:0.09px;margin:0 0 20px 0;}h3{color:#1f2937;font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:0.09px;margin:0 0 20px 0;}}form.profile-form{max-width:360px;& [data-drupal-selector="edit-submit"]{width:auto;}}.bef-exposed-form .js-hide{display:none;}
header[role="banner"]{padding-block:20px;transition:0.2s ease-in-out;position:fixed;top:0;left:0;right:0;z-index:200;&.fixed{padding-block:10px;background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);img.logo-stroomop{max-width:120px;}}@media screen and (max-width:600px){padding-block:20px;&.fixed{img.logo-stroomop{max-width:100px;}}}& #menubar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;& .menubar-center ul,& .menubar-right ul{display:flex;flex-direction:row;gap:20px;list-style:none;margin:0;padding:0;@media screen and (max-width:1024px){gap:20px;}}& .menubar-right ul{@media screen and (max-width:768px){flex-direction:row-reverse;}}}& #mobile-menu[popover]{transition:display 0.3s allow-discrete,overlay 0.5s allow-discrete,opacity 0.3s,translate 0.3s;transition-timing-function:ease-in;translate:100%;margin:0;block-size:100vb;inline-size:100vi;inset-inline-start:unset;inset-inline-end:0;padding:20px;&:popover-open{translate:0;transition-timing-function:ease-out;}@starting-style{&:popover-open{translate:100%;}}& header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}}}ul#main-menu-ul{display:flex;flex-direction:column;align-items:center;gap:60px;}#mobile-logo,#mobile-login,#btn-open,#btn-close{display:none;@media screen and (max-width:768px){display:block;}}#btn-open,#btn-close{font-size:20px;color:var(--cg-blue);&:hover{color:var(--cg-blue-hover);}}.menubar-center{@media screen and (max-width:768px){display:none;}}.menubar-right{@media screen and (max-width:768px){margin-left:auto;}}ul#main-menu-ul li a{font-family:"Inter",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:0.12px;color:var(--black);transition:0.2s color ease-in-out;@media screen and (max-width:1024px){font-size:12px;}&:hover,&.is-active{color:var(--cg-blue);}}ul#account-menu-ul li{& a{border:1px solid var(--cg-blue);color:var(--cg-blue);padding:12px 14px;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:0.2s ease-in-out;line-height:1;&:hover{border:1px solid var(--cg-blue-hover);color:var(--cg-blue-hover);}@media screen and (max-width:768px){padding:10px 12px;min-width:unset;font-size:12px;}}&:last-child a{background:var(--cg-blue);color:white;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:0.2s background ease-in-out;line-height:1;&:hover{background:var(--cg-blue-hover);}@media screen and (max-width:768px){padding:10px 12px;min-width:unset;font-size:12px;}}}#account-menu-ul{@media screen and (max-width:600px){gap:4px !important;a[data-drupal-link-system-path="user"]{font-size:0;border:0;&::after{font-family:"Font Awesome 5 Free";font-weight:400;content:"\f007";font-size:20px;}}a[data-drupal-link-system-path="user/logout"]{font-size:0;border:0;background:transparent !important;color:var(--cg-blue) !important;&:hover{color:var(--cg-blue-hover) !important;}&::after{font-family:"Font Awesome 5 Free";content:"\f2f5";font-size:20px;padding-left:5px;}}}}.user-logged-in.path-user{ul#account-menu-ul li:first-child{display:none !important;}}.user-logged-in:not(.path-user){ul#account-menu-ul li:last-child{display:none !important;}}.logo-stroomop{width:100%;height:auto;max-width:147px;transition:0.3s ease-in-out;@media screen and (max-width:768px){max-width:99px;}@media screen and (max-width:1024px){max-width:149px;}}#account-menu-ul{display:flex;flex-direction:row;gap:16px;}body:has(#mobile-menu[popover]:popover-open){overflow:hidden;}
.stroom-message,[data-drupal-messages]{max-width:1280px;padding:0 1.125rem;margin:20px auto;& > div{padding:1rem;margin-top:-1rem;border-radius:0.5rem;border-width:1px;border-color:var(--cg-blue);font-size:0.875rem;line-height:1.25rem;color:#1f2937;background-color:#f9fafb;background-image:none !important;}a{text-decoration:underline;}}[data-drupal-messages] > .messages--error{border-color:#991b1b;color:#991b1b;background-color:#fef2f2;}[data-drupal-messages] > .messages--warning{border-color:#92400e;color:#92400e;background-color:#fffbeb;}[data-drupal-messages] > .messages--status{border-color:#065f46;color:#065f46;background-color:#ecfdf5;}.organization-mobile-message{position:relative;border:1px solid #00799e;border-radius:0.5rem;background-color:#00799e33;color:#00799e;padding:1rem 1rem 1rem 3rem;@media (min-width:640px){display:none;}}.organization-mobile-message::before{content:"";position:absolute;top:1rem;left:1rem;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2300799E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7.5'%3E%3C/circle%3E%3Cpath d='M9 11.25v-3'%3E%3C/path%3E%3Cpath d='M9 5.25h.01'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;}.organization-mobile-message h3{color:#00799e;font-family:Inter;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:0.09px;margin:0;}.organization-mobile-message p{color:#00799e;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0.08px;margin:0;}.stroom-message{& > div{padding-right:40px;position:relative;p{margin:0;}.close-button{position:absolute;right:15px;top:13px;}}}
.pager{margin:20px 0;.pager__items{display:flex;justify-content:center;align-items:center;.pager__item{& a{display:inline-flex;justify-content:center;align-items:center;color:var(--cg-blue);width:38px;height:38px;font-family:Inter,serif;font-size:16px;font-style:normal;font-weight:500;&:hover{color:var(--midnight-green);}}&.is-active{& a{border:1px solid var(--cg-blue);border-radius:20px;}}}.pager__item--last a,.pager__item--first a{display:none;}}}.js-pager__items{margin:20px 0;display:flex;justify-content:center;align-items:center;font-family:Inter,serif;font-size:16px;color:var(--cg-blue);font-style:normal;font-weight:500;& a{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;color:var(--cg-blue);&:hover{color:var(--midnight-green);}}}
.primary-button{border:1px solid var(--cg-blue);background:var(--cg-blue);color:white !important;padding:14px 12px;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:0.2s background ease-in-out;line-height:1;text-decoration:none !important;&:disabled{background:var(--independence);&:hover{background:var(--independence);}}&:hover{background:var(--cg-blue-hover);}@media screen and (max-width:768px){padding:14px 16px;min-width:unset;font-size:15px;}}.button--primary{background:var(--cg-blue);color:white;padding:14px 12px;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:0.2s background ease-in-out;line-height:1;&:hover{background:var(--cg-blue-hover);}&:disabled{background:var(--independence);&:hover{background:var(--independence);}}@media screen and (max-width:768px){padding:14px 16px;min-width:unset;font-size:15px;}}.primary-button--size-small{border:1px solid var(--cg-blue);background:var(--cg-blue);color:white;padding:18px 16px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;font-size:15px;font-weight:500;transition:0.2s background ease-in-out;line-height:1;&:hover{background:var(--cg-blue-hover);}@media screen and (max-width:768px){padding:12px 14px;min-width:unset;font-size:13px;}&:disabled{background:var(--independence);&:hover{background:var(--independence);}}}.secondary-button{border:1px solid var(--cg-blue);color:var(--cg-blue);padding:14px 12px;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:0.2s ease-in-out;line-height:1;&:hover{border:1px solid var(--cg-blue-hover);color:var(--cg-blue-hover);}@media screen and (max-width:768px){padding:14px 16px;min-width:unset;font-size:15px;}&:disabled{background:var(--independence);&:hover{background:var(--independence);}}}.secondary-button--size-small{border:1px solid var(--cg-blue);color:var(--cg-blue);padding:18px 16px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;font-size:15px;font-weight:500;transition:0.2s ease-in-out;line-height:1;&:hover{border:1px solid var(--cg-blue-hover);color:var(--cg-blue-hover);}@media screen and (max-width:768px){padding:12px 14px;min-width:unset;font-size:13px;}&:disabled{background:var(--independence);&:hover{background:var(--independence);}}}
.quiz-form{form{legend{padding-top:16px;font-size:16px;}.form-type-processed-text{font-size:16px;line-height:24px;}.checkboxes--wrapper{.form-type-checkbox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:10px;label{margin:0;font-size:16px;font-weight:400;display:flex;align-items:baseline;justify-content:flex-start;column-gap:10px;cursor:pointer;&::before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f00c";border:1px solid var(--bright-gray);height:20px;width:20px;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;color:white;}}input[type="checkbox"]{display:none;}input[type="checkbox"]:checked + label::before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f00c";background:var(--cg-blue);border:none;}.description{width:100%;margin:0;line-height:1;padding-left:30px;}}}.radios--wrapper{.form-type-radio{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:10px;label{margin:0;font-size:16px;font-weight:400;display:flex;align-items:baseline;justify-content:flex-start;column-gap:10px;cursor:pointer;&::before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f111";background:white;border:1px solid var(--bright-gray);height:20px;width:20px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;font-size:12px;}}input[type="radio"]{display:none;}input[type="radio"]:checked + label::before{color:var(--cg-blue);border:1px solid var(--cg-blue);}.description{width:100%;margin:0;line-height:1;padding-left:30px;}}}.form-type-range-slider{.rangeslider--horizontal{height:6px;box-shadow:none;margin-bottom:6px;.rangeslider__fill{background:var(--cg-blue);}.rangeslider__handle{width:24px;height:24px;background-image:none;border:none;background:white;box-shadow:none;filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.06)) drop-shadow(0px 3px 6px rgba(156,163,175,0.35));&::after{content:none;}}}}.stroomop-emoji--wrapper{.js-webform-stroomop-emoji{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}.form-type-radio{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:10px;width:20%;label{margin:0;font-size:12px;line-height:16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:10px;cursor:pointer;flex-shrink:1;&:hover{cursor:pointer;}&::before{content:"";height:40px;width:40px;border-radius:20px;display:inline-flex;justify-content:center;align-items:center;background-size:30px 30px;line-height:0;border-color:transparent;}}input[type="radio"]{display:none;}input[type="radio"][value="Helemaal mee oneens"] + label::before{content:url(/themes/custom/stroomop/assets/svgs/angry.svg);}input[type="radio"][value="Mee oneens"] + label::before{content:url(/themes/custom/stroomop/assets/svgs/sad.svg);}input[type="radio"][value="Neutraal"] + label::before{content:url(/themes/custom/stroomop/assets/svgs/meh.svg);}input[type="radio"][value="Mee eens"] + label::before{content:url(/themes/custom/stroomop/assets/svgs/good.svg);}input[type="radio"][value="Helemaal mee eens"] + label::before{content:url(/themes/custom/stroomop/assets/svgs/laugh.svg);}input[type="radio"]:checked + label::before{background:var(--bright-gray);}.description{text-align:center;margin:0;line-height:1;padding-left:0;}}}.stroomop-yesno--wrapper{.js-webform-stroomop-yesno{display:flex;justify-content:center;align-items:flex-start;gap:16px;width:100%;}.form-type-radio{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:10px;margin-bottom:10px;label{margin:0;font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--bright-gray);border-radius:8px;padding:4px 12px;min-width:90px;&:hover{cursor:pointer;}&::before{content:"";height:20px;width:20px;line-height:0;border-color:transparent;border-radius:0;background:transparent;}}input[type="radio"]{display:none;}input[type="radio"][value="Ja"] + label::before{content:none;}input[type="radio"][value="Nee"] + label::before{content:none;}input[type="radio"]:checked + label{background:var(--bright-gray);}.description{width:100%;margin:0;line-height:1;text-align:center;margin-top:5px;padding-left:0;}}}.stroomop-emoji--wrapper,.stroomop-yesno--wrapper{.skip-answer{display:flex;justify-content:center;align-items:center;label{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:0;border-radius:8px;padding:4px 12px;white-space:nowrap;font-size:12px;border:none;font-weight:300;line-height:1;width:unset;&::before{content:url(/themes/custom/stroomop/assets/svgs/undeterminate.svg) !important;width:40px;height:40px;display:flex;justify-content:center;align-items:center;}}input[type="radio"]:checked + label{background:var(--bright-gray);}}}.description,label{font-size:12px;margin-block:8px;display:inline-block;}}}.quiz-form-wizard{display:flex;form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;flex-grow:1;& > *{width:100%;}}.webform-progress{height:20px;border-radius:6px;background:#f1f5f9;font-size:12px;margin-top:16px;margin-bottom:16px;width:100%;.webform-progress__status{height:100%;border-radius:6px;background:var(--cg-blue);color:white;display:flex;justify-content:center;align-items:center;overflow:hidden;}}.webform-progress + .form-wrapper{max-height:500px;overflow-y:scroll;}.form-actions{display:flex;justify-content:space-between;gap:16px;margin-top:auto;width:100%;padding-top:20px;& > *{width:100%;}}.webform-button--previous{border:1px solid var(--cg-blue);color:var(--cg-blue);padding:12px 16px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:0.2s ease-in-out;line-height:1;background:white;&:hover{border:1px solid var(--cg-blue-hover);color:var(--cg-blue-hover);cursor:pointer;}}.webform-button--submit,.webform-button--next{border:1px solid var(--cg-blue);background:var(--cg-blue);color:white;padding:12px 16px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:0.2s ease-in-out;line-height:1;&:hover{border:1px solid var(--cg-blue-hover);background:var(--cg-blue-hover);cursor:pointer;}}}
.eu-cookie-compliance-banner{padding-block:40px;@media screen and (max-width:600px){padding-block:20px;}.eu-cookie-compliance-content{display:flex;justify-content:center;align-items:center;gap:40px;max-width:1280px;padding-inline:1.25rem;@media screen and (max-width:600px){flex-direction:column;align-items:center;gap:0;}}.eu-cookie-compliance-buttons{.decline-button{border:1px solid white;background:var(--cg-blue);color:white !important;padding:14px 12px;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:0.2s background ease-in-out;line-height:1;text-decoration:none !important;box-shadow:none;text-shadow:none;width:100%;&:hover{background:var(--cg-blue-hover);}}.agree-button{border:1px solid var(--middle-yellow);background:var(--middle-yellow);color:black !important;padding:14px 12px;border-radius:8px;min-width:120px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:0.2s background ease-in-out;line-height:1;text-decoration:none !important;box-shadow:none;text-shadow:none;width:100%;&:hover{background:var(--middle-yellow);}}}}
:root,:host{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% 0.237 25.331);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-700:oklch(52.7% 0.154 150.069);--color-sky-500:oklch(68.5% 0.169 237.323);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-slate-100:oklch(96.8% 0.007 247.896);--color-slate-300:oklch(86.9% 0.022 252.894);--color-slate-600:oklch(44.6% 0.043 257.281);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-800:oklch(27.8% 0.033 256.848);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-sm:40rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-lg:32rem;--container-xl:36rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-xs:0 1px 1px rgb(0 0 0 / 0.05);--drop-shadow-md:0 3px 3px rgb(0 0 0 / 0.12);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);}*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid;}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{text-indent:0;border-color:inherit;border-collapse:collapse;}:-moz-focusring:where(:not(iframe)){outline:auto;}progress{vertical-align:baseline;}summary{display:list-item;}ol,ul,menu{list-style:none;}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto;}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1;}:where(select:is([multiple],[size])) optgroup{font-weight:bolder;}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px;}::file-selector-button{margin-inline-end:4px;}::placeholder{opacity:1;}@supports (not (-webkit-appearance:-apple-pay-button))  or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit;}::-webkit-datetime-edit{display:inline-flex;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0;}::-webkit-calendar-picker-indicator{line-height:1;}:-moz-ui-invalid{box-shadow:none;}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[hidden]:where(:not([hidden="until-found"])){display:none !important;}*,::after,::before,::backdrop,::file-selector-button{border-color:var(--color-gray-200,currentcolor);}button:not(:disabled),[role="button"]:not(:disabled){cursor:pointer;}input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{appearance:none;background-color:#fff;border-color:oklch(55.1% 0.027 264.364);border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% 0.245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:oklch(54.6% 0.245 262.881);}}input::placeholder,textarea::placeholder{color:oklch(55.1% 0.027 264.364);opacity:1;}::-webkit-datetime-edit-fields-wrapper{padding:0;}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit;}::-webkit-datetime-edit{display:inline-flex;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0;}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact;}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset;}input:where([type='checkbox']),input:where([type='radio']){appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:oklch(54.6% 0.245 262.881);background-color:#fff;border-color:oklch(55.1% 0.027 264.364);border-width:1px;--tw-shadow:0 0 #0000;}input:where([type='checkbox']){border-radius:0px;}input:where([type='radio']){border-radius:100%;}input:where([type='checkbox']):focus,input:where([type='radio']):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% 0.245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}input:where([type='checkbox']):checked,input:where([type='radio']):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;}input:where([type='checkbox']):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");@media (forced-colors:active){appearance:auto;}}input:where([type='radio']):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");@media (forced-colors:active){appearance:auto;}}input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{border-color:transparent;background-color:currentColor;}input:where([type='checkbox']):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;@media (forced-colors:active){appearance:auto;}}input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{border-color:transparent;background-color:currentColor;}input:where([type='file']){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit;}input:where([type='file']):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color;}.pointer-events-none{pointer-events:none;}.invisible{visibility:hidden;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.inset-0{inset:0px;}.inset-y-0{inset-block:0px;}.inset-s-0{inset-inline-start:0px;}.inset-e-0{inset-inline-end:0px;}.-top-4{top:calc(var(--spacing) * -4);}.-top-7{top:calc(var(--spacing) * -7);}.-top-10{top:calc(var(--spacing) * -10);}.top-1{top:var(--spacing);}.top-2{top:calc(var(--spacing) * 2);}.top-\[5px\]{top:5px;}.top-full{top:100%;}.right-0{right:0px;}.right-2{right:calc(var(--spacing) * 2);}.right-4{right:calc(var(--spacing) * 4);}.right-10{right:calc(var(--spacing) * 10);}.left-0{left:0px;}.left-1\/2{left:calc(1 / 2 * 100%);}.z-0{z-index:0;}.z-10{z-index:10;}.z-20{z-index:20;}.z-200{z-index:200;}.order-1{order:1;}.order-2{order:2;}.order-3{order:3;}.order-4{order:4;}.container{width:100%;@media (width >= 40rem){max-width:40rem;}@media (width >= 48rem){max-width:48rem;}@media (width >= 64rem){max-width:64rem;}@media (width >= 80rem){max-width:80rem;}@media (width >= 96rem){max-width:96rem;}}.-mx-4{margin-inline:calc(var(--spacing) * -4);}.mx-2{margin-inline:calc(var(--spacing) * 2);}.mx-4{margin-inline:calc(var(--spacing) * 4);}.mx-auto{margin-inline:auto;}.my-8{margin-block:calc(var(--spacing) * 8);}.my-20{margin-block:calc(var(--spacing) * 20);}.my-auto{margin-block:auto;}.ms-3{margin-inline-start:calc(var(--spacing) * 3);}.ms-4{margin-inline-start:calc(var(--spacing) * 4);}.prose{color:black;max-width:none;:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:1.25em;}:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500;&:not(.primary-button){color:#00799e;text-decoration:underline;}}:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-bold);font-weight:700;}:where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha;}:where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha;}:where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha;}:where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha;}:where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman;}:where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman;}:where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman;}:where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman;}:where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal;}:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{font-weight:400;color:var(--tw-prose-counters);}:where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{color:var(--tw-prose-bullets);}:where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em;}:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;}:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;}:where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:open-quote;}:where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:close-quote;}:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;}:where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:900;color:inherit;}:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:#00799e;font-weight:600;font-size:24px;margin-top:0;margin-bottom:1em;line-height:1.3333333;@media (max-width:1024px){font-size:28px;}@media (max-width:768px){font-size:22px;}@media (max-width:480px){font-size:18px;}}:where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:800;color:inherit;}:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:0;margin-bottom:0.6em;line-height:1.6;}:where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit;}:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:0;margin-bottom:0.5em;line-height:1.5;}:where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit;}:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em;}:where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){display:block;margin-top:2em;margin-bottom:2em;}:where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em;}:where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em;}:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-code);font-weight:600;font-size:0.875em;}:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:"`";}:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:"`";}:where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.875em;}:where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.9em;}:where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;}:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em;}:where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}:where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:none;}:where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:none;}:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders);}:where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders);}:where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:0;}:where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:baseline;}:where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders);}:where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:top;}:where(th,td):not(:where([class~="not-prose"],[class~="not-prose"] *)){text-align:start;}:where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0;}:where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}--tw-prose-body:oklch(37.3% 0.034 259.733);--tw-prose-headings:oklch(21% 0.034 264.665);--tw-prose-lead:oklch(44.6% 0.03 256.802);--tw-prose-links:oklch(21% 0.034 264.665);--tw-prose-bold:oklch(21% 0.034 264.665);--tw-prose-counters:oklch(55.1% 0.027 264.364);--tw-prose-bullets:oklch(87.2% 0.01 258.338);--tw-prose-hr:oklch(92.8% 0.006 264.531);--tw-prose-quotes:oklch(21% 0.034 264.665);--tw-prose-quote-borders:oklch(92.8% 0.006 264.531);--tw-prose-captions:oklch(55.1% 0.027 264.364);--tw-prose-kbd:oklch(21% 0.034 264.665);--tw-prose-kbd-shadows:color-mix(in oklab,oklch(21% 0.034 264.665) 10%,transparent);--tw-prose-code:oklch(21% 0.034 264.665);--tw-prose-pre-code:oklch(92.8% 0.006 264.531);--tw-prose-pre-bg:oklch(27.8% 0.033 256.848);--tw-prose-th-borders:oklch(87.2% 0.01 258.338);--tw-prose-td-borders:oklch(92.8% 0.006 264.531);--tw-prose-invert-body:oklch(87.2% 0.01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% 0.022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% 0.022 261.325);--tw-prose-invert-bullets:oklch(44.6% 0.03 256.802);--tw-prose-invert-hr:oklch(37.3% 0.034 259.733);--tw-prose-invert-quotes:oklch(96.7% 0.003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% 0.034 259.733);--tw-prose-invert-captions:oklch(70.7% 0.022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% 0.01 258.338);--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:oklch(44.6% 0.03 256.802);--tw-prose-invert-td-borders:oklch(37.3% 0.034 259.733);font-size:1rem;line-height:1.75;:where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0;}:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;margin-bottom:0.5em;}:where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em;}:where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em;}:where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em;}:where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;}:where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em;}:where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;}:where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em;}:where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em;}:where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em;}:where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;padding-inline-start:1.625em;}:where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;}:where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;}:where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;}:where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;}:where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0;}:where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0;}:where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0;}:where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0;}:where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em;}:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;}:where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0;}:where(b):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;}:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:600;margin-top:0;}:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:600;margin-top:0;}}.mt-1{margin-top:var(--spacing);}.mt-2{margin-top:calc(var(--spacing) * 2);}.mt-4{margin-top:calc(var(--spacing) * 4);}.mt-8{margin-top:calc(var(--spacing) * 8);}.mt-10{margin-top:calc(var(--spacing) * 10);}.mt-12{margin-top:calc(var(--spacing) * 12);}.mt-20{margin-top:calc(var(--spacing) * 20);}.mt-auto{margin-top:auto;}.mr-4{margin-right:calc(var(--spacing) * 4);}.mb-0\!{margin-bottom:0px !important;}.mb-1{margin-bottom:var(--spacing);}.mb-2{margin-bottom:calc(var(--spacing) * 2);}.mb-3{margin-bottom:calc(var(--spacing) * 3);}.mb-4{margin-bottom:calc(var(--spacing) * 4);}.mb-6{margin-bottom:calc(var(--spacing) * 6);}.mb-8{margin-bottom:calc(var(--spacing) * 8);}.mb-10{margin-bottom:calc(var(--spacing) * 10);}.mb-20{margin-bottom:calc(var(--spacing) * 20);}.ml-2{margin-left:calc(var(--spacing) * 2);}.ml-auto{margin-left:auto;}.block{display:block;}.contents{display:contents;}.flex{display:flex;}.grid{display:grid;}.hidden{display:none;}.inline{display:inline;}.inline-block{display:inline-block;}.inline-flex{display:inline-flex;}.table{display:table;}.aspect-square{aspect-ratio:1 / 1;}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}.h-4{height:calc(var(--spacing) * 4);}.h-5{height:calc(var(--spacing) * 5);}.h-6{height:calc(var(--spacing) * 6);}.h-7{height:calc(var(--spacing) * 7);}.h-8{height:calc(var(--spacing) * 8);}.h-10{height:calc(var(--spacing) * 10);}.h-20{height:calc(var(--spacing) * 20);}.h-28{height:calc(var(--spacing) * 28);}.h-\[92px\]{height:92px;}.h-auto{height:auto;}.h-full{height:100%;}.max-h-\[80\%\]{max-height:80%;}.max-h-\[95\%\]{max-height:95%;}.min-h-96{min-height:calc(var(--spacing) * 96);}.min-h-\[520px\]{min-height:520px;}.min-h-screen{min-height:100vh;}.w-0{width:0px;}.w-4{width:calc(var(--spacing) * 4);}.w-7{width:calc(var(--spacing) * 7);}.w-10{width:calc(var(--spacing) * 10);}.w-16{width:calc(var(--spacing) * 16);}.w-20{width:calc(var(--spacing) * 20);}.w-32{width:calc(var(--spacing) * 32);}.w-48{width:calc(var(--spacing) * 48);}.w-80{width:calc(var(--spacing) * 80);}.w-96{width:calc(var(--spacing) * 96);}.w-\[38px\]{width:38px;}.w-\[124px\]{width:124px;}.w-auto{width:auto;}.w-full{width:100%;}.max-w-\(--breakpoint-2xl\){max-width:var(--breakpoint-2xl);}.max-w-\(--breakpoint-lg\){max-width:var(--breakpoint-lg);}.max-w-\(--breakpoint-xl\){max-width:var(--breakpoint-xl);}.max-w-56{max-width:calc(var(--spacing) * 56);}.max-w-96{max-width:calc(var(--spacing) * 96);}.max-w-\[400px\]{max-width:400px;}.max-w-sm{max-width:var(--container-sm);}.min-w-\[300px\]{min-width:300px;}.shrink{flex-shrink:1;}.shrink-0{flex-shrink:0;}.grow{flex-grow:1;}.border-collapse{border-collapse:collapse;}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);}.animate-spin{animation:var(--animate-spin);}.cursor-pointer{cursor:pointer;}.list-disc{list-style-type:disc;}.\[appearance\:textfield\]{appearance:textfield;}.flex-col{flex-direction:column;}.flex-col-reverse{flex-direction:column-reverse;}.flex-row{flex-direction:row;}.flex-wrap{flex-wrap:wrap;}.items-baseline{align-items:baseline;}.items-center{align-items:center;}.items-end{align-items:flex-end;}.items-start{align-items:flex-start;}.items-stretch{align-items:stretch;}.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.gap-2{gap:calc(var(--spacing) * 2);}.gap-2\.5{gap:calc(var(--spacing) * 2.5);}.gap-4{gap:calc(var(--spacing) * 4);}.gap-5{gap:calc(var(--spacing) * 5);}.gap-6{gap:calc(var(--spacing) * 6);}.gap-7{gap:calc(var(--spacing) * 7);}.gap-8{gap:calc(var(--spacing) * 8);}:where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-3 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));}:where(.space-y-4 > :not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));}.gap-x-2{column-gap:calc(var(--spacing) * 2);}.gap-x-3{column-gap:calc(var(--spacing) * 3);}.self-start{align-self:flex-start;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-y-auto{overflow-y:auto;}.rounded-2xl{border-radius:var(--radius-2xl);}.rounded-3xl{border-radius:var(--radius-3xl);}.rounded-\[10px\]{border-radius:10px;}.rounded-full{border-radius:calc(infinity * 1px);}.rounded-lg{border-radius:var(--radius-lg);}.rounded-md{border-radius:var(--radius-md);}.rounded-sm{border-radius:var(--radius-sm);}.rounded-xl{border-radius:var(--radius-xl);}.rounded-e-md{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);}.border{border-style:var(--tw-border-style);border-width:1px;}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px;}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px;}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;}.border-black{border-color:var(--color-black);}.border-gray-100{border-color:var(--color-gray-100);}.border-gray-200{border-color:var(--color-gray-200);}.border-sky-500{border-color:var(--color-sky-500);}.border-stroomop-primary{border-color:#00799e;}.border-stroomop-secondary{border-color:#fce900;}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.border-x-transparent{border-inline-color:transparent;}.border-t-transparent{border-top-color:transparent;}.border-r-gray-200{border-right-color:var(--color-gray-200);}.border-b-gray-200{border-bottom-color:var(--color-gray-200);}.bg-gray-100{background-color:var(--color-gray-100);}.bg-slate-100{background-color:var(--color-slate-100);}.bg-slate-600\/50{background-color:color-mix(in srgb,oklch(44.6% 0.043 257.281) 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-600) 50%,transparent);}}.bg-stroomop-primary{background-color:#00799e;}.bg-stroomop-secondary{background-color:#fce900;}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.bg-yellow-200{background-color:var(--color-yellow-200);}.p-2{padding:calc(var(--spacing) * 2);}.p-3{padding:calc(var(--spacing) * 3);}.p-4{padding:calc(var(--spacing) * 4);}.p-6{padding:calc(var(--spacing) * 6);}.p-8{padding:calc(var(--spacing) * 8);}.px-1{padding-inline:var(--spacing);}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5);}.px-2{padding-inline:calc(var(--spacing) * 2);}.px-3{padding-inline:calc(var(--spacing) * 3);}.px-4{padding-inline:calc(var(--spacing) * 4);}.px-5{padding-inline:calc(var(--spacing) * 5);}.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}.py-1\.5{padding-block:calc(var(--spacing) * 1.5);}.py-2{padding-block:calc(var(--spacing) * 2);}.py-3{padding-block:calc(var(--spacing) * 3);}.py-3\.5{padding-block:calc(var(--spacing) * 3.5);}.py-4{padding-block:calc(var(--spacing) * 4);}.py-12{padding-block:calc(var(--spacing) * 12);}.py-\[0\.25em\]{padding-block:0.25em;}.ps-4{padding-inline-start:calc(var(--spacing) * 4);}.ps-11{padding-inline-start:calc(var(--spacing) * 11);}.ps-20{padding-inline-start:calc(var(--spacing) * 20);}.ps-px{padding-inline-start:1px;}.pe-9{padding-inline-end:calc(var(--spacing) * 9);}.pt-0\!{padding-top:0px !important;}.pt-4{padding-top:calc(var(--spacing) * 4);}.pt-8{padding-top:calc(var(--spacing) * 8);}.pr-4{padding-right:calc(var(--spacing) * 4);}.pr-5{padding-right:calc(var(--spacing) * 5);}.pr-10{padding-right:calc(var(--spacing) * 10);}.pr-14{padding-right:calc(var(--spacing) * 14);}.pb-0{padding-bottom:0px;}.pb-2{padding-bottom:calc(var(--spacing) * 2);}.pb-4{padding-bottom:calc(var(--spacing) * 4);}.pl-0{padding-left:0px;}.pl-4{padding-left:calc(var(--spacing) * 4);}.pl-12{padding-left:calc(var(--spacing) * 12);}.pl-24{padding-left:calc(var(--spacing) * 24);}.text-center{text-align:center;}.text-start{text-align:start;}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));}.text-\[10px\]{font-size:10px;}.leading-none{--tw-leading:1;line-height:1;}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);}.font-normal\!{--tw-font-weight:var(--font-weight-normal) !important;font-weight:var(--font-weight-normal) !important;}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);}.whitespace-nowrap{white-space:nowrap;}.text-black{color:var(--color-black);}.text-blue-600{color:var(--color-blue-600);}.text-gray-300{color:var(--color-gray-300);}.text-gray-400{color:var(--color-gray-400);}.text-gray-500{color:var(--color-gray-500);}.text-gray-600{color:var(--color-gray-600);}.text-gray-800{color:var(--color-gray-800);}.text-red-500{color:var(--color-red-500);}.text-stroomop-auro-metal-saurus{color:#6B7280;}.text-stroomop-cg-blue{color:#00799e;}.text-stroomop-primary{color:#00799e;}.text-stroomop-secondary{color:#fce900;}.text-white{color:var(--color-white);}.underline{text-decoration-line:underline;}.decoration-2{text-decoration-thickness:2px;}.opacity-0{opacity:0%;}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}.outline{outline-style:var(--tw-outline-style);outline-width:1px;}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,rgb(0 0 0 / 0.12)));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.drop-shadow-xs{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,rgb(0 0 0 / 0.05)));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));}.duration-200{--tw-duration:200ms;transition-duration:200ms;}.duration-300{--tw-duration:300ms;transition-duration:300ms;}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}:is(:where(.group):is([open],:popover-open,:open) .group-open\:rotate-180){rotate:180deg;}@media (hover:hover){:is(:where(.group):hover .group-hover\:visible){visibility:visible;}:is(:where(.group):hover .group-hover\:text-stroomop-primary){color:#00799e;}:is(:where(.group):hover .group-hover\:opacity-100){opacity:100%;}}:is(:where(.group)[aria-pressed="true"] .group-aria-pressed\:block){display:block;}:is(:where(.group)[aria-pressed="true"] .group-aria-pressed\:hidden){display:none;}:is(:where(.peer):focus ~ .peer-focus\:visible){visibility:visible;}:is(:where(.peer):focus ~ .peer-focus\:opacity-100){opacity:100%;}.backdrop\:bg-black\/50::backdrop{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent);}}.before\:absolute::before{content:var(--tw-content);position:absolute;}.before\:top-3\.5::before{content:var(--tw-content);top:calc(var(--spacing) * 3.5);}.before\:mb-auto::before{content:var(--tw-content);margin-bottom:auto;}.before\:block::before{content:var(--tw-content);display:block;}.before\:h-0\.5::before{content:var(--tw-content);height:calc(var(--spacing) * 0.5);}.before\:h-2::before{content:var(--tw-content);height:calc(var(--spacing) * 2);}.before\:w-full::before{content:var(--tw-content);width:100%;}.before\:w-px::before{content:var(--tw-content);width:1px;}.before\:bg-slate-300::before{content:var(--tw-content);background-color:var(--color-slate-300);}.before\:bg-stroomop-bright-gray::before{content:var(--tw-content);background-color:#e5e7eb;}.before\:content-\[\"\"\]::before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:content-\[\'Meer_info\'\]::before {
  --tw-content: 'Meer info';
  content: var(--tw-content);
}
:is(:where(.group):is([open], :popover-open, :open) .group-open\:before\:content-\[\'Verbergen\'\])::before {
  --tw-content: 'Verbergen';
  content: var(--tw-content);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}
.after\:left-full::after {
  content: var(--tw-content);
  left: 100%;
}
.after\:-z-10::after {
  content: var(--tw-content);
  z-index: calc(10 * -1);
}
.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}
.after\:w-14::after {
  content: var(--tw-content);
  width: calc(var(--spacing) * 14);
}
.after\:bg-white::after {
  content: var(--tw-content);
  background-color: var(--color-white);
}
.after\:content-none::after {
  content: var(--tw-content);
  --tw-content: none;
  content: none;
}
.first\:before\:h-4:first-child::before {
  content: var(--tw-content);
  height: calc(var(--spacing) * 4);
}
.last\:border-none:last-child {
  --tw-border-style: none;
  border-style: none;
}
.last\:before\:h-4:last-child::before {
  content: var(--tw-content);
  height: calc(var(--spacing) * 4);
}
@media (hover: hover) {
  .hover\:border-stroomop-primary-hover:hover {
    border-color: #005d79;
  }
  .hover\:bg-stroomop-midnight-green:hover {
    background-color: #00485e;
  }
  .hover\:bg-stroomop-primary:hover {
    background-color: #00799e;
  }
  .hover\:bg-stroomop-primary-hover:hover {
    background-color: #005d79;
  }
  .hover\:text-\[\#005d79\]:hover {
    color: #005d79;
  }
  .hover\:text-gray-600:hover {
    color: var(--color-gray-600);
  }
  .hover\:text-stroomop-primary:hover {
    color: #00799e;
  }
  .hover\:text-stroomop-primary-hover:hover {
    color: #005d79;
  }
  .hover\:text-white:hover {
    color: var(--color-white);
  }
  .hover\:no-underline:hover {
    text-decoration-line: none;
  }
  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:z-10:focus {
  z-index: 10;
}
.focus\:border-blue-500:focus {
  border-color: var(--color-blue-500);
}
.focus\:border-stroomop-primary-hover:focus {
  border-color: #005d79;
}
.focus\:border-x-transparent:focus {
  border-inline-color: transparent;
}
.focus\:border-t-transparent:focus {
  border-top-color: transparent;
}
.focus\:border-b-blue-500:focus {
  border-bottom-color: var(--color-blue-500);
}
.focus\:bg-gray-50:focus {
  background-color: var(--color-gray-50);
}
.focus\:bg-stroomop-primary-hover:focus {
  background-color: #005d79;
}
.focus\:text-blue-600:focus {
  color: var(--color-blue-600);
}
.focus\:text-stroomop-primary-hover:focus {
  color: #005d79;
}
.focus\:placeholder-transparent:focus::placeholder {
  color: transparent;
}
.focus\:ring-0:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-blue-500:focus {
  --tw-ring-color: var(--color-blue-500);
}
.focus\:outline-hidden:focus {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:opacity-50:disabled {
  opacity: 50%;
}
@media (width >= 40rem) {
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .sm\:pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
}
@media (width >= 48rem) {
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .md\:right-0 {
    right: 0px;
  }
  .md\:left-0 {
    left: 0px;
  }
  .md\:left-auto {
    left: auto;
  }
  .md\:my-40 {
    margin-block: calc(var(--spacing) * 40);
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .md\:mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .md\:mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .md\:mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .md\:block {
    display: block;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-8 {
    height: calc(var(--spacing) * 8);
  }
  .md\:h-10 {
    height: calc(var(--spacing) * 10);
  }
  .md\:h-20 {
    height: calc(var(--spacing) * 20);
  }
  .md\:h-28 {
    height: calc(var(--spacing) * 28);
  }
  .md\:h-48 {
    height: calc(var(--spacing) * 48);
  }
  .md\:w-20 {
    width: calc(var(--spacing) * 20);
  }
  .md\:w-24 {
    width: calc(var(--spacing) * 24);
  }
  .md\:w-28 {
    width: calc(var(--spacing) * 28);
  }
  .md\:w-48 {
    width: calc(var(--spacing) * 48);
  }
  .md\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .md\:w-96 {
    width: calc(var(--spacing) * 96);
  }
  .md\:max-w-lg {
    max-width: var(--container-lg);
  }
  .md\:max-w-xl {
    max-width: var(--container-xl);
  }
  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .md\:gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .md\:rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .md\:border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .md\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .md\:p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .md\:px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .md\:px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .md\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .md\:py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .md\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .md\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .md\:pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .md\:pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .md\:pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .md\:pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .md\:pl-18 {
    padding-left: calc(var(--spacing) * 18);
  }
  .md\:pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .md\:pl-36 {
    padding-left: calc(var(--spacing) * 36);
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .md\:text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .md\:text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .md\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .md\:text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .md\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .md\:leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .md\:shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .md\:after\:content-\[\"\"\]::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .md\:hover\:shadow-none:hover {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
@media (width >= 64rem) {
  .lg\:mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .lg\:h-10 {
    height: calc(var(--spacing) * 10);
  }
  .lg\:h-36 {
    height: calc(var(--spacing) * 36);
  }
  .lg\:h-64 {
    height: calc(var(--spacing) * 64);
  }
  .lg\:w-10 {
    width: calc(var(--spacing) * 10);
  }
  .lg\:w-40 {
    width: calc(var(--spacing) * 40);
  }
  .lg\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .lg\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .lg\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .lg\:py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .lg\:py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .lg\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .lg\:pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .lg\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .lg\:pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }
  .lg\:pl-40 {
    padding-left: calc(var(--spacing) * 40);
  }
  .lg\:pl-48 {
    padding-left: calc(var(--spacing) * 48);
  }
  .lg\:text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
@media (width >= 80rem) {
  .xl\:-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .xl\:-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .xl\:mx-auto {
    margin-inline: auto;
  }
  .xl\:max-w-\(--breakpoint-2xl\) {
    max-width: var(--breakpoint-2xl);
  }
  .xl\:max-w-\(--breakpoint-sm\) {
    max-width: var(--breakpoint-sm);
  }
  .xl\:max-w-\(--breakpoint-xl\) {
    max-width: var(--breakpoint-xl);
  }
}
.\[\&_\.views-element-container\>div\]\:flex .views-element-container > div {
  display: flex;
}
.\[\&_\.views-element-container\>div\]\:flex-wrap .views-element-container > div {
  flex-wrap: wrap;
}
.\[\&_\.views-element-container\>div\]\:justify-center .views-element-container > div {
  justify-content: center;
}
.\[\&_\.views-element-container\>div\]\:gap-4 .views-element-container > div {
  gap: calc(var(--spacing) * 4);
}
.\[\&_div\]\:h-full div {
  height: 100%;
}
.\[\&_iframe\]\:aspect-video iframe {
  aspect-ratio: var(--aspect-video);
}
.\[\&_iframe\]\:h-auto iframe {
  height: auto;
}
.\[\&_iframe\]\:w-full iframe {
  width: 100%;
}
.\[\&_iframe\]\:rounded-3xl iframe {
  border-radius: var(--radius-3xl);
}
.\[\&_img\]\:h-4 img {
  height: calc(var(--spacing) * 4);
}
.\[\&_img\]\:h-7 img {
  height: calc(var(--spacing) * 7);
}
.\[\&_img\]\:h-24 img {
  height: calc(var(--spacing) * 24);
}
.\[\&_img\]\:h-auto img {
  height: auto;
}
.\[\&_img\]\:h-full img {
  height: 100%;
}
.\[\&_img\]\:max-h-4 img {
  max-height: calc(var(--spacing) * 4);
}
.\[\&_img\]\:w-4 img {
  width: calc(var(--spacing) * 4);
}
.\[\&_img\]\:w-7 img {
  width: calc(var(--spacing) * 7);
}
.\[\&_img\]\:w-24 img {
  width: calc(var(--spacing) * 24);
}
.\[\&_img\]\:w-48 img {
  width: calc(var(--spacing) * 48);
}
.\[\&_img\]\:w-full img {
  width: 100%;
}
.\[\&_img\]\:max-w-4 img {
  max-width: calc(var(--spacing) * 4);
}
.\[\&_img\]\:rounded-3xl img {
  border-radius: var(--radius-3xl);
}
.\[\&_img\]\:object-cover img {
  object-fit: cover;
}
.\[\&_img\]\:object-center img {
  object-position: center;
}
.\[\&_img\]\:invert img {
  --tw-invert: invert(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.\[\&_img\]\:transition img {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.\[\&_img\]\:duration-300 img {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
@media (hover: hover) {
  :is(:where(.group):hover :is(.\[\&_img\]\:group-hover\:grayscale img)) {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }
}
@media (width >= 48rem) {
  .md\:\[\&_img\]\:h-44 img {
    height: calc(var(--spacing) * 44);
  }
  .md\:\[\&_img\]\:w-44 img {
    width: calc(var(--spacing) * 44);
  }
}
.\[\&_ul\]\:flex ul {
  display: flex;
}
.\[\&_ul\]\:flex-col ul {
  flex-direction: column;
}
.\[\&_ul\]\:items-center ul {
  align-items: center;
}
.\[\&_ul\]\:justify-start ul {
  justify-content: flex-start;
}
.\[\&_ul\]\:gap-2 ul {
  gap: calc(var(--spacing) * 2);
}
@media (width >= 40rem) {
  .sm\:\[\&_ul\]\:flex-row ul {
    flex-direction: row;
  }
  .sm\:\[\&_ul\]\:gap-0 ul {
    gap: 0px;
  }
}
.\[\&_ul_li\]\:px-2 ul li {
  padding-inline: calc(var(--spacing) * 2);
}
.\[\&_ul_li_a\:hover\]\:underline ul li a:hover {
  text-decoration-line: underline;
}
.\[\&_ul_li\+li\]\:border-black ul li + li {
  border-color: var(--color-black);
}
@media (width >= 40rem) {
  .sm\:\[\&_ul_li\+li\]\:border-l ul li + li {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
.\[\&_video\]\:aspect-video video {
  aspect-ratio: var(--aspect-video);
}
.\[\&_video\]\:h-auto video {
  height: auto;
}
.\[\&_video\]\:w-full video {
  width: 100%;
}
.\[\&_video\]\:rounded-3xl video {
  border-radius: var(--radius-3xl);
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  appearance: none;
}
.\[\&\>a\]\:flex > a {
  display: flex;
}
.\[\&\>a\]\:flex-row > a {
  flex-direction: row;
}
.\[\&\>div\]\:grid > div {
  display: grid;
}
.\[\&\>div\]\:h-full > div {
  height: 100%;
}
.\[\&\>div\]\:grid-cols-1 > div {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.\[\&\>div\]\:items-start > div {
  align-items: flex-start;
}
.\[\&\>div\]\:justify-stretch > div {
  justify-content: stretch;
}
.\[\&\>div\]\:gap-4 > div {
  gap: calc(var(--spacing) * 4);
}
.\[\&\>div\]\:gap-8 > div {
  gap: calc(var(--spacing) * 8);
}
:where(.\[\&\>div\]\:space-y-4 > div > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
@media (width >= 40rem) {
  .sm\:\[\&\>div\]\:grid-cols-2 > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:\[\&\>div\]\:gap-4 > div {
    gap: calc(var(--spacing) * 4);
  }
}
@media (width >= 48rem) {
  .md\:\[\&\>div\]\:grid-cols-2 > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:\[\&\>div\]\:grid-cols-3 > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (width >= 64rem) {
  .lg\:\[\&\>div\]\:grid-cols-3 > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:\[\&\>div\]\:gap-8 > div {
    gap: calc(var(--spacing) * 8);
  }
}
.\[\&\>div\:nth-child\(1\)\]\:flex-1 > div:nth-child(1) {
  flex: 1;
}
.\[\&\>div\:nth-child\(1\)\]\:pr-4 > div:nth-child(1) {
  padding-right: calc(var(--spacing) * 4);
}
.\[\&\>div\>div\]\:w-full > div > div {
  width: 100%;
}
.\[\&\>div\>div\]\:border-b > div > div {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.\[\&\>div\>div\]\:border-gray-200 > div > div {
  border-color: var(--color-gray-200);
}
.\[\&\>div\>div\:last-child\]\:border-0 > div > div:last-child {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-space-y-reverse: 0;
    --tw-border-style: solid;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 #0000;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 #0000;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 #0000;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-rotate: initial;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-content: "";
  }
}
:root {
  --black: #000000;
  --white: #ffffff;
  --cg-blue: #00799e;
  --cg-blue-hover: #005d79;
  --middle-yellow: #fce900;
  --independence: #4b5563;
  --bright-gray: #e5e7eb;
  --midnight-green: #00485e;
  --blue: #0550e6;
  --gargoyle-gas: #FDE047;
  --anti-flash-white: #F6F5F3;
  --auro-metal-saurus: #6B7280;
}
.stroom-organization-edit .form-item-owner,
.stroom-organization-edit .form-type-item label,
.stroom-organization-edit .form-item-organization {
  color: #00799e;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.09px;
  margin: 0 0 30px 0;
}
.stroom-organization-edit .form-item-organization span,
.stroom-organization-edit .form-item-owner span {
  color: #000000;
  font-weight: normal;
}
@media (max-width: 640px) {
  .stroom-organization-edit .form-item-owner {
    display: none;
  }
}
:is(.stroom-organization-edit .form-item-owner,
.stroom-organization-edit .form-item-organization) label {
  margin: 0 20px 0 0;
}
.stroom-organization-edit .form-item-description {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0.1px;
  margin: 0 0 30px 0;
  @media (max-width: 640px) {
    display: none;
  }
}
.stroom-organization-edit .form-submit {
  align-self: start;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: white;
  background: var(--cg-blue);
  border-radius: 8px;
  padding: 14px 16px;
  width: auto;
  transition: background 0.2s ease-in-out;
  margin: 25px 0 0 0;
  &:hover {
    background: var(--cg-blue-hover);
    cursor: pointer;
  }
  @media (max-width: 1200px) {
    margin: 0;
  }
}
@media (max-width: 640px) {
  .stroom-organization-edit [data-drupal-selector="edit-add-member-container"] {
    display: none;
  }
  .stroom-organization-edit .fieldset-wrapper {
    display: none;
  }
}
.stroom-organization-edit [data-drupal-selector="edit-add-member-container"] > .fieldset-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  @media (max-width: 1200px) {
    flex-direction: column;
    gap: 10px;
    margin: 0 0 40px 0;
  }
}
.stroom-organization-edit [data-drupal-selector="edit-roles"] .fieldset-wrapper .form-checkboxes {
  display: flex;
  gap: 20px;
}
.stroom-organization-edit [data-drupal-selector="edit-roles"] .fieldset-wrapper .form-checkboxes .form-type-checkbox {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.stroom-organization-edit
  [data-drupal-selector="edit-roles"]
  .fieldset-wrapper
  .form-checkboxes
  .form-type-checkbox
  label.option {
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.08px;
}
.stroom-organization-edit [data-drupal-selector="edit-roles"] legend {
  margin-bottom: 16px;
  span.fieldset-legend {
    color: #1f2937;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.07px;
    margin: 0 0 20px 0;
  }
}
.stroom-organization-edit [data-drupal-selector="edit-members"] [data-drupal-selector="edit-members-header"] {
  display: flex;
  gap: 20px;
  margin: 0 0 20px 0;
  align-items: center;
  @media (max-width: 1200px) {
    display: none;
  }
  .form-item {
    margin-bottom: 0;
    line-height: 1.2;
    label {
      color: #1f2937;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 0.07px;
    }
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector="edit-members-header"]
  > div:nth-child(1),
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(1) {
  width: 33.333333%;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector="edit-members-header"]
  > div:nth-child(2),
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(2) {
  width: 50%;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector="edit-members-header"]
  > div:nth-child(3),
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(3) {
  width: 8.333333%;
  white-space: nowrap;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(3)::before {
  content: none;
}
@media (max-width: 1200px) {
  .stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(3)::before {
    content: "Laatst ingelogd:";
    font-weight: bold;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector="edit-members-header"]
  > div:nth-child(4) {
  width: 16.666667%;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit ul li {
  list-style: disc inside;
}
.stroom-organization-edit .form-item-description {
  font-size: 14px;
}
[class*="form-item-members-header"] label {
  color: #1f2937;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.07px;
}
.stroom-organization-edit [data-drupal-selector="edit-members"] [data-drupal-selector*="edit-members"].row {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 0 0 20px 0;
  @media (max-width: 1200px) {
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--cg-blue);
  }
  * {
    margin-bottom: 0;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 33.333333%;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > div:nth-child(2) {
  width: 50%;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > .form-checkboxes {
  width: 8.333333%;
  @media (max-width: 1200px) {
    width: 100%;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  > .form-submit {
  width: 16.666667%;
  @media (max-width: 1200px) {
    width: auto;
  }
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"]
  .form-checkboxes {
  display: flex;
  gap: 20px;
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"]
  .form-checkboxes
  .form-type-checkbox {
  display: flex;
  gap: 4px;
  align-items: center;
  margin: 0;
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  [class*="-email"] {
  color: var(--auro-metal-saurus);
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.075px;
  border-bottom: #e5e8eb solid 1px;
  padding: 0 0 8px 0;
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"]
  [data-drupal-selector$="-roles"]
  .fieldset-legend {
  color: #1f2937;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.075px;
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"]
  .form-checkboxes
  .form-type-checkbox
  label.option {
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.08px;
  margin: 0;
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"].row
  [class*="-last-login"] {
  color: #1f2937;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.08px;
}
.stroom-organization-edit
  [data-drupal-selector="edit-members"]
  [data-drupal-selector*="edit-members"]
  [data-drupal-selector$="-remove"] {
  display: inline-block;
  background-color: white;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  width: auto;
  margin: 0;
  color: #ef4444;
  text-align: center;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 00;
  line-height: normal;
  letter-spacing: 0.075px;
  &:hover {
    color: #f87171;
    border: 1px solid #f87171;
  }
}
details summary::marker,
details summary::-webkit-details-marker {
  display: none;
}
.ui-dialog {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0.75rem;
  pointer-events: auto;
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  border: 0;
  border-bottom: 1px solid #e5e7eb;
  background-color: transparent !important;
  .ui-dialog-titlebar-close:hover,
  .ui-dialog-titlebar-close:focus {
    background-color: #e5e7eb;
  }
  .ui-dialog-titlebar-close:disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .ui-dialog-titlebar-close {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    margin: unset;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 9999px;
    border: 1px solid transparent;
    background-color: #f3f4f6;
    color: #1f2937;
  }
}
.ui-dialog .ui-dialog-title {
  font-weight: 700;
  color: #1f2937;
}
.ui-dialog .ui-dialog-content {
  padding: 1rem;
  overflow-y: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid #e5e7eb;
  .ui-button {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 6px;
    transition: 0.3s;
    &:first-child {
      background: var(--cg-blue);
      color: white;
      border-color: var(--cg-blue);
      &:hover {
        background: var(--cg-blue-hover);
        border-color: var(--cg-blue-hover);
      }
    }
    &:last-child {
      border-color: var(--cg-blue);
      color: var(--cg-blue);
      &:hover {
        color: var(--cg-blue-hover);
        border-color: var(--cg-blue-hover);
        background: white;
      }
    }
  }
}
#tfa-disable,
#tfa-entry-form,
#tfa-base-overview,
#tfa-setup,
#simple-oauth-authorize-form {
  margin-inline: auto;
  max-width: calc(var(--spacing) * 96);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 4);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 7);
  }
  #edit-change-validation-plugin {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-600);
    .fieldset-legend {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #00799e;
    }
  }
  [data-drupal-selector="edit-help-text"] {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-600);
  }
  #edit-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  #edit-login,
  #edit-submit {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    width: 45%;
  }
  #edit-cancel {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    border: 1px solid var(--cg-blue);
    color: var(--cg-blue);
    width: 45%;
    &:hover {
      background-color: transparent;
      border-color: var(--cg-blue-hover);
      color: var(--cg-blue-hover);
    }
  }
  #edit-send,
  #edit-save,
  #edit-login {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    & + #edit-cancel {
      width: 100%;
    }
  }
  .logout-button {
    margin-top: calc(var(--spacing) * 4);
    display: inline-block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #00799e;
    text-decoration-thickness: 2px;
    &:hover {
      @media (hover: hover) {
        color: #005d79;
      }
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  ul,
  p,
  #edit-seed--description,
  #edit-code--description,
  #edit-current-pass--description {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-gray-600);
  }
  h2,
  h3 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #00799e;
  }
  a {
    color: #00799e;
    text-decoration-thickness: 2px;
    &:hover {
      @media (hover: hover) {
        color: #005d79;
      }
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .tfa-qr-code {
    margin-inline: auto;
  }
  a[href$="tfa/disable"] {
    display: block;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    width: auto;
    margin-top: 16px;
    color: #ef4444;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 00;
    line-height: normal;
    letter-spacing: 0.075px;
    &:hover {
      color: #f87171;
      border: 1px solid #f87171;
    }
  }
  a[href$="tfa/tfa_totp"] {
    background: var(--cg-blue);
    color: white;
    padding: 12px 12px;
    border-radius: 8px;
    min-width: 120px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s background ease-in-out;
    line-height: 1;
    text-align: center;
    &:hover {
      background: var(--cg-blue-hover);
    }
    &:disabled {
      background: var(--independence);
      &:hover {
        background: var(--independence);
      }
    }
  }
  #edit-validation summary {
    display: none;
  }
}
.account-security .links a {
  background: var(--cg-blue);
  color: white;
  padding: 12px 16px;
  border-radius: 8px;
  min-width: 120px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  transition: 0.2s background ease-in-out;
  line-height: 1;
  &:hover {
    background: var(--cg-blue-hover);
  }
  &:disabled {
    background: var(--independence);
    &:hover {
      background: var(--independence);
    }
  }
  @media screen and (max-width: 768px) {
    padding: 12px 16px;
    min-width: unset;
    font-size: 12px;
  }
}
.account-security a[href$="tfa/disable"] {
  color: #ef4444;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.075px;
  text-decoration: underline;
  &:hover {
    color: #f87171;
  }
}
.account-security .tfa-status-badge {
  margin-top: calc(var(--spacing) * 3);
  display: inline-block;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-green-400);
  background-color: var(--color-green-100);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-green-700);
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";inherits:false;}@keyframes spin{to{transform:rotate(360deg);}}