:root {--bricks-color-acss_import_transparent: transparent;}:root {--icon-fill-color: var(--primary);--icon-stroke-color: var(--primary);--icon-size: 1em;--header-footer-width: 144rem;--header-gutter: var(--space-s);--filter-select-padding-y: .25em;}.brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} body {font-family: "Montserrat"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 700; line-height: 1}@layer bricks {.brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}#brxe-74c2f5 {margin-top: 0}@layer bricks.icons{@font-face{font-display:block;font-family:Font Awesome\ 6 Brands;font-style:normal;font-weight:400;src:url(//iantd-adriatic.com/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(//iantd-adriatic.com/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-family:Font Awesome\ 6 Brands;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto}.fa-monero:before{content:""}.fa-hooli:before{content:""}.fa-yelp:before{content:""}.fa-cc-visa:before{content:""}.fa-lastfm:before{content:""}.fa-shopware:before{content:""}.fa-creative-commons-nc:before{content:""}.fa-aws:before{content:""}.fa-redhat:before{content:""}.fa-yoast:before{content:""}.fa-cloudflare:before{content:""}.fa-ups:before{content:""}.fa-wpexplorer:before{content:""}.fa-dyalog:before{content:""}.fa-bity:before{content:""}.fa-stackpath:before{content:""}.fa-buysellads:before{content:""}.fa-first-order:before{content:""}.fa-modx:before{content:""}.fa-guilded:before{content:""}.fa-vnv:before{content:""}.fa-js-square:before,.fa-square-js:before{content:""}.fa-microsoft:before{content:""}.fa-qq:before{content:""}.fa-orcid:before{content:""}.fa-java:before{content:""}.fa-invision:before{content:""}.fa-creative-commons-pd-alt:before{content:""}.fa-centercode:before{content:""}.fa-glide-g:before{content:""}.fa-drupal:before{content:""}.fa-hire-a-helper:before{content:""}.fa-creative-commons-by:before{content:""}.fa-unity:before{content:""}.fa-whmcs:before{content:""}.fa-rocketchat:before{content:""}.fa-vk:before{content:""}.fa-untappd:before{content:""}.fa-mailchimp:before{content:""}.fa-css3-alt:before{content:""}.fa-reddit-square:before,.fa-square-reddit:before{content:""}.fa-vimeo-v:before{content:""}.fa-contao:before{content:""}.fa-square-font-awesome:before{content:""}.fa-deskpro:before{content:""}.fa-sistrix:before{content:""}.fa-instagram-square:before,.fa-square-instagram:before{content:""}.fa-battle-net:before{content:""}.fa-the-red-yeti:before{content:""}.fa-hacker-news-square:before,.fa-square-hacker-news:before{content:""}.fa-edge:before{content:""}.fa-threads:before{content:""}.fa-napster:before{content:""}.fa-snapchat-square:before,.fa-square-snapchat:before{content:""}.fa-google-plus-g:before{content:""}.fa-artstation:before{content:""}.fa-markdown:before{content:""}.fa-sourcetree:before{content:""}.fa-google-plus:before{content:""}.fa-diaspora:before{content:""}.fa-foursquare:before{content:""}.fa-stack-overflow:before{content:""}.fa-github-alt:before{content:""}.fa-phoenix-squadron:before{content:""}.fa-pagelines:before{content:""}.fa-algolia:before{content:""}.fa-red-river:before{content:""}.fa-creative-commons-sa:before{content:""}.fa-safari:before{content:""}.fa-google:before{content:""}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:""}.fa-atlassian:before{content:""}.fa-linkedin-in:before{content:""}.fa-digital-ocean:before{content:""}.fa-nimblr:before{content:""}.fa-chromecast:before{content:""}.fa-evernote:before{content:""}.fa-hacker-news:before{content:""}.fa-creative-commons-sampling:before{content:""}.fa-adversal:before{content:""}.fa-creative-commons:before{content:""}.fa-watchman-monitoring:before{content:""}.fa-fonticons:before{content:""}.fa-weixin:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-codepen:before{content:""}.fa-git-alt:before{content:""}.fa-lyft:before{content:""}.fa-rev:before{content:""}.fa-windows:before{content:""}.fa-wizards-of-the-coast:before{content:""}.fa-square-viadeo:before,.fa-viadeo-square:before{content:""}.fa-meetup:before{content:""}.fa-centos:before{content:""}.fa-adn:before{content:""}.fa-cloudsmith:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-dribbble-square:before,.fa-square-dribbble:before{content:""}.fa-codiepie:before{content:""}.fa-node:before{content:""}.fa-mix:before{content:""}.fa-steam:before{content:""}.fa-cc-apple-pay:before{content:""}.fa-scribd:before{content:""}.fa-debian:before{content:""}.fa-openid:before{content:""}.fa-instalod:before{content:""}.fa-expeditedssl:before{content:""}.fa-sellcast:before{content:""}.fa-square-twitter:before,.fa-twitter-square:before{content:""}.fa-r-project:before{content:""}.fa-delicious:before{content:""}.fa-freebsd:before{content:""}.fa-vuejs:before{content:""}.fa-accusoft:before{content:""}.fa-ioxhost:before{content:""}.fa-fonticons-fi:before{content:""}.fa-app-store:before{content:""}.fa-cc-mastercard:before{content:""}.fa-itunes-note:before{content:""}.fa-golang:before{content:""}.fa-kickstarter:before{content:""}.fa-grav:before{content:""}.fa-weibo:before{content:""}.fa-uncharted:before{content:""}.fa-firstdraft:before{content:""}.fa-square-youtube:before,.fa-youtube-square:before{content:""}.fa-wikipedia-w:before{content:""}.fa-rendact:before,.fa-wpressr:before{content:""}.fa-angellist:before{content:""}.fa-galactic-republic:before{content:""}.fa-nfc-directional:before{content:""}.fa-skype:before{content:""}.fa-joget:before{content:""}.fa-fedora:before{content:""}.fa-stripe-s:before{content:""}.fa-meta:before{content:""}.fa-laravel:before{content:""}.fa-hotjar:before{content:""}.fa-bluetooth-b:before{content:""}.fa-sticker-mule:before{content:""}.fa-creative-commons-zero:before{content:""}.fa-hips:before{content:""}.fa-behance:before{content:""}.fa-reddit:before{content:""}.fa-discord:before{content:""}.fa-chrome:before{content:""}.fa-app-store-ios:before{content:""}.fa-cc-discover:before{content:""}.fa-wpbeginner:before{content:""}.fa-confluence:before{content:""}.fa-mdb:before{content:""}.fa-dochub:before{content:""}.fa-accessible-icon:before{content:""}.fa-ebay:before{content:""}.fa-amazon:before{content:""}.fa-unsplash:before{content:""}.fa-yarn:before{content:""}.fa-square-steam:before,.fa-steam-square:before{content:""}.fa-500px:before{content:""}.fa-square-vimeo:before,.fa-vimeo-square:before{content:""}.fa-asymmetrik:before{content:""}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:""}.fa-gratipay:before{content:""}.fa-apple:before{content:""}.fa-hive:before{content:""}.fa-gitkraken:before{content:""}.fa-keybase:before{content:""}.fa-apple-pay:before{content:""}.fa-padlet:before{content:""}.fa-amazon-pay:before{content:""}.fa-github-square:before,.fa-square-github:before{content:""}.fa-stumbleupon:before{content:""}.fa-fedex:before{content:""}.fa-phoenix-framework:before{content:""}.fa-shopify:before{content:""}.fa-neos:before{content:""}.fa-square-threads:before{content:""}.fa-hackerrank:before{content:""}.fa-researchgate:before{content:""}.fa-swift:before{content:""}.fa-angular:before{content:""}.fa-speakap:before{content:""}.fa-angrycreative:before{content:""}.fa-y-combinator:before{content:""}.fa-empire:before{content:""}.fa-envira:before{content:""}.fa-gitlab-square:before,.fa-square-gitlab:before{content:""}.fa-studiovinari:before{content:""}.fa-pied-piper:before{content:""}.fa-wordpress:before{content:""}.fa-product-hunt:before{content:""}.fa-firefox:before{content:""}.fa-linode:before{content:""}.fa-goodreads:before{content:""}.fa-odnoklassniki-square:before,.fa-square-odnoklassniki:before{content:""}.fa-jsfiddle:before{content:""}.fa-sith:before{content:""}.fa-themeisle:before{content:""}.fa-page4:before{content:""}.fa-hashnode:before{content:""}.fa-react:before{content:""}.fa-cc-paypal:before{content:""}.fa-squarespace:before{content:""}.fa-cc-stripe:before{content:""}.fa-creative-commons-share:before{content:""}.fa-bitcoin:before{content:""}.fa-keycdn:before{content:""}.fa-opera:before{content:""}.fa-itch-io:before{content:""}.fa-umbraco:before{content:""}.fa-galactic-senate:before{content:""}.fa-ubuntu:before{content:""}.fa-draft2digital:before{content:""}.fa-stripe:before{content:""}.fa-houzz:before{content:""}.fa-gg:before{content:""}.fa-dhl:before{content:""}.fa-pinterest-square:before,.fa-square-pinterest:before{content:""}.fa-xing:before{content:""}.fa-blackberry:before{content:""}.fa-creative-commons-pd:before{content:""}.fa-playstation:before{content:""}.fa-quinscape:before{content:""}.fa-less:before{content:""}.fa-blogger-b:before{content:""}.fa-opencart:before{content:""}.fa-vine:before{content:""}.fa-paypal:before{content:""}.fa-gitlab:before{content:""}.fa-typo3:before{content:""}.fa-reddit-alien:before{content:""}.fa-yahoo:before{content:""}.fa-dailymotion:before{content:""}.fa-affiliatetheme:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-bootstrap:before{content:""}.fa-odnoklassniki:before{content:""}.fa-nfc-symbol:before{content:""}.fa-ethereum:before{content:""}.fa-speaker-deck:before{content:""}.fa-creative-commons-nc-eu:before{content:""}.fa-patreon:before{content:""}.fa-avianex:before{content:""}.fa-ello:before{content:""}.fa-gofore:before{content:""}.fa-bimobject:before{content:""}.fa-facebook-f:before{content:""}.fa-google-plus-square:before,.fa-square-google-plus:before{content:""}.fa-mandalorian:before{content:""}.fa-first-order-alt:before{content:""}.fa-osi:before{content:""}.fa-google-wallet:before{content:""}.fa-d-and-d-beyond:before{content:""}.fa-periscope:before{content:""}.fa-fulcrum:before{content:""}.fa-cloudscale:before{content:""}.fa-forumbee:before{content:""}.fa-mizuni:before{content:""}.fa-schlix:before{content:""}.fa-square-xing:before,.fa-xing-square:before{content:""}.fa-bandcamp:before{content:""}.fa-wpforms:before{content:""}.fa-cloudversify:before{content:""}.fa-usps:before{content:""}.fa-megaport:before{content:""}.fa-magento:before{content:""}.fa-spotify:before{content:""}.fa-optin-monster:before{content:""}.fa-fly:before{content:""}.fa-aviato:before{content:""}.fa-itunes:before{content:""}.fa-cuttlefish:before{content:""}.fa-blogger:before{content:""}.fa-flickr:before{content:""}.fa-viber:before{content:""}.fa-soundcloud:before{content:""}.fa-digg:before{content:""}.fa-tencent-weibo:before{content:""}.fa-symfony:before{content:""}.fa-maxcdn:before{content:""}.fa-etsy:before{content:""}.fa-facebook-messenger:before{content:""}.fa-audible:before{content:""}.fa-think-peaks:before{content:""}.fa-bilibili:before{content:""}.fa-erlang:before{content:""}.fa-x-twitter:before{content:""}.fa-cotton-bureau:before{content:""}.fa-dashcube:before{content:""}.fa-42-group:before,.fa-innosoft:before{content:""}.fa-stack-exchange:before{content:""}.fa-elementor:before{content:""}.fa-pied-piper-square:before,.fa-square-pied-piper:before{content:""}.fa-creative-commons-nd:before{content:""}.fa-palfed:before{content:""}.fa-superpowers:before{content:""}.fa-resolving:before{content:""}.fa-xbox:before{content:""}.fa-searchengin:before{content:""}.fa-tiktok:before{content:""}.fa-facebook-square:before,.fa-square-facebook:before{content:""}.fa-renren:before{content:""}.fa-linux:before{content:""}.fa-glide:before{content:""}.fa-linkedin:before{content:""}.fa-hubspot:before{content:""}.fa-deploydog:before{content:""}.fa-twitch:before{content:""}.fa-ravelry:before{content:""}.fa-mixer:before{content:""}.fa-lastfm-square:before,.fa-square-lastfm:before{content:""}.fa-vimeo:before{content:""}.fa-mendeley:before{content:""}.fa-uniregistry:before{content:""}.fa-figma:before{content:""}.fa-creative-commons-remix:before{content:""}.fa-cc-amazon-pay:before{content:""}.fa-dropbox:before{content:""}.fa-instagram:before{content:""}.fa-cmplid:before{content:""}.fa-facebook:before{content:""}.fa-gripfire:before{content:""}.fa-jedi-order:before{content:""}.fa-uikit:before{content:""}.fa-fort-awesome-alt:before{content:""}.fa-phabricator:before{content:""}.fa-ussunnah:before{content:""}.fa-earlybirds:before{content:""}.fa-trade-federation:before{content:""}.fa-autoprefixer:before{content:""}.fa-whatsapp:before{content:""}.fa-slideshare:before{content:""}.fa-google-play:before{content:""}.fa-viadeo:before{content:""}.fa-line:before{content:""}.fa-google-drive:before{content:""}.fa-servicestack:before{content:""}.fa-simplybuilt:before{content:""}.fa-bitbucket:before{content:""}.fa-imdb:before{content:""}.fa-deezer:before{content:""}.fa-raspberry-pi:before{content:""}.fa-jira:before{content:""}.fa-docker:before{content:""}.fa-screenpal:before{content:""}.fa-bluetooth:before{content:""}.fa-gitter:before{content:""}.fa-d-and-d:before{content:""}.fa-microblog:before{content:""}.fa-cc-diners-club:before{content:""}.fa-gg-circle:before{content:""}.fa-pied-piper-hat:before{content:""}.fa-kickstarter-k:before{content:""}.fa-yandex:before{content:""}.fa-readme:before{content:""}.fa-html5:before{content:""}.fa-sellsy:before{content:""}.fa-sass:before{content:""}.fa-wirsindhandwerk:before,.fa-wsh:before{content:""}.fa-buromobelexperte:before{content:""}.fa-salesforce:before{content:""}.fa-octopus-deploy:before{content:""}.fa-medapps:before{content:""}.fa-ns8:before{content:""}.fa-pinterest-p:before{content:""}.fa-apper:before{content:""}.fa-fort-awesome:before{content:""}.fa-waze:before{content:""}.fa-cc-jcb:before{content:""}.fa-snapchat-ghost:before,.fa-snapchat:before{content:""}.fa-fantasy-flight-games:before{content:""}.fa-rust:before{content:""}.fa-wix:before{content:""}.fa-behance-square:before,.fa-square-behance:before{content:""}.fa-supple:before{content:""}.fa-rebel:before{content:""}.fa-css3:before{content:""}.fa-staylinked:before{content:""}.fa-kaggle:before{content:""}.fa-space-awesome:before{content:""}.fa-deviantart:before{content:""}.fa-cpanel:before{content:""}.fa-goodreads-g:before{content:""}.fa-git-square:before,.fa-square-git:before{content:""}.fa-square-tumblr:before,.fa-tumblr-square:before{content:""}.fa-trello:before{content:""}.fa-creative-commons-nc-jp:before{content:""}.fa-get-pocket:before{content:""}.fa-perbyte:before{content:""}.fa-grunt:before{content:""}.fa-weebly:before{content:""}.fa-connectdevelop:before{content:""}.fa-leanpub:before{content:""}.fa-black-tie:before{content:""}.fa-themeco:before{content:""}.fa-python:before{content:""}.fa-android:before{content:""}.fa-bots:before{content:""}.fa-free-code-camp:before{content:""}.fa-hornbill:before{content:""}.fa-js:before{content:""}.fa-ideal:before{content:""}.fa-git:before{content:""}.fa-dev:before{content:""}.fa-sketch:before{content:""}.fa-yandex-international:before{content:""}.fa-cc-amex:before{content:""}.fa-uber:before{content:""}.fa-github:before{content:""}.fa-php:before{content:""}.fa-alipay:before{content:""}.fa-youtube:before{content:""}.fa-skyatlas:before{content:""}.fa-firefox-browser:before{content:""}.fa-replyd:before{content:""}.fa-suse:before{content:""}.fa-jenkins:before{content:""}.fa-twitter:before{content:""}.fa-rockrms:before{content:""}.fa-pinterest:before{content:""}.fa-buffer:before{content:""}.fa-npm:before{content:""}.fa-yammer:before{content:""}.fa-btc:before{content:""}.fa-dribbble:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-internet-explorer:before{content:""}.fa-stubber:before{content:""}.fa-telegram-plane:before,.fa-telegram:before{content:""}.fa-old-republic:before{content:""}.fa-odysee:before{content:""}.fa-square-whatsapp:before,.fa-whatsapp-square:before{content:""}.fa-node-js:before{content:""}.fa-edge-legacy:before{content:""}.fa-slack-hash:before,.fa-slack:before{content:""}.fa-medrt:before{content:""}.fa-usb:before{content:""}.fa-tumblr:before{content:""}.fa-vaadin:before{content:""}.fa-quora:before{content:""}.fa-square-x-twitter:before{content:""}.fa-reacteurope:before{content:""}.fa-medium-m:before,.fa-medium:before{content:""}.fa-amilia:before{content:""}.fa-mixcloud:before{content:""}.fa-flipboard:before{content:""}.fa-viacoin:before{content:""}.fa-critical-role:before{content:""}.fa-sitrox:before{content:""}.fa-discourse:before{content:""}.fa-joomla:before{content:""}.fa-mastodon:before{content:""}.fa-airbnb:before{content:""}.fa-wolf-pack-battalion:before{content:""}.fa-buy-n-large:before{content:""}.fa-gulp:before{content:""}.fa-creative-commons-sampling-plus:before{content:""}.fa-strava:before{content:""}.fa-ember:before{content:""}.fa-canadian-maple-leaf:before{content:""}.fa-teamspeak:before{content:""}.fa-pushed:before{content:""}.fa-wordpress-simple:before{content:""}.fa-nutritionix:before{content:""}.fa-wodu:before{content:""}.fa-google-pay:before{content:""}.fa-intercom:before{content:""}.fa-zhihu:before{content:""}.fa-korvue:before{content:""}.fa-pix:before{content:""}.fa-steam-symbol:before{content:""}}body.bricks-is-frontend.bricks-is-frontend :focus {
outline: none;
box-shadow: none;
}
body.bricks-is-frontend.bricks-is-frontend :focus-visible {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
body.bricks-is-frontend.bricks-is-frontend :focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary {
--focus-color: var(--primary);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary:focus-within {
--focus-color: var(--primary);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-hover {
--focus-color: var(--primary-hover);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-hover *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-hover:focus-within {
--focus-color: var(--primary-hover);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-ultra-light {
--focus-color: var(--primary-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-light:focus-within {
--focus-color: var(--primary-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-light {
--focus-color: var(--primary-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-light:focus-within {
--focus-color: var(--primary-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-semi-light {
--focus-color: var(--primary-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-light:focus-within {
--focus-color: var(--primary-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-semi-dark {
--focus-color: var(--primary-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-semi-dark:focus-within {
--focus-color: var(--primary-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-dark {
--focus-color: var(--primary-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-dark:focus-within {
--focus-color: var(--primary-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--primary-ultra-dark {
--focus-color: var(--primary-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--primary-ultra-dark:focus-within {
--focus-color: var(--primary-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary {
--focus-color: var(--secondary);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary:focus-within {
--focus-color: var(--secondary);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-hover {
--focus-color: var(--secondary-hover);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-hover *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-hover:focus-within {
--focus-color: var(--secondary-hover);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-ultra-light {
--focus-color: var(--secondary-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-light:focus-within {
--focus-color: var(--secondary-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-light {
--focus-color: var(--secondary-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-light:focus-within {
--focus-color: var(--secondary-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-semi-light {
--focus-color: var(--secondary-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-light:focus-within {
--focus-color: var(--secondary-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-semi-dark {
--focus-color: var(--secondary-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-semi-dark:focus-within {
--focus-color: var(--secondary-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-dark {
--focus-color: var(--secondary-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-dark:focus-within {
--focus-color: var(--secondary-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--secondary-ultra-dark {
--focus-color: var(--secondary-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--secondary-ultra-dark:focus-within {
--focus-color: var(--secondary-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent {
--focus-color: var(--accent);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent:focus-within {
--focus-color: var(--accent);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-hover {
--focus-color: var(--accent-hover);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-hover *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-hover:focus-within {
--focus-color: var(--accent-hover);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-ultra-light {
--focus-color: var(--accent-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-light:focus-within {
--focus-color: var(--accent-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-light {
--focus-color: var(--accent-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-light:focus-within {
--focus-color: var(--accent-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-semi-light {
--focus-color: var(--accent-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-light:focus-within {
--focus-color: var(--accent-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-semi-dark {
--focus-color: var(--accent-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-semi-dark:focus-within {
--focus-color: var(--accent-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-dark {
--focus-color: var(--accent-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-dark:focus-within {
--focus-color: var(--accent-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--accent-ultra-dark {
--focus-color: var(--accent-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--accent-ultra-dark:focus-within {
--focus-color: var(--accent-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base {
--focus-color: var(--base);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base:focus-within {
--focus-color: var(--base);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-hover {
--focus-color: var(--base-hover);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-hover *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-hover:focus-within {
--focus-color: var(--base-hover);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-ultra-light {
--focus-color: var(--base-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-light:focus-within {
--focus-color: var(--base-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-light {
--focus-color: var(--base-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-light:focus-within {
--focus-color: var(--base-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-semi-light {
--focus-color: var(--base-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-light:focus-within {
--focus-color: var(--base-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-semi-dark {
--focus-color: var(--base-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-semi-dark:focus-within {
--focus-color: var(--base-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-dark {
--focus-color: var(--base-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-dark:focus-within {
--focus-color: var(--base-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--base-ultra-dark {
--focus-color: var(--base-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--base-ultra-dark:focus-within {
--focus-color: var(--base-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral {
--focus-color: var(--neutral);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral:focus-within {
--focus-color: var(--neutral);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-hover {
--focus-color: var(--neutral-hover);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-hover *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-hover:focus-within {
--focus-color: var(--neutral-hover);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-ultra-light {
--focus-color: var(--neutral-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-light:focus-within {
--focus-color: var(--neutral-ultra-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-light {
--focus-color: var(--neutral-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-light:focus-within {
--focus-color: var(--neutral-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-semi-light {
--focus-color: var(--neutral-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-light *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-light:focus-within {
--focus-color: var(--neutral-semi-light);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-semi-dark {
--focus-color: var(--neutral-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-semi-dark:focus-within {
--focus-color: var(--neutral-semi-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-dark {
--focus-color: var(--neutral-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-dark:focus-within {
--focus-color: var(--neutral-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--neutral-ultra-dark {
--focus-color: var(--neutral-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-dark *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--neutral-ultra-dark:focus-within {
--focus-color: var(--neutral-ultra-dark);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--white {
--focus-color: var(--white);
}
body.bricks-is-frontend.bricks-is-frontend .focus--white *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--white:focus-within {
--focus-color: var(--white);
}
body.bricks-is-frontend.bricks-is-frontend *:focus.focus--black {
--focus-color: var(--black);
}
body.bricks-is-frontend.bricks-is-frontend .focus--black *:focus, body.bricks-is-frontend.bricks-is-frontend .focus--black:focus-within {
--focus-color: var(--black);
}
.skip-link, .link--skip {
position: absolute;
inset-block-start: 1rem;
inset-inline-start: 1rem;
transform: translateY(-250%);
--btn-min-width: fit-content;
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-dark);
}
@media (hover: hover) and (pointer: fine) {
.skip-link:hover, .link--skip:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
.skip-link:focus, .link--skip:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.skip-link:focus, .link--skip:focus {
transform: translateY(0);
}
.bricks-area .hidden-accessible {
position: relative !important;
inline-size: 2ch !important;
block-size: 2ch !important;
margin: 0;
line-height: 1;
visibility: hidden;
}
.bricks-area .hidden-accessible::before {
content: "A";
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
background: #111;
color: #f5f5f5;
font-size: max(60%, 13px);
padding: 0.5em;
inset-block-start: 0;
inset-inline-start: 0;
inline-size: 20px;
block-size: 20px;
visibility: visible;
border-radius: 50%;
}
.clickable-parent:not(a) {
position: static;
}
.clickable-parent:not(a) a {
position: static;
}
.clickable-parent:not(a) > a::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
button.clickable-parent, a.clickable-parent {
position: static !important;
}
button.clickable-parent::after, a.clickable-parent::after {
content: "";
position: absolute;
inset: 0;
cursor: pointer !important;
display: flex;
z-index: 1;
}
.bricks-area a.clickable-parent::after, .bricks-area .clickable-parent > a::after {
content: "";
position: relative;
}
body {
color: var(--body-color, var(--neutral-ultra-dark));
background-color: var(--body-bg-color, var(--bg-ultra-light));
}
html:has(body.boxed-layout) {
background-color: var(--device-bg-color, var(--white));
}
body {
font-size: var(--default-font-size, var(--text-m));
color: var(--text-color);
line-height: var(--text-line-height);
text-wrap: var(--text-text-wrap);
}
p, li {
line-height: var(--text-line-height, calc(4px + 2.25ex));
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h--1, .h--2, .h--3, .h--4, .h--5, .h--6 {
font-family: var(--heading-font-family);
line-height: var(--heading-line-height);
font-weight: var(--heading-font-weight);
max-width: var(--heading-max-width);
text-wrap: var(--heading-text-wrap);
}
h1 {
font-size: var(--h1);
line-height: var(--h1-line-height);
max-width: var(--h1-max-width);
color: var(--h1-color);
}
h2 {
font-size: var(--h2);
line-height: var(--h2-line-height);
max-width: var(--h2-max-width);
color: var(--h2-color);
text-transform: var(--h2-text-transform);
}
h3 {
font-size: var(--h3);
line-height: var(--h3-line-height);
max-width: var(--h3-max-width);
color: var(--h3-color);
}
h4 {
font-size: var(--h4);
line-height: var(--h4-line-height);
max-width: var(--h4-max-width);
color: var(--h4-color);
}
h5 {
font-size: var(--h5);
line-height: var(--h5-line-height);
max-width: var(--h5-max-width);
color: var(--h5-color);
}
h6 {
font-size: var(--h6);
line-height: var(--h6-line-height);
max-width: var(--h6-max-width);
color: var(--h6-color);
}
body a:where(:not([class*= btn--], header a, footer a)) {
color: var(--link-color, var(--action));
font-weight: var(--link-weight, 400);
-webkit-text-decoration: var(--link-decoration, none);
text-decoration: var(--link-decoration, none);
text-underline-offset: var(--link-underline-offset, auto);
transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
body a:where(:not([class*= btn--], header a, footer a)):hover {
color: var(--link-color-hover, var(--action-hover));
}
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
text-decoration: inherit;
color: currentcolor;
text-underline-offset: var(--link-underline-offset, auto);
}
@media (hover: hover) and (pointer: fine) {
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: currentcolor;
}
}
body:where(.bricks-is-frontend), body:where(:not(.bricks-is-frontend)) {
color: var(--body-color, var(--neutral-ultra-dark));
}
.btn--primary {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-dark);
}
.btn--primary-dark {
--btn-background: var(--primary-dark);
--btn-background-hover: var(--primary-ultra-dark);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-ultra-dark);
--focus-color: var(--primary-semi-dark);
}
.btn--primary-light {
--btn-background: var(--primary-ultra-light);
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-dark);
--btn-border-color: var(--primary-ultra-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--primary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-hover);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-hover);
--focus-color: var(--primary-dark);
}
.btn--primary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-dark);
--btn-text-color: var(--primary-dark);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-dark);
--focus-color: var(--primary-dark);
}
.btn--primary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary-light);
--btn-text-color-hover: var(--primary-dark);
--btn-border-width: 0.25rem;
--btn-border-color: var(--primary-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-dark);
}
.btn--tertiary {
--btn-background: var(--tertiary);
--btn-background-hover: var(--tertiary-hover);
--btn-text-color: var(--tertiary-ultra-light);
--btn-text-color-hover: var(--tertiary-ultra-light);
--btn-border-color: var(--tertiary);
--btn-border-color-hover: var(--tertiary-hover);
--focus-color: var(--tertiary-light);
}
.btn--base {
--btn-background: var(--base);
--btn-background-hover: var(--base-hover);
--btn-text-color: var(--base-ultra-light);
--btn-text-color-hover: var(--base-ultra-light);
--btn-border-color: var(--base);
--btn-border-color-hover: var(--base-hover);
--focus-color: var(--base-dark);
}
.btn--neutral {
--btn-background: var(--neutral);
--btn-background-hover: var(--neutral-dark);
--btn-text-color: var(--neutral-ultra-light);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-color: var(--neutral);
--btn-border-color-hover: var(--neutral-dark);
--focus-color: var(--primary);
}
.btn--neutral-dark {
--btn-background: var(--neutral-dark);
--btn-background-hover: var(--neutral-ultra-dark);
--btn-text-color: var(--neutral-ultra-light);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-color: var(--neutral-dark);
--btn-border-color-hover: var(--neutral-ultra-dark);
--focus-color: var(--neutral-semi-dark);
}
.btn--neutral-light {
--btn-background: var(--neutral-ultra-light);
--btn-background-hover: var(--neutral-light);
--btn-text-color: var(--neutral);
--btn-text-color-hover: var(--neutral-ultra-dark);
--btn-border-color: var(--neutral-ultra-light);
--btn-border-color-hover: var(--neutral-light);
--focus-color: var(--neutral-light);
}
.btn--neutral.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--neutral-hover);
--btn-text-color: var(--neutral);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--neutral);
--btn-border-color-hover: var(--neutral-hover);
--focus-color: var(--neutral-semi-light);
}
.btn--neutral-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--neutral-dark);
--btn-text-color: var(--neutral-dark);
--btn-text-color-hover: var(--neutral-ultra-light);
--btn-border-width: 0.25rem;
--btn-border-color: var(--neutral-dark);
--btn-border-color-hover: var(--neutral-dark);
--focus-color: var(--neutral-semi-dark);
}
.btn--neutral-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--neutral-light);
--btn-text-color: var(--neutral-light);
--btn-text-color-hover: var(--neutral-dark);
--btn-border-width: 0.25rem;
--btn-border-color: var(--neutral-light);
--btn-border-color-hover: var(--neutral-light);
--focus-color: var(--neutral-light);
}
.btn--warning {
--btn-background: var(--warning);
--btn-background-hover: var(--warning-hover);
--btn-text-color: var(--warning-ultra-light);
--btn-text-color-hover: var(--warning-ultra-light);
--btn-border-color: var(--warning);
--btn-border-color-hover: var(--warning-hover);
--focus-color: var(--warning-light);
}
.btn--info {
--btn-background: var(--info);
--btn-background-hover: var(--info-hover);
--btn-text-color: var(--info-ultra-light);
--btn-text-color-hover: var(--info-ultra-light);
--btn-border-color: var(--info);
--btn-border-color-hover: var(--info-hover);
--focus-color: var(--info-light);
}
.btn--danger {
--btn-background: var(--danger);
--btn-background-hover: var(--danger-hover);
--btn-text-color: var(--danger-ultra-light);
--btn-text-color-hover: var(--danger-ultra-light);
--btn-border-color: var(--danger);
--btn-border-color-hover: var(--danger-hover);
--focus-color: var(--danger-light);
}
.btn--success {
--btn-background: var(--success);
--btn-background-hover: var(--success-hover);
--btn-text-color: var(--success-ultra-light);
--btn-text-color-hover: var(--success-ultra-light);
--btn-border-color: var(--success);
--btn-border-color-hover: var(--success-hover);
--focus-color: var(--success-light);
}
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)) {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--xs {
font-size: var(--text-xs);
}
.btn--s {
font-size: var(--text-s);
}
.btn--m {
font-size: var(--text-m);
}
.btn--l {
font-size: var(--text-l);
}
.btn--xl {
font-size: var(--text-xl);
}
.btn--xxl {
font-size: var(--text-xxl);
}
.btn--clear.btn--clear, .btn--none.btn--none {
background: none;
border: none;
}
#bricks-blank-canvas .description {
max-width: 100%;
}:root {
--fr-bg-light: var(--bg-light);
--fr-bg-dark: var(--bg-dark);
--fr-text-light: var(--text-light);
--fr-text-dark: var(--text-dark);
--fr-card-padding: var(--card-padding, var(--space-m));
--fr-card-gap: var(--card-gap, var(--space-s));
--fr-card-border-size: var(--card-border-width, 0.15rem);
--fr-card-border-color: var(--card-border-color, var(--shade-light));
--fr-card-border-style: var(--card-border-style, solid);
--fr-card-radius: var(--card-radius, var(--radius-xs));
--fr-card-avatar-radius: var(--card-avatar-radius, 50%);
--fr-lede-width: 60ch;
--fr-list-pad-y: 0.75em;
--fr-list-pad-x: 1.25em;
--fr-hero-padding: var(--section-space-xl);
}
.fr-lede, p.fr-lede {
max-width: 60ch;
}
.fr-hero-padding {
padding-block: var(--fr-hero-padding);
}
.fr-text--light {
color: var(--text-light);
}
.fr-text--dark {
color: var(--text-dark);
}
.fr-bg--light {
background-color: var(--bg-light);
}
.fr-bg--dark {
background-color: var(--bg-dark);
}