/** * church-website-platform v1.0.0 * * Church Website Platform by Cyan Solutions Ltd. * * Version 1.0.0 * Author Jason D. Moss (https://www.jdmlabs.com/) * Copyright 2025 Cyan Solutions Ltd. All rights reserved. * License SEE LICENSE IN License * Link */ :root{--primary-h: 284;--primary-s: 50.8%;--primary-l: 45%;--primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));--secondary-h: 232;--secondary-s: 69.4%;--secondary-l: 19.2%;--secondary: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l));--tertiary-h: 280;--tertiary-s: 55.8%;--tertiary-l: 81.4%;--tertiary: hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l));--tertiary-light: hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l) / 25%);--quaternary-h: 193;--quaternary-s: 88.6%;--quaternary-l: 72.5%;--quaternary: hsl(var(--quaternary-h) var(--quaternary-s) var(--quaternary-l));--quinary-h: 189;--quinary-s: 52%;--quinary-l: 90.2%;--quinary: hsl(var(--quinary-h) var(--quinary-s) var(--quinary-l));--red-h: 357;--red-s: 100%;--red-l: 43.1%;--red: hsl(var(--red-h) var(--red-s) var(--red-l));--white-h: 0;--white-s: 100%;--white-l: 100%;--white: hsl(var(--white-h) var(--white-s) var(--white-l));--debug--blue: rgb(0, 108, 255, 10%);--debug--green: rgb(20, 255, 0, 10%);--debug--pink: rgb(255, 0, 201, 10%);--debug--lime: rgb(192, 255, 0, 10%);--debug--red: rgb(255, 0, 0, 10%);--debug--teal: rgb(0, 255, 255, 10%);--debug--purple: rgb(171, 0, 255, 10%);--debug--yellow: rgb(250, 255, 203, 50%);--font-family: Lexend;--constraint--header: 100rem;--constraint--footer: 88rem;--constraint--main: 72.5rem}*,*::before,*::after{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none}html,body{position:relative;margin:0;padding:0}body,h1,h2,h3,h4,p,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{display:grid;grid-template-columns:100%;align-content:start;height:100%;margin-inline:auto;border:.15rem solid var(--tertiary-light);background:var(--white) linear-gradient(hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l)/0.6) 0%, var(--white) 7%);color:var(--secondary);cursor:default;transition:border-width .3s ease-in-out,filter .15s ease-in-out}.endo,.site--content,header{position:relative;width:100%;transition:width .15s ease-in-out,height .15s ease-in-out,margin .15s ease-in-out,padding .15s ease-in-out}.site--header,.site--content,.site--footer{grid-column:1;position:relative;width:100%}.site--header{grid-row:1;align-self:start}.site--content{grid-row:2;align-self:stretch;display:flex;flex-direction:column}.site--footer{grid-row:3;align-self:end}.endo,.reviews>header{max-width:var(--constraint--main);height:auto;margin-right:auto;margin-left:auto;padding-inline:1rem}.card-grid{display:flex;flex-flow:row wrap;gap:2rem}a{text-decoration-skip-ink:auto;text-underline-offset:.5rem;color:currentColor}ol,ul{list-style-position:outside;margin-block:1rem;li{padding-left:.25rem}}ul{list-style-type:disc;padding-inline-start:2.5rem;li::marker{font-size:1.15rem}}ul ul{list-style-type:disc;margin-block:.25rem}ul ul ul{list-style-type:circle}ol{list-style-type:decimal;padding-inline-start:2rem;li::marker{font-weight:600}}ol ol{list-style-type:lower-alpha;margin-block:.25rem;li::marker{font-size:1rem}}ol ol ol{list-style-type:upper-roman}figure{margin:0}img,svg{display:block;max-width:100%;height:auto;background-size:cover;object-fit:contain}button,.button,.hs-button{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;width:fit-content;margin:0;padding:.75rem 2rem;border:.125rem solid var(--primary);border-radius:2rem;outline:0;background-color:var(--primary);box-shadow:none;color:var(--white);cursor:pointer;appearance:none;transition:all .125s ease-in-out;&:active,&:hover,&:focus{border-color:var(--primary);background-color:var(--white);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05),0 4px 8px rgba(0, 0, 0, 0.05);color:var(--primary)}}:target{scroll-margin-block:3rem}.home-link{display:flex;visibility:hidden;place-content:center;z-index:1;position:fixed;right:1rem;bottom:1rem;transition:visibility .2s ease-in-out;svg{width:0;height:0;transition:width .2s ease-in-out,height .2s ease-in-out}}.has-pinned-header .home-link{visibility:visible;padding:.25rem;border-radius:50%;background-color:var(--secondary);box-shadow:0 2px 4px rgba(0, 0, 0, 0.07),0 2px 8px rgba(0, 0, 0, 0.07),0 4px 12px rgba(0, 0, 0, 0.1),0 4px 16px rgba(0, 0, 0, 0.1);color:var(--white);svg{width:clamp(2rem,6.5vw,4rem);height:clamp(2rem,6.5vw,4rem)}}.uc{text-transform:uppercase}*{font-family:var(--font-family),-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto !important}body{font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:18px;line-height:1.7}h1,h2,h3,h4,h5,h6,p{width:100%}h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.25;transition:margin-block-end .3s ease-in-out}h1,h2,h3,h4{font-weight:700}h5,h6{font-weight:600}h1{margin-block-end:1.15rem;font-size:clamp(2.75rem,3.5vw,3.75rem)}h2{margin-block-end:1rem;font-size:clamp(2.25rem,3.5vw,3rem)}h3{margin-block-end:.85rem;font-size:clamp(1.5rem,3.5vw,2.25rem);.small{font-size:1.375rem}}h4{margin-block-end:.65rem;font-size:clamp(1.25rem,3.5vw,1.75rem)}h5{margin-block-end:.15rem;font-size:clamp(1.05rem,3.5vw,1.5rem)}h6{margin-block-end:.05rem;font-size:clamp(1rem,3.5vw,1.25rem)}p{font-size:clamp(1rem,3.5vw,1.125rem);&:not(:last-child){margin-block-end:1.25rem}}button{text-align:center;text-underline-offset:.3rem;text-decoration:none;text-transform:none;font-weight:600;font-size:1rem;line-height:1.4}.navigation{&,.menu-links{display:flex}&.main-menu{flex-flow:row wrap;align-items:center;.menu-links{flex-flow:row wrap;gap:.25rem 1rem;align-items:center;justify-content:flex-end;width:100%}a{padding:.25rem .5rem;color:var(--secondary);&,&:link,&:visited{text-decoration:none;&.button{padding:.25rem 1rem;font-weight:600;font-size:1rem;color:var(--white)}}&:active,&:hover,&:focus{text-decoration:underline dotted;&.button{text-decoration:none;color:var(--primary)}}&.active{text-decoration-thickness:.25rem;text-decoration-style:solid;text-decoration-color:var(--primary);text-decoration-line:underline}}}}@media screen and (min-width: 760px){.navigation{&.main-menu{.menu-links{gap:0 2rem;a.button{padding:.5rem 1.5rem}}}}}@media screen and (min-width: 1024px){.navigation{&.main-menu{.menu-links{gap:0 3rem;a.button{padding:.55rem 2rem}}}}}.site--header{.endo{display:grid;grid-template-columns:20% 80%;grid-template-rows:auto;align-items:center;max-width:var(--constraint--header);padding-block:1rem 2rem;transition:all .2s ease-in-out}.nameplate{grid-column:1;grid-row:1}.main-menu{grid-column:2;grid-row:1}}body.has-pinned-header .site--header{overflow-y:visible;z-index:2;position:sticky;top:-1px;.endo{margin-inline:auto;padding-block:.25rem;background-color:hsla(0 0% 100%/0.9);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1),0 4px 8px rgba(0, 0, 0, 0.08),0 8px 12px rgba(0, 0, 0, 0.04)}.navigation.main-menu .menu-links{padding-block:0}}@media screen and (max-width: 639px){body.has-pinned-header .site--header{.endo{grid-template-columns:100%}.nameplate{display:none}.main-menu{grid-column:1;.menu-links{justify-content:center;font-size:.9rem}}}}@media screen and (min-width: 640px)and (max-width: 759px){body.has-pinned-header .site--header{.endo{width:calc(100% - 1rem);margin-block-start:.25rem;padding-inline:1.5rem;border-radius:2rem}}}@media screen and (min-width: 760px){body.has-pinned-header .site--header{.endo{grid-template-columns:7rem 1fr;top:.5rem;padding-block:.5rem;padding-inline:2rem;border-radius:2.5rem;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1),0 4px 8px rgba(0, 0, 0, 0.08),0 8px 12px rgba(0, 0, 0, 0.04),0 12px 24px rgba(0, 0, 0, 0.02)}}}@media screen and (min-width: 760px){body.has-pinned-header .site--header{.endo{grid-template-columns:10rem 1fr}}}.site--footer{padding-block:4rem 2rem;background-color:var(--secondary);color:var(--white);.endo{display:grid;grid-template-columns:100%;grid-template-rows:auto;align-items:start;gap:4rem;max-width:var(--constraint--footer);padding-inline:3rem}.footer-menu,.footer-submenu,.newsletter,.social-profiles-menu{&,h3{width:100%}h3{text-transform:uppercase;font-weight:500;font-size:1rem;color:var(--quaternary)}}.footer-menu,.footer-submenu{flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem;text-align:center;a{display:flex;place-content:center;width:100%;text-decoration:none;font-weight:600;>span{text-decoration:underline}&,&:link,&:visited{opacity:.7;color:var(--quinary)}&:active,&:hover,&:focus{opacity:1;color:var(--white)}}}.newsletter{.hs-form-private{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:1.5rem;>div{margin:0;padding:0}}.hs_email{order:0;width:100%;label{display:none !important}input.hs-input{width:100% !important;max-width:none;padding:1rem;border:.0625rem solid transparent;border-radius:3rem;font-size:1.25rem;line-height:2;color:#000;&:hover{border-color:var(--primary)}&:focus{border-color:var(--primary);box-shadow:0 2px 4px rgba(0, 0, 0, 0.14),0 4px 8px rgba(0, 0, 0, 0.12),0 8px 12px rgba(0, 0, 0, 0.1),0 12px 24px rgba(0, 0, 0, 0.08)}}}.hs-recaptcha{order:2;padding-block:1rem;>.input{width:fit-content}}.hs_submit{order:1;.actions{margin:0;padding:0}.hs-button{width:fit-content !important;margin-inline:auto;padding:.55rem 2rem;border-color:var(--white);border-radius:3rem;background-color:var(--white);background-image:none;font-weight:500;letter-spacing:.0625rem;font-size:1rem;line-height:2;color:var(--secondary);transition:transform .2s ease-in-out;&:active,&:hover,&:focus{border-color:#fff !important;box-shadow:none;text-decoration:underline dotted}}}}.social-profiles-menu{flex-flow:row wrap;align-items:flex-start;justify-content:center;gap:2rem;text-align:center;a{svg{width:2rem;height:2rem;transition:transform .2s ease-in-out}&:hover,&:focus{svg{transform:scale(1.25)}}}}.h-card{display:flex;align-items:center;gap:2rem;.u-logo{display:flex;place-content:center;width:7rem;height:7rem;>svg{width:100%}}figcaption{width:100%;color:var(--quinary);p{margin-block-end:.25rem;a:active,a:hover,a:focus{color:var(--white)}}}}}@media screen and (min-width: 760px){.site--footer{.endo{grid-template-columns:repeat(2, calc(50% - 1.5rem))}.footer-menu{grid-column:1;grid-row:1;text-align:left;&,a{justify-content:start}}.footer-submenu{grid-column:1;grid-row:2;text-align:left;&,a{justify-content:start}}.newsletter{grid-column:2;grid-row:1}.social-profiles-menu{grid-column:2;grid-row:2;justify-content:flex-start;text-align:left}.h-card{grid-column:1/span 2;grid-row:3}}}@media screen and (min-width: 1024px){.site--footer{.endo{grid-template-columns:calc(20% - 2rem) calc(47.5% - 2rem) calc(32.5% - 2rem)}.footer-submenu{grid-column:3;grid-row:3;align-self:end;justify-self:end;&,a{justify-content:end;text-align:right}}.newsletter{padding-inline:2rem}.social-profiles-menu{grid-column:3;grid-row:1;a svg{width:1.75rem;height:1.75rem}}}}.site--content>section{padding-block:4rem;>header,.endo>header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center;p{margin-inline:auto;font-size:clamp(1rem,6.5vw,1.375rem);font-weight:500}}}.welcome .endo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:4rem;text-align:center;h1,button{margin-inline:auto}p{font-size:clamp(1rem,6.5vw,1.75rem);font-weight:500}button{margin-block-start:1.5rem}}.examples{.endo>svg{display:none}.card-grid{align-items:center;justify-content:space-between;padding-block-start:4rem;transition:all .5s ease-in-out;figure{flex-basis:calc(50% - 1.5rem);overflow:hidden;width:auto;height:auto;cursor:zoom-in;transition:width 1s ease-in-out,height 1s ease-in-out;img{width:100%;border-radius:1.25rem;transition:all .3s ease-in-out}figcaption{display:none}}}}.image-modal{display:none;place-items:center;overflow:auto;z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background:hsl(0 0% 0%/0.4);figure{width:calc(100% - 2rem);max-width:200rem;max-height:calc(100vh - 2rem);margin:auto;object-fit:contain;animation-name:zoom;animation-duration:.3s;img{display:block;width:100%;height:auto;max-height:calc(100% - 2rem);margin:auto}figcaption{padding:.5rem 1rem;background-color:hsl(0 0% 0%/0.7);text-align:center;color:var(--white)}.out{animation-name:zoom-out;animation-duration:.3s}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}.close:hover,.close:focus{text-decoration:none;color:#bbb;cursor:pointer}}@keyframes zoom{from{transform:scale(0.4)}to{transform:scale(1)}}@keyframes zoom-out{from{transform:scale(1)}to{transform:scale(0)}}@media screen and (min-width: 760px){.examples .card-grid figure{flex-basis:calc(33% - 1.5rem)}}.features{padding-block:4rem;.card-grid{justify-content:space-between;padding-block-start:4rem;transition:all .5s ease-in-out}figure{padding:clamp(2rem,5%,2.5rem);border-radius:1.25rem;background-color:var(--tertiary-light);&,figcaption{display:flex;flex-direction:column}figcaption{margin-block-start:2rem;h6{margin-block-end:1rem}}}}@media screen and (min-width: 760px){figure{flex-basis:calc(50% - 1rem)}}.pricing{padding-block:4rem;.priceboard{display:grid;grid-auto-columns:100%;grid-auto-rows:auto;grid-template-areas:"head1" "setup" "head2" "beginner" "intermediate" "advanced" "addons";align-items:start;gap:2rem;padding-block:4rem;header:first-of-type{grid-area:head1}header:last-of-type{grid-area:head2}.initial{grid-area:setup}.add-ons{grid-area:addons}.beginner{grid-area:beginner}.intermediate{grid-area:intermediate}.advanced{grid-area:advanced}}.initial,.add-ons,.beginner,.intermediate,.advanced{border-radius:1.25rem;background-color:var(--tertiary-light);box-shadow:0 2px 3px rgba(0, 0, 0, 0.05),0 4px 8px rgba(0, 0, 0, 0.03)}.initial,.add-ons,.beginner,.advanced{display:flex;flex-direction:column;position:relative}.add-ons,.beginner,.advanced{padding:clamp(2rem,5%,2.5rem)}.initial{padding-block-start:clamp(2rem,5%,2.5rem);border:.125rem solid var(--primary);h4,h5,h6,a>span{padding-inline:clamp(2rem,5%,2.5rem)}ul{padding-inline:clamp(4rem,5%,4.5rem)}.fake-button{align-self:end;display:block;width:100%;margin-block:1rem 0;padding:.75rem 2rem;border-radius:0 0 1.125rem 1.125rem;background-color:var(--primary);text-align:center;text-decoration:none;text-underline-offset:.5rem;color:var(--white)}.enquire-link{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;>span{display:none}}&:has(.enquire-link:hover){box-shadow:0 2px 4px rgba(0, 0, 0, 0.14),0 4px 8px rgba(0, 0, 0, 0.12),0 8px 12px rgba(0, 0, 0, 0.1),0 12px 24px rgba(0, 0, 0, 0.08);.fake-button{background-color:hsl(var(--primary-h) var(--primary-s) calc(var(--primary-l) - 7%));text-decoration:underline dotted}}}.intermediate{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label popular" "price popular" "description popular";padding-block:clamp(2rem,5%,2.5rem);padding-inline:clamp(2rem,5%,2.5rem) 0;background-color:hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l)/55%);h4{grid-area:label}h5{grid-area:price}p:first-of-type{grid-area:description;padding-inline-end:1rem}p:last-of-type{grid-area:popular;height:calc(100% + 4rem);margin-top:-2rem;padding:1rem;border-radius:1.25rem 0 0 1.25rem;background-color:var(--secondary);writing-mode:vertical-lr;text-orientation:sideways;text-transform:uppercase;text-align:center;font-weight:600;font-size:clamp(1.05rem,3.5vw,1.5rem);color:var(--white);transform:rotate(180deg)}}.add-ons{border:.0625rem solid hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l)/50%)}.price{font-size:150%}}@media screen and (min-width: 852px){.pricing{.priceboard{grid-template-columns:repeat(2, calc(50% - 1rem));grid-template-areas:"head1 head2" "setup head2" "setup beginner" "setup intermediate" "setup advanced" "addons ."}}}.reviews{--rose-medium: hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l) / 40%);--rose-dark: hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l) / 75%);overflow:hidden;width:100%;padding-block-end:10rem !important;background-color:var(--tertiary-light);>header *{text-align:center}.carousel{padding-block:2rem;.flickity-viewport{overflow:visible}}.user-review{display:grid;grid-template-columns:100%;grid-template-rows:auto;align-content:start;gap:1rem;width:82.5%;max-width:var(--constraint--main);height:auto;margin-inline:1rem;padding-block:2rem;padding-inline:clamp(2rem,5%,4rem);border-radius:1.5rem;background-color:var(--rose-medium);transition:margin .3s ease-in-out,padding .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out;&.is-selected{background-color:var(--rose-dark);box-shadow:0 2px 6px rgba(0, 0, 0, 0.04),0 5px 10px rgba(0, 0, 0, 0.04),0 8px 16px rgba(0, 0, 0, 0.02)}img,blockquote,figcaption{grid-column:1}blockquote,figcaption{width:100%}img{grid-row:auto;width:10.625rem;height:10.625rem;margin-inline:auto;border:.625rem solid var(--white);border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1),0 4px 8px rgba(0, 0, 0, 0.12)}blockquote{grid-row:auto;margin-inline:0;>*{font-size:clamp(1.15rem,3.5vw,1.5rem)}}figcaption{grid-row:auto}}}@media screen and (min-width: 760px){.reviews{.user-review{grid-template-columns:10.625rem 1fr;align-items:center;gap:2rem;padding-inline:2rem;img{grid-column:1;grid-row:1/span 2}blockquote{grid-column:2;grid-row:1}figcaption{grid-column:2;grid-row:2}}}}@media screen and (min-width: 1200px){.reviews{.user-review{gap:3rem;padding:3rem}}}.cta{--dark-rose: hsl(var(--tertiary-h) var(--tertiary-s) var(--tertiary-l) / 75%);.wrapper{padding-block:4rem;padding-inline:clamp(1rem,5%,4rem);border-radius:1.5rem;background:transparent linear-gradient(270deg, var(--tertiary-light) 0, var(--dark-rose) 100%) 0 0 no-repeat padding-box}header *{text-align:center}.hbspt-form{margin-block-start:4rem;.submitted-message{text-align:center;font-size:1.5rem}}form{display:grid;grid-template-columns:100%;grid-template-rows:auto;align-content:start;gap:1.5rem;margin-block-start:2rem;fieldset,.hs_recaptcha,.hs_submit,.field,.hs-form-field,label,input{width:100% !important;max-width:none}fieldset,.hs_recaptcha,.hs_submit{grid-column:1}fieldset{display:flex;flex-direction:column;gap:2rem;.hs-website legend{margin-block-end:1.85rem}}.hs-form-field{display:flex;flex-flow:column;justify-content:flex-start}label{padding-block-end:.25rem;padding-inline:1rem;.hs-form-required{display:inline-block;margin-inline-start:.5rem;font-weight:bold;color:var(--red)}}.hs-field-desc{padding-inline:1rem;font-size:.95rem}.input{margin:0 !important;padding:0 !important}.inputs-list{list-style:none;margin-inline:0;padding-inline:0;font-size:.95rem}input.hs-input{padding:2rem 1rem;border:.0625rem solid transparent;border-radius:3rem;font-size:1.25rem;line-height:2;color:#000;&:hover{border-color:var(--primary)}&:focus{border-color:var(--primary);box-shadow:0 2px 4px rgba(0, 0, 0, 0.14),0 4px 8px rgba(0, 0, 0, 0.12),0 8px 12px rgba(0, 0, 0, 0.1),0 12px 24px rgba(0, 0, 0, 0.08)}}.hs-recaptcha{align-items:flex-end;padding-block:1rem;>.input{width:fit-content}}.hs-button{width:fit-content !important;margin-inline:auto;padding:.75rem 2rem;font-weight:600;font-size:1rem}}}@media screen and (min-width: 760px){form{fieldset.form-columns-2{flex-direction:row;gap:0 2rem}}}.flickity-enabled{position:relative;&:focus{outline:none}}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none;.flickity-viewport{&,&.is-pointer-down{cursor:grabbing}}}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;bottom:-6rem;border:none;background-color:var(--secondary);color:var(--white);&:hover,&:focus{background-color:var(--primary);box-shadow:0 2px 3px rgba(0, 0, 0, 0.05),0 4px 8px rgba(0, 0, 0, 0.03);color:var(--white);cursor:pointer}&:focus{outline:none}&:disabled{opacity:.3;cursor:auto;pointer-events:none}}.flickity-prev-next-button{z-index:1;width:3rem;height:3rem;padding:.25rem;border-radius:50%;background-color:var(--secondary);transform:translateY(-50%);&.previous{left:calc(50% - 3.75rem)}&.next{right:calc(50% - 3.75rem)}.flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%;fill:var(--white)}}:is(a,button,input,select,summary,textarea){--outline-color: var(--primary);--outline-offset: 0.25rem;--outline-size: 0.175rem;--outline-style: dashed}:is(a,button:not(.toggle),input,select,summary,textarea):focus-visible{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset)}:is(a,button:not(.toggle),input,select,summary,textarea):focus:not(:focus-visible){outline:none}input:not(:focus-visible):focus,select:not(:focus-visible):focus,summary:not(:focus-visible):focus,textarea:not(:focus-visible):focus{--outline-style: none}input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{--outline-style: dashed}summary{--outline-offset: 0.5em;--outline-style: dotted}.hidden,[hidden]{display:none}.invisible{visibility:hidden}.sr-only{position:absolute !important;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;word-wrap:normal;&:active,&:focus{position:static !important;overflow:visible;clip:auto;width:auto;height:auto}}