@charset "UTF-8";/*! Site-only composition. Load the separate engine stylesheet first. * App shell, existing showcase presentation, page content and social/footer * styles stay here. Never import this file from the portable engine. *//*! * @file social_media.scss * @description * Configurable, accessible social-media sharing components * for the Ramsden Profile App. * * SOURCE: * wwwroot/css/modules/social_media/social_media.scss * * PURPOSE * ------- * Defines the layout, typography, colors, sizing, icons, * interaction states, and responsive behavior of social * sharing links and supported sharing actions. * * DESIGN PRINCIPLES * ----------------- * 1. Runtime preferences are exposed using CSS custom properties. * 2. Sass is used for reusable generation, not user preferences. * 3. Platform styles use one consistent BEM naming convention. * 4. All components inherit the global design system where possible. * 5. Keyboard, high-contrast, and reduced-motion users are supported. * 6. CSS does not generate or hardcode user-visible text. * * CANONICAL CLASSES * ----------------- * .social-share-container * .social-share-buttons-container * .social-sharing-button__link * .social-sharing-button * .social-sharing-button__icon * .social-sharing-button__icon--solid * .social-sharing-button__icon--solidcircle * .social-sharing-button--small * .social-sharing-button--large * .social-sharing-button--facebook * .social-sharing-button--x * .social-sharing-button--bluesky * * IMPORTANT * --------- * Platform-specific colors are default values only. * Themes and Preferences may override their CSS variables. * * Existing footer HTML should be updated to use these canonical * classes when the footer is revised. */:root{--app-social-container-display: block;--app-social-container-width: 100%;--app-social-container-min-width: 0px;--app-social-container-max-width: none;--app-social-container-margin-block-start: 0px;--app-social-container-margin-block-end: 0px;--app-social-container-margin-inline: 0px;--app-social-container-padding-block: 0px;--app-social-container-padding-inline: 0px;--app-social-container-background: transparent;--app-social-container-border-width: 0px;--app-social-container-border-style: solid;--app-social-container-border-color: transparent;--app-social-container-border-radius: 0px;--app-social-list-display: flex;--app-social-list-direction: row;--app-social-list-wrap: wrap;--app-social-list-gap: 10px;--app-social-list-row-gap: var(--app-social-list-gap);--app-social-list-column-gap: var(--app-social-list-gap);--app-social-list-justify-content: center;--app-social-list-align-items: center;--app-social-list-align-content: normal;--app-social-list-margin: 0px;--app-social-list-padding: 0px;--app-social-list-width: 100%;--app-social-list-max-width: none;--app-social-link-display: inline-flex;--app-social-link-align-items: stretch;--app-social-link-justify-content: center;--app-social-link-margin-block: 0px;--app-social-link-margin-inline: 0px;--app-social-link-padding: 0px;--app-social-link-width: auto;--app-social-link-min-width: 0px;--app-social-link-max-width: 100%;--app-social-link-border-width: 0px;--app-social-link-border-style: solid;--app-social-link-border-color: transparent;--app-social-link-border-radius: var(--app-social-border-radius, 5px);--app-social-link-text-decoration: none;--app-social-link-text-decoration-hover: none;--app-social-link-opacity: 1;--app-social-link-opacity-hover: 1;--app-social-link-opacity-disabled: .5;--app-social-link-cursor: pointer;--app-social-link-cursor-disabled: not-allowed;--app-social-button-display: inline-flex;--app-social-button-flex-direction: row;--app-social-button-align-items: center;--app-social-button-justify-content: center;--app-social-button-gap: .4em;--app-social-button-width: auto;--app-social-button-max-width: 100%;--app-social-button-min-width: 44px;--app-social-button-min-height: 44px;--app-social-button-padding-block: .5em;--app-social-button-padding-inline: .75em;--app-social-button-border-width: 1px;--app-social-button-border-style: solid;--app-social-border-radius: var(--app-border-radius, 5px);--app-social-button-border-radius: var(--app-social-border-radius);--app-social-button-background: #555555;--app-social-button-background-hover: #414141;--app-social-button-background-active: #303030;--app-social-button-color: #ffffff;--app-social-button-color-hover: var(--app-social-button-color);--app-social-button-color-active: var(--app-social-button-color);--app-social-button-border-color: transparent;--app-social-button-border-color-hover: var(--app-social-button-border-color);--app-social-button-border-color-active: var(--app-social-button-border-color);--app-social-font-family: var(--app-font-family, inherit);--app-social-font-size: var(--app-font-size, 1rem);--app-social-font-weight: 400;--app-social-font-style: normal;--app-social-line-height: 1.4;--app-social-letter-spacing: normal;--app-social-text-transform: none;--app-social-text-align: center;--app-social-white-space: normal;--app-social-box-shadow: var(--dj-theme-shadow-base, none);--app-social-box-shadow-hover: var(--app-social-box-shadow);--app-social-box-shadow-active: var(--app-social-box-shadow);--app-social-icon-display: inline-flex;--app-social-icon-align-items: center;--app-social-icon-justify-content: center;--app-social-icon-flex-shrink: 0;--app-social-icon-size: 1em;--app-social-icon-width: var(--app-social-icon-size);--app-social-icon-height: var(--app-social-icon-size);--app-social-icon-color: currentColor;--app-social-icon-stroke: currentColor;--app-social-icon-stroke-width: 1;--app-social-icon-fill: none;--app-social-icon-border-radius: var(--app-social-border-radius);--app-social-icon-vertical-align: middle;--app-social-small-font-size: .875rem;--app-social-small-padding-block: .35em;--app-social-small-padding-inline: .55em;--app-social-small-icon-size: 1em;--app-social-small-gap: .3em;--app-social-small-min-width: 44px;--app-social-small-min-height: 44px;--app-social-large-font-size: 1rem;--app-social-large-padding-block: .65em;--app-social-large-padding-inline: 1em;--app-social-large-icon-size: 1.15em;--app-social-large-gap: .5em;--app-social-large-min-width: 44px;--app-social-large-min-height: 44px;--app-social-transition-duration: .15s;--app-social-transition-timing-function: ease-out;--app-social-transition-properties: background-color, border-color, color, opacity, box-shadow, transform;--app-social-hover-transform: none;--app-social-active-transform: none;--app-social-focus-outline-width: 3px;--app-social-focus-outline-style: solid;--app-social-focus-outline-color: var(--app-focus-color, #005fcc);--app-social-focus-outline-offset: 3px;--app-social-focus-box-shadow: var(--app-social-box-shadow);--app-social-mobile-list-direction: row;--app-social-mobile-list-wrap: wrap;--app-social-mobile-list-gap: 8px;--app-social-mobile-list-justify-content: center;--app-social-mobile-list-align-items: center;--app-social-mobile-button-font-size: .875rem;--app-social-mobile-button-padding-block: .5em;--app-social-mobile-button-padding-inline: .65em;--app-social-reduced-motion-duration: 0ms}:root{--app-social-email-background: #666666;--app-social-email-background-hover: #525252;--app-social-email-background-active: #404040;--app-social-email-color: #ffffff;--app-social-email-color-hover: var(--app-social-email-color);--app-social-email-color-active: var(--app-social-email-color);--app-social-email-border-color: var(--app-social-email-background);--app-social-email-border-color-hover: var(--app-social-email-background-hover);--app-social-email-border-color-active: var(--app-social-email-background-active);--app-social-email-icon-color: currentColor;--app-social-facebook-background: #34558b;--app-social-facebook-background-hover: #29446f;--app-social-facebook-background-active: #203657;--app-social-facebook-color: #ffffff;--app-social-facebook-color-hover: var(--app-social-facebook-color);--app-social-facebook-color-active: var(--app-social-facebook-color);--app-social-facebook-border-color: var(--app-social-facebook-background);--app-social-facebook-border-color-hover: var(--app-social-facebook-background-hover);--app-social-facebook-border-color-active: var(--app-social-facebook-background-active);--app-social-facebook-icon-color: currentColor;--app-social-x-background: #242424;--app-social-x-background-hover: #171717;--app-social-x-background-active: #080808;--app-social-x-color: #ffffff;--app-social-x-color-hover: var(--app-social-x-color);--app-social-x-color-active: var(--app-social-x-color);--app-social-x-border-color: var(--app-social-x-background);--app-social-x-border-color-hover: var(--app-social-x-background-hover);--app-social-x-border-color-active: var(--app-social-x-background-active);--app-social-x-icon-color: currentColor;--app-social-linkedin-background: #00669b;--app-social-linkedin-background-hover: #00547e;--app-social-linkedin-background-active: #004363;--app-social-linkedin-color: #ffffff;--app-social-linkedin-color-hover: var(--app-social-linkedin-color);--app-social-linkedin-color-active: var(--app-social-linkedin-color);--app-social-linkedin-border-color: var(--app-social-linkedin-background);--app-social-linkedin-border-color-hover: var(--app-social-linkedin-background-hover);--app-social-linkedin-border-color-active: var(--app-social-linkedin-background-active);--app-social-linkedin-icon-color: currentColor;--app-social-pinterest-background: #ad081b;--app-social-pinterest-background-hover: #8d0616;--app-social-pinterest-background-active: #700512;--app-social-pinterest-color: #ffffff;--app-social-pinterest-color-hover: var(--app-social-pinterest-color);--app-social-pinterest-color-active: var(--app-social-pinterest-color);--app-social-pinterest-border-color: var(--app-social-pinterest-background);--app-social-pinterest-border-color-hover: var(--app-social-pinterest-background-hover);--app-social-pinterest-border-color-active: var(--app-social-pinterest-background-active);--app-social-pinterest-icon-color: currentColor;--app-social-whatsapp-background: #176b3a;--app-social-whatsapp-background-hover: #10512c;--app-social-whatsapp-background-active: #0a3d21;--app-social-whatsapp-color: #ffffff;--app-social-whatsapp-color-hover: var(--app-social-whatsapp-color);--app-social-whatsapp-color-active: var(--app-social-whatsapp-color);--app-social-whatsapp-border-color: var(--app-social-whatsapp-background);--app-social-whatsapp-border-color-hover: var(--app-social-whatsapp-background-hover);--app-social-whatsapp-border-color-active: var(--app-social-whatsapp-background-active);--app-social-whatsapp-icon-color: currentColor;--app-social-reddit-background: #b23900;--app-social-reddit-background-hover: #902e00;--app-social-reddit-background-active: #712400;--app-social-reddit-color: #ffffff;--app-social-reddit-color-hover: var(--app-social-reddit-color);--app-social-reddit-color-active: var(--app-social-reddit-color);--app-social-reddit-border-color: var(--app-social-reddit-background);--app-social-reddit-border-color-hover: var(--app-social-reddit-background-hover);--app-social-reddit-border-color-active: var(--app-social-reddit-background-active);--app-social-reddit-icon-color: currentColor;--app-social-tumblr-background: #35465c;--app-social-tumblr-background-hover: #283648;--app-social-tumblr-background-active: #1b2531;--app-social-tumblr-color: #ffffff;--app-social-tumblr-color-hover: var(--app-social-tumblr-color);--app-social-tumblr-color-active: var(--app-social-tumblr-color);--app-social-tumblr-border-color: var(--app-social-tumblr-background);--app-social-tumblr-border-color-hover: var(--app-social-tumblr-background-hover);--app-social-tumblr-border-color-active: var(--app-social-tumblr-background-active);--app-social-tumblr-icon-color: currentColor;--app-social-xing-background: #17696a;--app-social-xing-background-hover: #105152;--app-social-xing-background-active: #0b3b3c;--app-social-xing-color: #ffffff;--app-social-xing-color-hover: var(--app-social-xing-color);--app-social-xing-color-active: var(--app-social-xing-color);--app-social-xing-border-color: var(--app-social-xing-background);--app-social-xing-border-color-hover: var(--app-social-xing-background-hover);--app-social-xing-border-color-active: var(--app-social-xing-background-active);--app-social-xing-icon-color: currentColor;--app-social-hackernews-background: #a94300;--app-social-hackernews-background-hover: #873600;--app-social-hackernews-background-active: #6a2a00;--app-social-hackernews-color: #ffffff;--app-social-hackernews-color-hover: var(--app-social-hackernews-color);--app-social-hackernews-color-active: var(--app-social-hackernews-color);--app-social-hackernews-border-color: var(--app-social-hackernews-background);--app-social-hackernews-border-color-hover: var(--app-social-hackernews-background-hover);--app-social-hackernews-border-color-active: var(--app-social-hackernews-background-active);--app-social-hackernews-icon-color: currentColor;--app-social-vk-background: #42658b;--app-social-vk-background-hover: #355170;--app-social-vk-background-active: #293e56;--app-social-vk-color: #ffffff;--app-social-vk-color-hover: var(--app-social-vk-color);--app-social-vk-color-active: var(--app-social-vk-color);--app-social-vk-border-color: var(--app-social-vk-background);--app-social-vk-border-color-hover: var(--app-social-vk-background-hover);--app-social-vk-border-color-active: var(--app-social-vk-background-active);--app-social-vk-icon-color: currentColor;--app-social-bluesky-background: #085bd2;--app-social-bluesky-background-hover: #0749a9;--app-social-bluesky-background-active: #063b88;--app-social-bluesky-color: #ffffff;--app-social-bluesky-color-hover: var(--app-social-bluesky-color);--app-social-bluesky-color-active: var(--app-social-bluesky-color);--app-social-bluesky-border-color: var(--app-social-bluesky-background);--app-social-bluesky-border-color-hover: var(--app-social-bluesky-background-hover);--app-social-bluesky-border-color-active: var(--app-social-bluesky-background-active);--app-social-bluesky-icon-color: currentColor;--app-social-threads-background: #242424;--app-social-threads-background-hover: #171717;--app-social-threads-background-active: #080808;--app-social-threads-color: #ffffff;--app-social-threads-color-hover: var(--app-social-threads-color);--app-social-threads-color-active: var(--app-social-threads-color);--app-social-threads-border-color: var(--app-social-threads-background);--app-social-threads-border-color-hover: var(--app-social-threads-background-hover);--app-social-threads-border-color-active: var(--app-social-threads-background-active);--app-social-threads-icon-color: currentColor;--app-social-mastodon-background: #563acc;--app-social-mastodon-background-hover: #422ba5;--app-social-mastodon-background-active: #332184;--app-social-mastodon-color: #ffffff;--app-social-mastodon-color-hover: var(--app-social-mastodon-color);--app-social-mastodon-color-active: var(--app-social-mastodon-color);--app-social-mastodon-border-color: var(--app-social-mastodon-background);--app-social-mastodon-border-color-hover: var(--app-social-mastodon-background-hover);--app-social-mastodon-border-color-active: var(--app-social-mastodon-background-active);--app-social-mastodon-icon-color: currentColor;--app-social-telegram-background: #176e9a;--app-social-telegram-background-hover: #115678;--app-social-telegram-background-active: #0c405b;--app-social-telegram-color: #ffffff;--app-social-telegram-color-hover: var(--app-social-telegram-color);--app-social-telegram-color-active: var(--app-social-telegram-color);--app-social-telegram-border-color: var(--app-social-telegram-background);--app-social-telegram-border-color-hover: var(--app-social-telegram-background-hover);--app-social-telegram-border-color-active: var(--app-social-telegram-background-active);--app-social-telegram-icon-color: currentColor;--app-social-github-background: #24292f;--app-social-github-background-hover: #1b1f23;--app-social-github-background-active: #0d1117;--app-social-github-color: #ffffff;--app-social-github-color-hover: var(--app-social-github-color);--app-social-github-color-active: var(--app-social-github-color);--app-social-github-border-color: var(--app-social-github-background);--app-social-github-border-color-hover: var(--app-social-github-background-hover);--app-social-github-border-color-active: var(--app-social-github-background-active);--app-social-github-icon-color: currentColor;--app-social-amazon-background: #232f3e;--app-social-amazon-background-hover: #182331;--app-social-amazon-background-active: #101923;--app-social-amazon-color: #ffffff;--app-social-amazon-color-hover: var(--app-social-amazon-color);--app-social-amazon-color-active: var(--app-social-amazon-color);--app-social-amazon-border-color: var(--app-social-amazon-background);--app-social-amazon-border-color-hover: var(--app-social-amazon-background-hover);--app-social-amazon-border-color-active: var(--app-social-amazon-background-active);--app-social-amazon-icon-color: currentColor;--app-social-google-background: #ffffff;--app-social-google-background-hover: #f1f3f4;--app-social-google-background-active: #e8eaed;--app-social-google-color: #202124;--app-social-google-color-hover: var(--app-social-google-color);--app-social-google-color-active: var(--app-social-google-color);--app-social-google-border-color: var(--app-social-google-background);--app-social-google-border-color-hover: var(--app-social-google-background-hover);--app-social-google-border-color-active: var(--app-social-google-background-active);--app-social-google-icon-color: currentColor;--app-social-apple-background: #1d1d1f;--app-social-apple-background-hover: #101012;--app-social-apple-background-active: #000000;--app-social-apple-color: #ffffff;--app-social-apple-color-hover: var(--app-social-apple-color);--app-social-apple-color-active: var(--app-social-apple-color);--app-social-apple-border-color: var(--app-social-apple-background);--app-social-apple-border-color-hover: var(--app-social-apple-background-hover);--app-social-apple-border-color-active: var(--app-social-apple-background-active);--app-social-apple-icon-color: currentColor;--app-social-signal-background: #2559c6;--app-social-signal-background-hover: #1c47a1;--app-social-signal-background-active: #173a82;--app-social-signal-color: #ffffff;--app-social-signal-color-hover: var(--app-social-signal-color);--app-social-signal-color-active: var(--app-social-signal-color);--app-social-signal-border-color: var(--app-social-signal-background);--app-social-signal-border-color-hover: var(--app-social-signal-background-hover);--app-social-signal-border-color-active: var(--app-social-signal-background-active);--app-social-signal-icon-color: currentColor}.social-share-container{display:var(--app-social-container-display);box-sizing:border-box;width:var(--app-social-container-width);min-width:var(--app-social-container-min-width);max-width:var(--app-social-container-max-width);margin-block-start:var(--app-social-container-margin-block-start);margin-block-end:var(--app-social-container-margin-block-end);margin-inline:var(--app-social-container-margin-inline);padding-block:var(--app-social-container-padding-block);padding-inline:var(--app-social-container-padding-inline);background:var(--app-social-container-background);border-width:var(--app-social-container-border-width);border-style:var(--app-social-container-border-style);border-color:var(--app-social-container-border-color);border-radius:var(--app-social-container-border-radius)}.social-share-buttons-container,.brand-link__list,.contact-social__list{display:var(--app-social-list-display);flex-direction:var(--app-social-list-direction);flex-wrap:var(--app-social-list-wrap);gap:var(--app-social-list-gap);row-gap:var(--app-social-list-row-gap);column-gap:var(--app-social-list-column-gap);justify-content:var(--app-social-list-justify-content);align-items:var(--app-social-list-align-items);align-content:var(--app-social-list-align-content);width:var(--app-social-list-width);max-width:var(--app-social-list-max-width);margin:var(--app-social-list-margin);padding:var(--app-social-list-padding)}.social-sharing-button__link,.brand-link,.contact-social{display:var(--app-social-link-display);align-items:var(--app-social-link-align-items);justify-content:var(--app-social-link-justify-content);box-sizing:border-box;width:var(--app-social-link-width);min-width:var(--app-social-link-min-width);max-width:var(--app-social-link-max-width);margin-block:var(--app-social-link-margin-block);margin-inline:var(--app-social-link-margin-inline);padding:var(--app-social-link-padding);border-width:var(--app-social-link-border-width);border-style:var(--app-social-link-border-style);border-color:var(--app-social-link-border-color);border-radius:var(--app-social-link-border-radius);background:transparent;color:inherit;font:inherit;text-decoration:var(--app-social-link-text-decoration);cursor:var(--app-social-link-cursor);opacity:var(--app-social-link-opacity);transition-property:var(--app-social-transition-properties);transition-duration:var(--app-social-transition-duration);transition-timing-function:var(--app-social-transition-timing-function)}.social-sharing-button__link:hover,.brand-link:hover,.contact-social:hover{text-decoration:var(--app-social-link-text-decoration-hover);opacity:var(--app-social-link-opacity-hover);transform:var(--app-social-hover-transform)}.social-sharing-button__link:active,.brand-link:active,.contact-social:active{transform:var(--app-social-active-transform)}.social-sharing-button,.brand-link__button,.contact-social__button{--social-background: var(--app-social-button-background);--social-background-hover: var(--app-social-button-background-hover);--social-background-active: var(--app-social-button-background-active);--social-foreground: var(--app-social-button-color);--social-foreground-hover: var(--app-social-button-color-hover);--social-foreground-active: var(--app-social-button-color-active);--social-border: var(--app-social-button-border-color);--social-border-hover: var(--app-social-button-border-color-hover);--social-border-active: var(--app-social-button-border-color-active);--social-icon-color: var(--app-social-icon-color);display:var(--app-social-button-display);flex-direction:var(--app-social-button-flex-direction);align-items:var(--app-social-button-align-items);justify-content:var(--app-social-button-justify-content);gap:var(--app-social-button-gap);box-sizing:border-box;width:var(--app-social-button-width);max-width:var(--app-social-button-max-width);min-width:var(--app-social-button-min-width);min-height:var(--app-social-button-min-height);padding-block:var(--app-social-button-padding-block);padding-inline:var(--app-social-button-padding-inline);border-width:var(--app-social-button-border-width);border-style:var(--app-social-button-border-style);border-radius:var(--app-social-button-border-radius);background-color:var(--social-background);border-color:var(--social-border);color:var(--social-foreground);font-family:var(--app-social-font-family);font-size:var(--app-social-font-size);font-weight:var(--app-social-font-weight);font-style:var(--app-social-font-style);line-height:var(--app-social-line-height);letter-spacing:var(--app-social-letter-spacing);text-transform:var(--app-social-text-transform);text-align:var(--app-social-text-align);white-space:var(--app-social-white-space);text-decoration:none;box-shadow:var(--app-social-box-shadow);transition-property:var(--app-social-transition-properties);transition-duration:var(--app-social-transition-duration);transition-timing-function:var(--app-social-transition-timing-function)}.social-sharing-button__link:hover .social-sharing-button,.brand-link:hover .social-sharing-button,.contact-social:hover .social-sharing-button,.social-sharing-button__link:hover .brand-link__button,.brand-link:hover .brand-link__button,.contact-social:hover .brand-link__button,.social-sharing-button__link:hover .contact-social__button,.brand-link:hover .contact-social__button,.contact-social:hover .contact-social__button{background-color:var(--social-background-hover);border-color:var(--social-border-hover);color:var(--social-foreground-hover);box-shadow:var(--app-social-box-shadow-hover)}.social-sharing-button__link:active .social-sharing-button,.brand-link:active .social-sharing-button,.contact-social:active .social-sharing-button,.social-sharing-button__link:active .brand-link__button,.brand-link:active .brand-link__button,.contact-social:active .brand-link__button,.social-sharing-button__link:active .contact-social__button,.brand-link:active .contact-social__button,.contact-social:active .contact-social__button{background-color:var(--social-background-active);border-color:var(--social-border-active);color:var(--social-foreground-active);box-shadow:var(--app-social-box-shadow-active)}.social-sharing-button__link:focus-visible,.brand-link:focus-visible,.contact-social:focus-visible{outline-width:var(--app-social-focus-outline-width);outline-style:var(--app-social-focus-outline-style);outline-color:var(--app-social-focus-outline-color);outline-offset:var(--app-social-focus-outline-offset);box-shadow:var(--app-social-focus-box-shadow)}.social-sharing-button__link:focus-visible .social-sharing-button,.brand-link:focus-visible .social-sharing-button,.contact-social:focus-visible .social-sharing-button,.social-sharing-button__link:focus-visible .brand-link__button,.brand-link:focus-visible .brand-link__button,.contact-social:focus-visible .brand-link__button,.social-sharing-button__link:focus-visible .contact-social__button,.brand-link:focus-visible .contact-social__button,.contact-social:focus-visible .contact-social__button{background-color:var(--social-background-hover);border-color:var(--social-border-hover);color:var(--social-foreground-hover)}.social-sharing-button__link:disabled,.brand-link:disabled,.contact-social:disabled,.social-sharing-button__link[aria-disabled=true],[aria-disabled=true].brand-link,[aria-disabled=true].contact-social{opacity:var(--app-social-link-opacity-disabled);cursor:var(--app-social-link-cursor-disabled)}.social-sharing-button__icon,.brand-link__icon,.contact-social__icon{display:var(--app-social-icon-display);align-items:var(--app-social-icon-align-items);justify-content:var(--app-social-icon-justify-content);flex-shrink:var(--app-social-icon-flex-shrink);color:var(--social-icon-color, var(--app-social-icon-color));border-radius:var(--app-social-icon-border-radius)}.social-sharing-button__icon svg,.brand-link__icon svg,.contact-social__icon svg{display:block;width:var(--app-social-icon-width);height:var(--app-social-icon-height);vertical-align:var(--app-social-icon-vertical-align);stroke:var(--app-social-icon-stroke);stroke-width:var(--app-social-icon-stroke-width);fill:var(--app-social-icon-fill)}.social-sharing-button__icon--solid svg,.social-sharing-button__icon--solidcircle svg{fill:currentColor;stroke:none}.social-sharing-button__icon i,.brand-link__icon i,.contact-social__icon i{font-size:var(--app-social-icon-size);line-height:1;color:inherit}.social-sharing-button--small,.brand-link__button--small,.contact-social__button--small{min-width:var(--app-social-small-min-width);min-height:var(--app-social-small-min-height);padding-block:var(--app-social-small-padding-block);padding-inline:var(--app-social-small-padding-inline);gap:var(--app-social-small-gap);font-size:var(--app-social-small-font-size)}.social-sharing-button--small .social-sharing-button__icon,.brand-link__button--small .social-sharing-button__icon,.contact-social__button--small .social-sharing-button__icon,.social-sharing-button--small .brand-link__icon,.brand-link__button--small .brand-link__icon,.contact-social__button--small .brand-link__icon,.social-sharing-button--small .contact-social__icon,.brand-link__button--small .contact-social__icon,.contact-social__button--small .contact-social__icon{font-size:var(--app-social-small-icon-size)}.social-sharing-button--large,.brand-link__button--large,.contact-social__button--large{min-width:var(--app-social-large-min-width);min-height:var(--app-social-large-min-height);padding-block:var(--app-social-large-padding-block);padding-inline:var(--app-social-large-padding-inline);gap:var(--app-social-large-gap);font-size:var(--app-social-large-font-size)}.social-sharing-button--large .social-sharing-button__icon,.brand-link__button--large .social-sharing-button__icon,.contact-social__button--large .social-sharing-button__icon,.social-sharing-button--large .brand-link__icon,.brand-link__button--large .brand-link__icon,.contact-social__button--large .brand-link__icon,.social-sharing-button--large .contact-social__icon,.brand-link__button--large .contact-social__icon,.contact-social__button--large .contact-social__icon{font-size:var(--app-social-large-icon-size)}.social-sharing-button--email,.brand-link__button--email,.contact-social__button--email{--social-background: var(--app-social-email-background);--social-background-hover: var(--app-social-email-background-hover);--social-background-active: var(--app-social-email-background-active);--social-foreground: var(--app-social-email-color);--social-foreground-hover: var(--app-social-email-color-hover);--social-foreground-active: var(--app-social-email-color-active);--social-border: var(--app-social-email-border-color);--social-border-hover: var(--app-social-email-border-color-hover);--social-border-active: var(--app-social-email-border-color-active);--social-icon-color: var(--app-social-email-icon-color)}.social-sharing-button--facebook,.brand-link__button--facebook,.contact-social__button--facebook{--social-background: var(--app-social-facebook-background);--social-background-hover: var(--app-social-facebook-background-hover);--social-background-active: var(--app-social-facebook-background-active);--social-foreground: var(--app-social-facebook-color);--social-foreground-hover: var(--app-social-facebook-color-hover);--social-foreground-active: var(--app-social-facebook-color-active);--social-border: var(--app-social-facebook-border-color);--social-border-hover: var(--app-social-facebook-border-color-hover);--social-border-active: var(--app-social-facebook-border-color-active);--social-icon-color: var(--app-social-facebook-icon-color)}.social-sharing-button--x,.brand-link__button--x,.contact-social__button--x{--social-background: var(--app-social-x-background);--social-background-hover: var(--app-social-x-background-hover);--social-background-active: var(--app-social-x-background-active);--social-foreground: var(--app-social-x-color);--social-foreground-hover: var(--app-social-x-color-hover);--social-foreground-active: var(--app-social-x-color-active);--social-border: var(--app-social-x-border-color);--social-border-hover: var(--app-social-x-border-color-hover);--social-border-active: var(--app-social-x-border-color-active);--social-icon-color: var(--app-social-x-icon-color)}.social-sharing-button--linkedin,.brand-link__button--linkedin,.contact-social__button--linkedin{--social-background: var(--app-social-linkedin-background);--social-background-hover: var(--app-social-linkedin-background-hover);--social-background-active: var(--app-social-linkedin-background-active);--social-foreground: var(--app-social-linkedin-color);--social-foreground-hover: var(--app-social-linkedin-color-hover);--social-foreground-active: var(--app-social-linkedin-color-active);--social-border: var(--app-social-linkedin-border-color);--social-border-hover: var(--app-social-linkedin-border-color-hover);--social-border-active: var(--app-social-linkedin-border-color-active);--social-icon-color: var(--app-social-linkedin-icon-color)}.social-sharing-button--pinterest,.brand-link__button--pinterest,.contact-social__button--pinterest{--social-background: var(--app-social-pinterest-background);--social-background-hover: var(--app-social-pinterest-background-hover);--social-background-active: var(--app-social-pinterest-background-active);--social-foreground: var(--app-social-pinterest-color);--social-foreground-hover: var(--app-social-pinterest-color-hover);--social-foreground-active: var(--app-social-pinterest-color-active);--social-border: var(--app-social-pinterest-border-color);--social-border-hover: var(--app-social-pinterest-border-color-hover);--social-border-active: var(--app-social-pinterest-border-color-active);--social-icon-color: var(--app-social-pinterest-icon-color)}.social-sharing-button--whatsapp,.brand-link__button--whatsapp,.contact-social__button--whatsapp{--social-background: var(--app-social-whatsapp-background);--social-background-hover: var(--app-social-whatsapp-background-hover);--social-background-active: var(--app-social-whatsapp-background-active);--social-foreground: var(--app-social-whatsapp-color);--social-foreground-hover: var(--app-social-whatsapp-color-hover);--social-foreground-active: var(--app-social-whatsapp-color-active);--social-border: var(--app-social-whatsapp-border-color);--social-border-hover: var(--app-social-whatsapp-border-color-hover);--social-border-active: var(--app-social-whatsapp-border-color-active);--social-icon-color: var(--app-social-whatsapp-icon-color)}.social-sharing-button--reddit,.brand-link__button--reddit,.contact-social__button--reddit{--social-background: var(--app-social-reddit-background);--social-background-hover: var(--app-social-reddit-background-hover);--social-background-active: var(--app-social-reddit-background-active);--social-foreground: var(--app-social-reddit-color);--social-foreground-hover: var(--app-social-reddit-color-hover);--social-foreground-active: var(--app-social-reddit-color-active);--social-border: var(--app-social-reddit-border-color);--social-border-hover: var(--app-social-reddit-border-color-hover);--social-border-active: var(--app-social-reddit-border-color-active);--social-icon-color: var(--app-social-reddit-icon-color)}.social-sharing-button--tumblr,.brand-link__button--tumblr,.contact-social__button--tumblr{--social-background: var(--app-social-tumblr-background);--social-background-hover: var(--app-social-tumblr-background-hover);--social-background-active: var(--app-social-tumblr-background-active);--social-foreground: var(--app-social-tumblr-color);--social-foreground-hover: var(--app-social-tumblr-color-hover);--social-foreground-active: var(--app-social-tumblr-color-active);--social-border: var(--app-social-tumblr-border-color);--social-border-hover: var(--app-social-tumblr-border-color-hover);--social-border-active: var(--app-social-tumblr-border-color-active);--social-icon-color: var(--app-social-tumblr-icon-color)}.social-sharing-button--xing,.brand-link__button--xing,.contact-social__button--xing{--social-background: var(--app-social-xing-background);--social-background-hover: var(--app-social-xing-background-hover);--social-background-active: var(--app-social-xing-background-active);--social-foreground: var(--app-social-xing-color);--social-foreground-hover: var(--app-social-xing-color-hover);--social-foreground-active: var(--app-social-xing-color-active);--social-border: var(--app-social-xing-border-color);--social-border-hover: var(--app-social-xing-border-color-hover);--social-border-active: var(--app-social-xing-border-color-active);--social-icon-color: var(--app-social-xing-icon-color)}.social-sharing-button--hackernews,.brand-link__button--hackernews,.contact-social__button--hackernews{--social-background: var(--app-social-hackernews-background);--social-background-hover: var(--app-social-hackernews-background-hover);--social-background-active: var(--app-social-hackernews-background-active);--social-foreground: var(--app-social-hackernews-color);--social-foreground-hover: var(--app-social-hackernews-color-hover);--social-foreground-active: var(--app-social-hackernews-color-active);--social-border: var(--app-social-hackernews-border-color);--social-border-hover: var(--app-social-hackernews-border-color-hover);--social-border-active: var(--app-social-hackernews-border-color-active);--social-icon-color: var(--app-social-hackernews-icon-color)}.social-sharing-button--vk,.brand-link__button--vk,.contact-social__button--vk{--social-background: var(--app-social-vk-background);--social-background-hover: var(--app-social-vk-background-hover);--social-background-active: var(--app-social-vk-background-active);--social-foreground: var(--app-social-vk-color);--social-foreground-hover: var(--app-social-vk-color-hover);--social-foreground-active: var(--app-social-vk-color-active);--social-border: var(--app-social-vk-border-color);--social-border-hover: var(--app-social-vk-border-color-hover);--social-border-active: var(--app-social-vk-border-color-active);--social-icon-color: var(--app-social-vk-icon-color)}.social-sharing-button--bluesky,.brand-link__button--bluesky,.contact-social__button--bluesky{--social-background: var(--app-social-bluesky-background);--social-background-hover: var(--app-social-bluesky-background-hover);--social-background-active: var(--app-social-bluesky-background-active);--social-foreground: var(--app-social-bluesky-color);--social-foreground-hover: var(--app-social-bluesky-color-hover);--social-foreground-active: var(--app-social-bluesky-color-active);--social-border: var(--app-social-bluesky-border-color);--social-border-hover: var(--app-social-bluesky-border-color-hover);--social-border-active: var(--app-social-bluesky-border-color-active);--social-icon-color: var(--app-social-bluesky-icon-color)}.social-sharing-button--threads,.brand-link__button--threads,.contact-social__button--threads{--social-background: var(--app-social-threads-background);--social-background-hover: var(--app-social-threads-background-hover);--social-background-active: var(--app-social-threads-background-active);--social-foreground: var(--app-social-threads-color);--social-foreground-hover: var(--app-social-threads-color-hover);--social-foreground-active: var(--app-social-threads-color-active);--social-border: var(--app-social-threads-border-color);--social-border-hover: var(--app-social-threads-border-color-hover);--social-border-active: var(--app-social-threads-border-color-active);--social-icon-color: var(--app-social-threads-icon-color)}.social-sharing-button--mastodon,.brand-link__button--mastodon,.contact-social__button--mastodon{--social-background: var(--app-social-mastodon-background);--social-background-hover: var(--app-social-mastodon-background-hover);--social-background-active: var(--app-social-mastodon-background-active);--social-foreground: var(--app-social-mastodon-color);--social-foreground-hover: var(--app-social-mastodon-color-hover);--social-foreground-active: var(--app-social-mastodon-color-active);--social-border: var(--app-social-mastodon-border-color);--social-border-hover: var(--app-social-mastodon-border-color-hover);--social-border-active: var(--app-social-mastodon-border-color-active);--social-icon-color: var(--app-social-mastodon-icon-color)}.social-sharing-button--telegram,.brand-link__button--telegram,.contact-social__button--telegram{--social-background: var(--app-social-telegram-background);--social-background-hover: var(--app-social-telegram-background-hover);--social-background-active: var(--app-social-telegram-background-active);--social-foreground: var(--app-social-telegram-color);--social-foreground-hover: var(--app-social-telegram-color-hover);--social-foreground-active: var(--app-social-telegram-color-active);--social-border: var(--app-social-telegram-border-color);--social-border-hover: var(--app-social-telegram-border-color-hover);--social-border-active: var(--app-social-telegram-border-color-active);--social-icon-color: var(--app-social-telegram-icon-color)}.social-sharing-button--github,.brand-link__button--github,.contact-social__button--github{--social-background: var(--app-social-github-background);--social-background-hover: var(--app-social-github-background-hover);--social-background-active: var(--app-social-github-background-active);--social-foreground: var(--app-social-github-color);--social-foreground-hover: var(--app-social-github-color-hover);--social-foreground-active: var(--app-social-github-color-active);--social-border: var(--app-social-github-border-color);--social-border-hover: var(--app-social-github-border-color-hover);--social-border-active: var(--app-social-github-border-color-active);--social-icon-color: var(--app-social-github-icon-color)}.social-sharing-button--amazon,.brand-link__button--amazon,.contact-social__button--amazon{--social-background: var(--app-social-amazon-background);--social-background-hover: var(--app-social-amazon-background-hover);--social-background-active: var(--app-social-amazon-background-active);--social-foreground: var(--app-social-amazon-color);--social-foreground-hover: var(--app-social-amazon-color-hover);--social-foreground-active: var(--app-social-amazon-color-active);--social-border: var(--app-social-amazon-border-color);--social-border-hover: var(--app-social-amazon-border-color-hover);--social-border-active: var(--app-social-amazon-border-color-active);--social-icon-color: var(--app-social-amazon-icon-color)}.social-sharing-button--google,.brand-link__button--google,.contact-social__button--google{--social-background: var(--app-social-google-background);--social-background-hover: var(--app-social-google-background-hover);--social-background-active: var(--app-social-google-background-active);--social-foreground: var(--app-social-google-color);--social-foreground-hover: var(--app-social-google-color-hover);--social-foreground-active: var(--app-social-google-color-active);--social-border: var(--app-social-google-border-color);--social-border-hover: var(--app-social-google-border-color-hover);--social-border-active: var(--app-social-google-border-color-active);--social-icon-color: var(--app-social-google-icon-color)}.social-sharing-button--apple,.brand-link__button--apple,.contact-social__button--apple{--social-background: var(--app-social-apple-background);--social-background-hover: var(--app-social-apple-background-hover);--social-background-active: var(--app-social-apple-background-active);--social-foreground: var(--app-social-apple-color);--social-foreground-hover: var(--app-social-apple-color-hover);--social-foreground-active: var(--app-social-apple-color-active);--social-border: var(--app-social-apple-border-color);--social-border-hover: var(--app-social-apple-border-color-hover);--social-border-active: var(--app-social-apple-border-color-active);--social-icon-color: var(--app-social-apple-icon-color)}.social-sharing-button--signal,.brand-link__button--signal,.contact-social__button--signal{--social-background: var(--app-social-signal-background);--social-background-hover: var(--app-social-signal-background-hover);--social-background-active: var(--app-social-signal-background-active);--social-foreground: var(--app-social-signal-color);--social-foreground-hover: var(--app-social-signal-color-hover);--social-foreground-active: var(--app-social-signal-color-active);--social-border: var(--app-social-signal-border-color);--social-border-hover: var(--app-social-signal-border-color-hover);--social-border-active: var(--app-social-signal-border-color-active);--social-icon-color: var(--app-social-signal-icon-color)}@media(max-width:576px){.social-share-buttons-container,.brand-link__list,.contact-social__list{flex-direction:var(--app-social-mobile-list-direction);flex-wrap:var(--app-social-mobile-list-wrap);gap:var(--app-social-mobile-list-gap);justify-content:var(--app-social-mobile-list-justify-content);align-items:var(--app-social-mobile-list-align-items)}.social-sharing-button,.brand-link__button,.contact-social__button{font-size:var(--app-social-mobile-button-font-size);padding-block:var(--app-social-mobile-button-padding-block);padding-inline:var(--app-social-mobile-button-padding-inline)}}@media(prefers-reduced-motion:reduce){.social-sharing-button,.brand-link__button,.contact-social__button,.social-sharing-button__link,.brand-link,.contact-social,.social-sharing-button__icon,.brand-link__icon,.contact-social__icon{transition-duration:var(--app-social-reduced-motion-duration);animation:none}.social-sharing-button__link:hover,.brand-link:hover,.contact-social:hover,.social-sharing-button__link:active,.brand-link:active,.contact-social:active{transform:none}}@media(forced-colors:active){.social-sharing-button,.brand-link__button,.contact-social__button{color:LinkText;background-color:Canvas;border-color:LinkText;box-shadow:none}.social-sharing-button__link:hover .social-sharing-button,.brand-link:hover .social-sharing-button,.contact-social:hover .social-sharing-button,.social-sharing-button__link:hover .brand-link__button,.brand-link:hover .brand-link__button,.contact-social:hover .brand-link__button,.social-sharing-button__link:hover .contact-social__button,.brand-link:hover .contact-social__button,.contact-social:hover .contact-social__button,.social-sharing-button__link:focus-visible .social-sharing-button,.brand-link:focus-visible .social-sharing-button,.contact-social:focus-visible .social-sharing-button,.social-sharing-button__link:focus-visible .brand-link__button,.brand-link:focus-visible .brand-link__button,.contact-social:focus-visible .brand-link__button,.social-sharing-button__link:focus-visible .contact-social__button,.brand-link:focus-visible .contact-social__button,.contact-social:focus-visible .contact-social__button,.social-sharing-button__link:active .social-sharing-button,.brand-link:active .social-sharing-button,.contact-social:active .social-sharing-button,.social-sharing-button__link:active .brand-link__button,.brand-link:active .brand-link__button,.contact-social:active .brand-link__button,.social-sharing-button__link:active .contact-social__button,.brand-link:active .contact-social__button,.contact-social:active .contact-social__button{color:Highlight;background-color:Canvas;border-color:Highlight}.social-sharing-button__link:focus-visible,.brand-link:focus-visible,.contact-social:focus-visible{outline-color:Highlight}.social-sharing-button__icon,.brand-link__icon,.contact-social__icon{color:currentColor}}.social-sharing-button__link .social-sharing-button,.brand-link .social-sharing-button,.contact-social .social-sharing-button,.social-sharing-button__link .brand-link__button,.brand-link .brand-link__button,.contact-social .brand-link__button,.social-sharing-button__link .contact-social__button,.brand-link .contact-social__button,.contact-social .contact-social__button{--social-border: var(--dj-theme-color-accent);--social-border-hover: var(--dj-theme-color-accent);--social-border-active: var(--dj-theme-color-accent);border-width:var(--dj-theme-button-border-width, 1px);border-style:solid;border-radius:var(--dj-theme-button-border-radius, .5rem);overflow:hidden}.social-sharing-button__link:is(:hover,:focus-visible),.brand-link:is(:hover,:focus-visible),.contact-social:is(:hover,:focus-visible){transform:scale(1.1)}.social-sharing-button__link .social-sharing-button__icon>i,.brand-link .social-sharing-button__icon>i,.contact-social .social-sharing-button__icon>i,.social-sharing-button__link .brand-link__icon>i,.brand-link .brand-link__icon>i,.contact-social .brand-link__icon>i,.social-sharing-button__link .contact-social__icon>i,.brand-link .contact-social__icon>i,.contact-social .contact-social__icon>i{display:inline-block;transform:scale(1);transform-origin:center;transition:transform var(--app-social-transition-duration, .15s) var(--app-social-transition-timing-function, ease-out)}.social-sharing-button__link:is(:hover,:focus-visible) .social-sharing-button__icon>i,.brand-link:is(:hover,:focus-visible) .social-sharing-button__icon>i,.contact-social:is(:hover,:focus-visible) .social-sharing-button__icon>i,.social-sharing-button__link:is(:hover,:focus-visible) .brand-link__icon>i,.brand-link:is(:hover,:focus-visible) .brand-link__icon>i,.contact-social:is(:hover,:focus-visible) .brand-link__icon>i,.social-sharing-button__link:is(:hover,:focus-visible) .contact-social__icon>i,.brand-link:is(:hover,:focus-visible) .contact-social__icon>i,.contact-social:is(:hover,:focus-visible) .contact-social__icon>i{transform:scale(1.5)}@media(prefers-reduced-motion:reduce){.social-sharing-button__link,.brand-link,.contact-social,.social-sharing-button__link .social-sharing-button__icon>i,.brand-link .social-sharing-button__icon>i,.contact-social .social-sharing-button__icon>i,.social-sharing-button__link .brand-link__icon>i,.brand-link .brand-link__icon>i,.contact-social .brand-link__icon>i,.social-sharing-button__link .contact-social__icon>i,.brand-link .contact-social__icon>i,.contact-social .contact-social__icon>i{transition:none}.social-sharing-button__link:is(:hover,:focus-visible),.brand-link:is(:hover,:focus-visible),.contact-social:is(:hover,:focus-visible),.social-sharing-button__link:is(:hover,:focus-visible) .social-sharing-button__icon>i,.brand-link:is(:hover,:focus-visible) .social-sharing-button__icon>i,.contact-social:is(:hover,:focus-visible) .social-sharing-button__icon>i,.social-sharing-button__link:is(:hover,:focus-visible) .brand-link__icon>i,.brand-link:is(:hover,:focus-visible) .brand-link__icon>i,.contact-social:is(:hover,:focus-visible) .brand-link__icon>i,.social-sharing-button__link:is(:hover,:focus-visible) .contact-social__icon>i,.brand-link:is(:hover,:focus-visible) .contact-social__icon>i,.contact-social:is(:hover,:focus-visible) .contact-social__icon>i{transform:none}}.contact-social__list{justify-content:flex-start;padding-block:var(--dj-theme-spacer-2, .5rem)}.page-heading-contact,.card-deck-contact{overflow-wrap:anywhere}.card-contact{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-contact{font:inherit;margin:0}.contact-request-form{display:grid;gap:var(--dj-theme-spacing-base, 1rem)}.page-heading-copyright,.card-deck-copyright{overflow-wrap:anywhere}.card-copyright{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-copyright{font:inherit;margin:0}.page-heading-education,.card-deck-education{overflow-wrap:anywhere}.card-education{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-education{font:inherit;margin:0}.card-unorderedlist-education{display:block;list-style:disc outside;padding-inline-start:var(--dj-theme-spacer-4, 1.5rem);border:0;border-radius:0;overflow:visible}.card-unorderedlist-education>li.list-group-item{display:list-item;padding:0;margin-block:var(--dj-theme-spacer-1, .25rem);border:0;background:transparent;color:inherit}.card-unorderedlist-education>li::marker{color:currentColor}.page-heading-error,.card-deck-error{overflow-wrap:anywhere}.card-error{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-error{font:inherit;margin:0}.page-heading-experience,.card-deck-experience{overflow-wrap:anywhere}.card-experience{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-experience{font:inherit;margin:0}.card-unorderedlist-experience{display:block;list-style:disc outside;padding-inline-start:var(--dj-theme-spacer-4, 1.5rem);border:0;border-radius:0;overflow:visible}.card-unorderedlist-experience>li.list-group-item{display:list-item;padding:0;margin-block:var(--dj-theme-spacer-1, .25rem);border:0;background:transparent;color:inherit}.card-unorderedlist-experience>li::marker{color:currentColor}.page-heading-index,.card-deck-index{overflow-wrap:anywhere}.card-index{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-index{font:inherit;margin:0}.page-heading-privacy,.card-deck-privacy{overflow-wrap:anywhere}.card-privacy{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-privacy{font:inherit;margin:0}.card-unorderedlist-privacy{display:block;list-style:disc outside;padding-inline-start:var(--dj-theme-spacer-4, 1.5rem);border:0;border-radius:0;overflow:visible}.card-unorderedlist-privacy>li.list-group-item{display:list-item;padding:0;margin-block:var(--dj-theme-spacer-1, .25rem);border:0;background:transparent;color:inherit}.card-unorderedlist-privacy>li::marker{color:currentColor}.page-heading-skills,.card-deck-skills{overflow-wrap:anywhere}.card-skills{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-skills{font:inherit;margin:0}.card-unorderedlist-skills{display:block;list-style:disc outside;padding-inline-start:var(--dj-theme-spacer-4, 1.5rem);border:0;border-radius:0;overflow:visible}.card-unorderedlist-skills>li.list-group-item{display:list-item;padding:0;margin-block:var(--dj-theme-spacer-1, .25rem);border:0;background:transparent;color:inherit}.card-unorderedlist-skills>li::marker{color:currentColor}.page-heading-terms,.card-deck-terms{overflow-wrap:anywhere}.card-terms{border-color:var(--dj-theme-color-primary);margin-block-end:var(--dj-theme-spacer-3, 1rem)}.card-header-terms{font:inherit;margin:0}.card-unorderedlist-terms{display:block;list-style:disc outside;padding-inline-start:var(--dj-theme-spacer-4, 1.5rem);border:0;border-radius:0;overflow:visible}.card-unorderedlist-terms>li.list-group-item{display:list-item;padding:0;margin-block:var(--dj-theme-spacer-1, .25rem);border:0;background:transparent;color:inherit}.card-unorderedlist-terms>li::marker{color:currentColor}.consent-index{min-inline-size:0;max-inline-size:64rem;margin-inline:auto;overflow-wrap:anywhere}.consent-index label{display:inline-flex;align-items:baseline;gap:.5em}.consent-index input[type=checkbox]{flex:0 0 auto}.consent-index .btn{max-inline-size:100%;white-space:normal}.consent-editor{--consent-gap: 1rem;max-inline-size:64rem;margin-inline:auto}.consent-editor .consent-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--consent-gap);margin-block:1.5rem}.consent-editor .consent-summary section,.consent-editor .consent-necessary,.consent-editor .consent-group{border:1px solid var(--bs-border-color, currentColor);border-radius:var(--bs-border-radius, .375rem);padding:var(--consent-gap);margin-block-end:var(--consent-gap)}.consent-editor h2{font-size:1.15em}.consent-editor fieldset{min-inline-size:0}.consent-editor .consent-group fieldset{border:0;margin:0;padding:0}.consent-editor .consent-group summary{cursor:pointer;font-weight:600}.consent-editor .consent-group[open] summary{margin-block-end:var(--consent-gap)}.consent-editor .consent-choice+.consent-choice{margin-block-start:var(--consent-gap);padding-block-start:var(--consent-gap);border-block-start:1px solid var(--bs-border-color, currentColor)}.consent-editor label{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap}.consent-editor input[type=checkbox]{flex:0 0 auto;inline-size:1.15em;block-size:1.15em}.consent-editor .consent-choice p{margin-block:.4em 0}.consent-editor [data-consent-unavailable]{font-size:.85em;font-weight:400}.consent-editor .consent-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:var(--consent-gap)}.consent-editor .consent-note{font-size:.95em}.consent-editor [hidden]{display:none!important}.consent-editor :focus-visible{outline:2px solid currentColor;outline-offset:3px}.account-identity-access-denied{min-inline-size:0;max-inline-size:64rem;margin-inline:auto;padding-block:var(--dj-theme-spacer-3, 1rem);overflow-wrap:anywhere}.account-identity-access-denied form{margin-block:var(--dj-theme-spacer-3, 1rem)}.account-identity-access-denied .btn{max-inline-size:100%;white-space:normal}.account-identity-data-deletion{min-inline-size:0;max-inline-size:64rem;margin-inline:auto;padding-block:var(--dj-theme-spacer-3, 1rem);overflow-wrap:anywhere}.account-identity-data-deletion form{margin-block:var(--dj-theme-spacer-3, 1rem)}.account-identity-data-deletion .btn{max-inline-size:100%;white-space:normal}.account-connect-google{max-inline-size:42rem;margin-inline:auto}.account-connect-google [data-google-button]{margin-block-start:1rem}.account-connect-google [data-google-status]{margin-block-start:.75rem}.account-identity-login__actions{display:flex;flex-wrap:wrap;gap:var(--dj-theme-spacer-2, .5rem);margin-block:var(--dj-theme-spacer-3, 1rem)}.account-identity-logout{min-inline-size:0;max-inline-size:64rem;margin-inline:auto;padding-block:var(--dj-theme-spacer-3, 1rem);overflow-wrap:anywhere}.account-identity-logout form{margin-block:var(--dj-theme-spacer-3, 1rem)}.account-identity-logout .btn{max-inline-size:100%;white-space:normal}.account-identity-register{min-inline-size:0;max-inline-size:64rem;margin-inline:auto;padding-block:var(--dj-theme-spacer-3, 1rem);overflow-wrap:anywhere}.account-identity-register form{margin-block:var(--dj-theme-spacer-3, 1rem)}.account-identity-register .btn{max-inline-size:100%;white-space:normal}.account-identity-sign-in-problem{min-inline-size:0;max-inline-size:64rem;margin-inline:auto;padding-block:var(--dj-theme-spacer-3, 1rem);overflow-wrap:anywhere}.account-identity-sign-in-problem form{margin-block:var(--dj-theme-spacer-3, 1rem)}.account-identity-sign-in-problem .btn{max-inline-size:100%;white-space:normal}.account-privacy-index{min-inline-size:0}.account-preferences-index{max-inline-size:58rem;margin-inline:auto;padding:1rem}.account-preferences-index h1{overflow-wrap:anywhere}.account-preferences-index fieldset{min-inline-size:0;border:1px solid var(--dj-theme-color-primary);border-radius:.5rem;padding:1rem;margin-block:1rem}.account-preferences-index legend{font-size:1.15rem;padding-inline:.35rem}.account-preferences-index label{display:grid;gap:.35rem;margin-block:.8rem}.account-preferences-index .account-storage-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.account-preferences-index .account-preference-summary{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,2fr);gap:.6rem 1rem}.account-preferences-index dd{margin:0;overflow-wrap:anywhere}.account-preferences-index .account-preference-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.account-preferences-index :is(button,select,input){min-inline-size:0;max-inline-size:100%;min-block-size:2.75rem}.account-preferences-index [data-preference-source]{overflow-wrap:anywhere}@media(max-width:480px){.account-preferences-index .account-preference-summary{grid-template-columns:1fr}.account-preferences-index dd{margin-block-end:.7rem}}.account-preferences-manage{max-inline-size:58rem;margin-inline:auto;padding:1rem}.account-preferences-manage h1{overflow-wrap:anywhere}.account-preferences-manage fieldset{min-inline-size:0;border:1px solid var(--dj-theme-color-primary);border-radius:.5rem;padding:1rem;margin-block:1rem}.account-preferences-manage legend{font-size:1.15rem;padding-inline:.35rem}.account-preferences-manage label{display:grid;gap:.35rem;margin-block:.8rem}.account-preferences-manage .account-storage-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.account-preferences-manage .account-preference-summary{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,2fr);gap:.6rem 1rem}.account-preferences-manage dd{margin:0;overflow-wrap:anywhere}.account-preferences-manage .account-preference-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.account-preferences-manage :is(button,select,input){min-inline-size:0;max-inline-size:100%;min-block-size:2.75rem}.account-preferences-manage [data-preference-source]{overflow-wrap:anywhere}@media(max-width:480px){.account-preferences-manage .account-preference-summary{grid-template-columns:1fr}.account-preferences-manage dd{margin-block-end:.7rem}}.account-settings-index{max-inline-size:58rem;margin-inline:auto;padding:1rem}.account-settings-index h1{overflow-wrap:anywhere}.account-settings-index fieldset{min-inline-size:0;border:1px solid var(--dj-theme-color-primary);border-radius:.5rem;padding:1rem;margin-block:1rem}.account-settings-index legend{font-size:1.15rem;padding-inline:.35rem}.account-settings-index label{display:grid;gap:.35rem;margin-block:.8rem}.account-settings-index .account-storage-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.account-settings-index .account-preference-summary{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,2fr);gap:.6rem 1rem}.account-settings-index dd{margin:0;overflow-wrap:anywhere}.account-settings-index .account-preference-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.account-settings-index :is(button,select,input){min-inline-size:0;max-inline-size:100%;min-block-size:2.75rem}.account-settings-index [data-preference-source]{overflow-wrap:anywhere}@media(max-width:480px){.account-settings-index .account-preference-summary{grid-template-columns:1fr}.account-settings-index dd{margin-block-end:.7rem}}.account-settings-manage{max-inline-size:58rem;margin-inline:auto;padding:1rem}.account-settings-manage h1{overflow-wrap:anywhere}.account-settings-manage fieldset{min-inline-size:0;border:1px solid var(--dj-theme-color-primary);border-radius:.5rem;padding:1rem;margin-block:1rem}.account-settings-manage legend{font-size:1.15rem;padding-inline:.35rem}.account-settings-manage label{display:grid;gap:.35rem;margin-block:.8rem}.account-settings-manage .account-storage-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.account-settings-manage .account-preference-summary{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(0,2fr);gap:.6rem 1rem}.account-settings-manage dd{margin:0;overflow-wrap:anywhere}.account-settings-manage .account-preference-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.account-settings-manage :is(button,select,input){min-inline-size:0;max-inline-size:100%;min-block-size:2.75rem}.account-settings-manage [data-preference-source]{overflow-wrap:anywhere}@media(max-width:480px){.account-settings-manage .account-preference-summary{grid-template-columns:1fr}.account-settings-manage dd{margin-block-end:.7rem}}.admin-theme-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.admin-theme-catalog article{margin:0}.admin-theme-catalog h2{font-size:1.25rem}.admin-theme-catalog .btn{margin-inline-end:.5rem}.admin-theme-catalog :is(h2,h3,p){overflow-wrap:anywhere}.admin-theme-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem}.admin-theme-flag{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.admin-theme-flag small{font-size:.75em;opacity:.8}.admin-theme-token{padding:1rem 0;border-block-end:1px solid var(--dj-theme-border-color-neutral-light)}.admin-theme-token-label{display:block;overflow-wrap:anywhere;margin-block-end:.4rem}.admin-theme-token-fields{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-theme-token-fields>.form-control{flex:1 1 16rem;min-inline-size:0}.admin-theme-token-fields>.form-range{flex:1 1 12rem}.admin-theme-token-fields>.form-select{flex:1 1 10rem;inline-size:auto}.admin-theme-token-fields input[type=color]{inline-size:3rem;block-size:2.5rem;padding:0;border:1px solid var(--dj-theme-color-primary);background:transparent}.admin-theme-value{overflow-wrap:anywhere}@media(min-width:1100px){.admin-theme-studio[data-mode=editor] .admin-theme-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.admin-theme-studio[data-mode=editor] #studio-token-panel,.admin-theme-studio[data-mode=editor] #studio-preview{position:sticky;inset-block-start:6rem;max-block-size:calc(100vh - 7rem);overflow:auto;min-inline-size:0}}@media print{#studio-editor,#studio-token-panel{display:none}}.admin-theme-studio[data-mode=viewer] .admin-theme-workbench{min-inline-size:0}.admin-theme-studio[data-mode=viewer] #studio-preview{inline-size:100%}.admin-theme-studio{min-inline-size:0;padding-block:1rem 3rem}.admin-theme-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin-block:1rem}.admin-theme-toolbar>label{display:grid;gap:.25rem;min-inline-size:10rem;max-inline-size:100%}.admin-theme-toolbar input,.admin-theme-toolbar select{max-inline-size:100%}.admin-theme-panel{padding:1rem;margin-block:1rem;border:1px solid var(--dj-theme-border-color-neutral-light);border-radius:var(--dj-theme-card-border-radius);background:var(--dj-theme-card-bg);color:var(--dj-theme-card-color);min-inline-size:0}.admin-theme-examples{display:block}.admin-theme-preview .admin-theme-panel{overflow:visible}.admin-theme-preview .card{margin-block:1rem}.admin-theme-preview label{margin-block:.5rem}.admin-example-progress{margin-block:1rem}.admin-example-progress>.progress-bar{inline-size:65%}.admin-example-placeholder{inline-size:65%}.admin-example-slide{padding:3rem;text-align:center;background:var(--dj-theme-surface-muted-bg)}.admin-example-scroll{max-block-size:10rem;overflow:auto;padding:1rem;border:1px solid var(--dj-theme-color-primary)}#example-book .dj-book__stage{max-inline-size:24rem}#example-book .dj-book__page{padding:1rem}.admin-theme-studio [hidden]{display:none!important}@media(max-width:575px){.admin-theme-toolbar>label{inline-size:100%}}@media print{.admin-theme-toolbar{display:none}}#studio-document-title{overflow-wrap:anywhere}.admin-sample-39e8cb62b5{--sample:var(--dj-theme-color-primary,#c53945) }.admin-sample-547987facb{--sample:var(--dj-theme-color-secondary,#d98c3b) }.admin-sample-d0b5361f75{--sample:var(--dj-theme-color-accent,#2d8bd0) }.admin-sample-d210a7d1fc{--sample:var(--dj-theme-color-success,#23855a) }.admin-sample-2f1d501fbb{--sample:var(--dj-theme-color-info,#2a9fbc) }.admin-sample-6cde203820{--sample:var(--dj-theme-color-warning,#edbf37) }.admin-sample-0a5b31a44b{--sample:var(--dj-theme-color-danger,#c53945) }.admin-sample-7e866a37c3{--sample:var(--dj-theme-color-neutral-dark,#263244) }.admin-sample-d0e0e1dd1f{background:var(--dj-theme-color-highlight-primary, #f2b3b8)}.admin-sample-d1a2028732{background:var(--dj-theme-color-primary, #c53945)}.admin-sample-8f9b9f90c2{background:var(--dj-theme-color-lowlight-primary, #8b2230)}.admin-sample-24e3f6df07{background:var(--dj-theme-color-translucent-primary, #f9d6d9)}.admin-sample-0843142c5f{width:var(--dj-theme-spacer-1, .25rem)}.admin-sample-5449d57bfc{width:var(--dj-theme-spacer-2, .5rem)}.admin-sample-9d44d6aca9{width:var(--dj-theme-spacer-3, 1rem)}.admin-sample-048f195578{width:var(--dj-theme-spacer-4, 1.5rem)}.admin-sample-76b10fdb6c{width:var(--dj-theme-spacer-5, 3rem)}.admin-sample-8e240b41cd{height:38%;background:var(--dj-theme-data-visualization-categorical-1, #d64f61)}.admin-sample-8ecc93ae7d{height:74%;background:var(--dj-theme-data-visualization-categorical-2, #e19a4b)}.admin-sample-cebe73de3a{height:56%;background:var(--dj-theme-data-visualization-categorical-3, #45a995)}.admin-sample-cbe848b80c{height:91%;background:var(--dj-theme-data-visualization-categorical-4, #4b8ac4)}.admin-sample-8a74fcaaa5{height:63%;background:var(--dj-theme-data-visualization-categorical-5, #8e6dbe)}.admin-sample-7ee9d54bd1{width:12rem}.admin-sample-badcd27c29{width:40%}.admin-sample-dc9d6d9a86{width:30%}.admin-sample-127219deb9{height:10rem;overflow-y:auto;position:relative}.admin-sample-065cc347c9{min-height:12rem}.admin-recovered .dj-panel{padding:1rem;margin-block:1rem;border:1px solid var(--dj-theme-surface-border-color);border-radius:var(--dj-theme-card-border-radius);min-inline-size:0}.admin-recovered .dj-two-col,.admin-recovered .dj-subtile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.admin-recovered .dj-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem}.admin-recovered .dj-swatch{min-inline-size:0;overflow-wrap:anywhere}.admin-recovered .dj-swatch-paint{block-size:3rem;background:var(--sample);border-radius:var(--dj-theme-border-radius-std)}.admin-recovered :is(.dj-section-heading,.dj-spec-title,.dj-tone-row,.dj-accessibility-demos){display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.admin-recovered .dj-tone{display:inline-block;inline-size:3rem;block-size:2rem}.admin-recovered .dj-grid-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.admin-recovered .dj-grid-demo>span{padding:1rem;border:1px solid var(--dj-theme-color-primary)}.admin-recovered .dj-scroll-demo{display:flex;gap:.5rem;overflow:auto}.admin-recovered .dj-scroll-demo>div{flex:0 0 10rem;padding:1rem;border:1px solid var(--dj-theme-color-primary)}.admin-recovered .dj-aspect-box{aspect-ratio:16/9;display:grid;place-items:center;background:var(--dj-theme-surface-muted-bg)}.admin-recovered .dj-gradient-sample{min-block-size:5rem;padding:1rem;background-image:var(--dj-theme-gradient-surface)}.admin-recovered code{overflow-wrap:anywhere}.admin-theme-accessibility-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;align-items:start}.admin-theme-accessibility-controls>div{min-inline-size:0}.admin-theme-accessibility-controls label{display:block;margin-block-end:.35rem}.admin-theme-accessibility-controls input,.admin-theme-accessibility-controls select,.admin-theme-accessibility-controls button{max-inline-size:100%}.admin-theme-accessibility-controls p{margin-block:.5rem 0;overflow-wrap:anywhere}.admin-theme-accessibility-scale output{display:block;font-variant-numeric:tabular-nums}.admin-theme-toolbar>label{min-inline-size:min(100%,10rem)}.admin-theme-preview{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere}.admin-theme-preview :is(.dj-section-heading,.dj-spec-title,.dj-accessibility-demos)>*{min-inline-size:0;max-inline-size:100%}.admin-theme-preview :is(.nav,.hstack,.btn-toolbar){flex-wrap:wrap}.admin-theme-preview .nav-link{min-inline-size:0;max-inline-size:100%}body:has([data-admin-theme-studio]) .navbar-collapse>.navbar-nav{min-inline-size:0;max-inline-size:100%;flex-wrap:wrap}body:has([data-admin-theme-studio]) .navbar-collapse{max-inline-size:100%}.contact-request-message{white-space:pre-wrap;overflow-wrap:anywhere}.dj-shell-width{inline-size:min(100%,1560px);margin-inline:auto;padding-inline:clamp(1rem,3.5vw,3.5rem)}.dj-page-grid{display:grid;grid-template-columns:minmax(0,218px) minmax(0,1fr);gap:clamp(1.5rem,3vw,4rem);align-items:start}.dj-topbar{position:sticky;top:0;z-index:var(--dj-theme-z-index-sticky, 1020);background:var(--dj-theme-navbar-bg, var(--dj-theme-header-bg));background-image:var(--dj-theme-navbar-bg-image, none);border-bottom:1px solid var(--dj-theme-navbar-border-color, var(--dj-theme-border-color-neutral-light))}.dj-topbar .navbar{min-block-size:4.5rem}.dj-wordmark{display:inline-flex;align-items:center;gap:.75rem;font-weight:800;color:var(--dj-theme-navbar-color, var(--dj-theme-body-color));text-decoration:none}.dj-wordmark small{display:block;font-size:.6rem;letter-spacing:.1em}.dj-mark{display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--dj-theme-border-radius-std, .5rem);background:var(--dj-theme-color-primary);color:var(--dj-theme-contrast-on-primary, #fff);font-weight:900}.dj-nav-actions{display:flex;align-items:center;gap:1rem;margin-inline-start:auto}.dj-mode-label{font-size:.85rem;color:var(--dj-theme-navbar-color, var(--dj-theme-body-color))}.dj-sidebar{position:sticky;top:5rem;max-block-size:calc(100vh - 5rem);overflow:auto;border-inline-end:1px solid var(--dj-theme-border-color-neutral-light, rgba(170, 170, 170, .2666666667));padding:1.5rem .75rem 1.5rem 0}.dj-sidebar-inner{display:grid;gap:.25rem}.dj-sidebar-inner a{display:block;border-radius:var(--dj-theme-border-radius-sm, .25rem);padding:.5rem .7rem;color:var(--dj-theme-body-color);text-decoration:none}.dj-sidebar-inner a:hover,.dj-sidebar-inner a:focus-visible{background:var(--dj-theme-surface-muted-bg, rgba(136, 136, 136, .1333333333))}.dj-sidebar-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--dj-theme-color-primary)}.dj-sidebar-note{font-size:.8rem;color:var(--dj-theme-text-color-secondary, var(--dj-theme-body-color));border-top:1px solid var(--dj-theme-border-color-neutral-light, rgba(170, 170, 170, .3333333333));padding-top:1rem}.dj-main{min-width:0;padding-block:2rem 4rem}.dj-footer{padding:2rem 0;background:var(--dj-theme-footer-bg, var(--dj-theme-body-bg));color:var(--dj-theme-footer-color, var(--dj-theme-body-color));border-top:1px solid var(--dj-theme-border-color-neutral-light, rgba(170, 170, 170, .3333333333))}@media(max-width:1140px){.dj-page-grid{grid-template-columns:minmax(0,1fr)}.dj-sidebar{display:none}}.manage-nav-avatar{inline-size:48px;block-size:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;box-shadow:var(--dj-theme-shadow-base, none)}.manage-nav .dj-navbar-account>.dropdown-toggle{box-shadow:none}.manage-nav-avatar--fallback{font-size:1.5rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.manage-nav-avatar--fallback[hidden]{display:none}.manage-nav>.container-fluid{column-gap:.5rem}.manage-nav-brand-cluster{display:flex;align-items:center;gap:clamp(.25rem,1vw,.75rem);flex:0 1 auto;min-inline-size:0;max-inline-size:calc(100% - 44px - .5rem)}.manage-nav .dj-wordmark{min-inline-size:0;margin-inline-end:0;gap:clamp(.25rem,1vw,.75rem);font-size:clamp(14px,2.4vw,20px)}.manage-nav .dj-wordmark>span:last-child{min-inline-size:0;overflow-wrap:anywhere}.manage-nav .dj-wordmark>.dj-mark{inline-size:clamp(24px,5vw,40px);block-size:clamp(24px,5vw,40px);flex:0 0 auto}.manage-nav-preferences{position:relative;display:inline-flex;flex:0 0 auto}.manage-nav .manage-nav-preference-buttons>.btn-nav{inline-size:44px;min-inline-size:44px;min-block-size:44px;padding:0;font-size:clamp(.875rem,2vw,1rem)}.manage-nav .navbar-toggler{flex:0 0 44px;inline-size:44px;min-inline-size:44px;min-block-size:44px;padding:0;margin-inline-start:auto}.manage-nav .navbar-toggler-icon{inline-size:20px;block-size:20px}.manage-nav .manage-nav-menu{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:.75rem}.manage-nav .manage-nav-links{min-inline-size:0}.manage-nav .manage-nav-account{align-items:end}.manage-nav-account>.dj-navbar-account{margin-inline-start:0}@media(max-width:479.98px){.manage-nav .dj-wordmark small{display:none}}@media(min-width:992px){.manage-nav-brand-cluster{max-inline-size:none}.manage-nav .manage-nav-menu{grid-template-columns:auto auto;justify-content:end;align-items:center}.manage-nav .manage-nav-links{flex-wrap:nowrap}}@media(hover:none){.manage-nav .btn-nav-zoom:hover:not(:focus-visible),.manage-nav .btn-nav-zoom:hover:not(:focus-visible) :is(i,svg){transform:none}}.manage-nav-logout{margin:0}@media(max-width:991.98px){.manage-nav .manage-nav-menu{position:relative}.manage-nav-account>.dj-navbar-account{position:static}.manage-nav .manage-nav-account .dropdown-menu-end{inset-inline-start:0;inset-inline-end:auto;inset-block-start:0}}.manage-nav-preference-dialog{inline-size:min(90vw,30rem);max-block-size:75vh;overflow:auto;padding:0;border:1px solid var(--dj-theme-color-primary);border-radius:.5rem}.manage-nav-preference-dialog .modal-content{padding:1.25rem;gap:1rem}.manage-nav-preference-dialog:not([open]){display:none}.manage-nav-preference-dialog::backdrop{background:#0000008c}.manage-nav-preference-actions{display:flex;flex-wrap:wrap;gap:.75rem}.manage-nav-preference-status{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:1080;max-inline-size:min(90vw,28rem);padding:.75rem;border:1px solid var(--dj-theme-color-primary);border-radius:.4rem;background:Canvas;color:CanvasText;box-shadow:0 .3rem 1rem #00000040}.manage-nav-preference-status[hidden]{display:none}.dj-page-shell{min-block-size:100svh;display:flex;flex-direction:column}.dj-page-content{flex:1 0 auto;min-inline-size:0}.dj-page-shell>.app-footer{margin-block-start:auto}.dj-page-shell.dj-fixed-footer .dj-page-content{padding-block-end:calc(var(--app-fixed-footer-height, 0px) + 2.5rem)}.dj-page-shell.dj-fixed-footer>.app-footer{position:fixed;inset-inline:0;inset-block-end:0;margin:0;max-block-size:45svh;overflow:auto;padding-block-end:max(1.5rem,env(safe-area-inset-bottom));background:var(--dj-theme-footer-bg, var(--dj-theme-body-bg));color:var(--dj-theme-footer-color, var(--dj-theme-body-color));z-index:calc(var(--dj-theme-z-index-sticky, 1020) - 1)}.dj-page-shell.dj-fixed-footer:after{content:"";position:fixed;inset-inline:0;inset-block-end:var(--app-fixed-footer-height, 0px);block-size:2rem;background:linear-gradient(to bottom,transparent,var(--dj-theme-footer-bg, var(--dj-theme-body-bg)));pointer-events:none;z-index:calc(var(--dj-theme-z-index-sticky, 1020) - 1);opacity:0}.dj-page-shell.dj-fixed-footer[data-footer-overflow=true][data-footer-at-end=false]:after{opacity:1}html:has(.dj-fixed-footer){scroll-padding-block-end:calc(var(--app-fixed-footer-height, 0px) + 2.5rem)}@media print{.dj-page-shell.dj-fixed-footer>.app-footer{position:static;max-block-size:none;overflow:visible}.dj-page-shell.dj-fixed-footer .dj-page-content{padding-block-end:0}.dj-page-shell.dj-fixed-footer:after{display:none}}.footer-copyright{overflow-wrap:anywhere}.footer-copyright a,.footer-copyright a:visited{color:var(--dj-theme-footer-color, var(--dj-theme-body-color));text-decoration-thickness:from-font;text-underline-offset:.15em}.footer-copyright a:hover,.footer-copyright a:focus-visible{color:var(--dj-theme-color-primary)}.footer-copyright a:focus-visible{outline:2px solid var(--dj-theme-focus-outline-color, var(--dj-theme-color-primary));outline-offset:3px;border-radius:var(--dj-theme-border-radius-sm, .25rem)}.ninja-girr{--ninja-girr-size: 112px;position:fixed;inset:0 auto auto 0;z-index:2147483000;width:var(--ninja-girr-size);height:var(--ninja-girr-size);padding:0;border:0;background:transparent;cursor:grab;touch-action:none;user-select:none;will-change:transform}.ninja-girr[hidden]{display:none}.ninja-girr:active{cursor:grabbing}.ninja-girr:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:.5rem}.ninja-girr__sprite{position:absolute;inset:0;background-repeat:no-repeat;background-size:400% 400%;pointer-events:none;will-change:transform,background-position}.ninja-girr__shadow{position:absolute;left:30%;bottom:2px;width:40%;height:7%;border-radius:50%;background:#14231940;filter:blur(3px);pointer-events:none}#loading-overlay{position:fixed;inset:0 0 auto;z-index:1080;padding:var(--dj-theme-spacer-2, .5rem);background:var(--dj-theme-body-bg);color:var(--dj-theme-body-color);pointer-events:none}#loading-overlay[hidden]{display:none}#loading-bar{inline-size:30%;animation:site-loading-travel 1.4s linear infinite}@keyframes site-loading-travel{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){#loading-bar{animation:none;inline-size:100%}}#loading-overlay .loading-text{margin:0;text-align:center}/*! * @file footer.scss * @description * Configurable footer layout, copyright, and navigation styles * for Ramsden Profile App. * * LOCATION * -------- * wwwroot/css/modules/footer/footer.scss * * RESPONSIBILITIES * ---------------- * This module manages: * * - Overall footer appearance and layout. * - Copyright information. * - Footer navigation. * - Link appearance and interaction states. * - Responsive layout. * - Keyboard focus indicators. * - Reduced-motion and forced-colors behavior. * * Social-sharing button styling is defined separately in: * * modules/social_media/social_media.scss * * CONFIGURATION * ------------- * Runtime styling uses --app-footer-* CSS custom properties. * * These properties can be overridden by: * - Theme definitions. * - app-css.js. * - User preferences. * - Page-specific styles. * * ACCESSIBILITY * ------------- * - Semantic navigation remains in Razor markup. * - Visible keyboard focus indicators are provided. * - Links retain standard keyboard interaction. * - Reduced-motion preferences are respected. * - Forced-colors environments are supported. * - No user-visible text is generated in CSS. * * DOCUMENTATION * ------------- * CSS custom properties are the public configuration contract * for this component. * * Sass is used for organization and compile-time breakpoints. */:root{--app-footer-display: block;--app-footer-width: 100%;--app-footer-min-width: 0px;--app-footer-max-width: none;--app-footer-min-height: 0px;--app-footer-background: var(--app-background, transparent);--app-footer-text-color: var(--app-text-color, inherit);--app-footer-opacity: 1;--app-footer-margin-block-start: 0px;--app-footer-margin-block-end: 0px;--app-footer-margin-inline: 0px;--app-footer-padding-block-start: 24px;--app-footer-padding-block-end: 24px;--app-footer-padding-inline-start: 16px;--app-footer-padding-inline-end: 16px;--app-footer-border-width: 0px;--app-footer-border-style: solid;--app-footer-border-color: var(--app-border-color, transparent);--app-footer-border-radius: var(--app-border-radius, 0px);--app-footer-box-shadow: none;--app-footer-font-family: var(--app-font-family, inherit);--app-footer-font-size: var(--app-font-size, 1rem);--app-footer-font-weight: 400;--app-footer-font-style: normal;--app-footer-line-height: 1.5;--app-footer-letter-spacing: normal;--app-footer-text-align: center;--app-footer-content-display: flex;--app-footer-content-direction: column;--app-footer-content-align-items: center;--app-footer-content-justify-content: center;--app-footer-content-gap: 16px;--app-footer-content-width: 100%;--app-footer-content-max-width: 1200px;--app-footer-content-margin-inline: auto;--app-footer-content-padding-block: 0px;--app-footer-content-padding-inline: 0px;--app-footer-social-width: 100%;--app-footer-social-margin-block-start: 0px;--app-footer-social-margin-block-end: 16px;--app-footer-social-padding-block: 0px;--app-footer-social-padding-inline: 0px;--app-footer-copyright-display: block;--app-footer-copyright-width: auto;--app-footer-copyright-margin-block: 0px;--app-footer-copyright-margin-inline: 0px;--app-footer-copyright-padding-block: 0px;--app-footer-copyright-padding-inline: 0px;--app-footer-copyright-color: var(--app-footer-text-color);--app-footer-copyright-font-size: var(--app-footer-font-size);--app-footer-copyright-font-weight: 400;--app-footer-copyright-line-height: var(--app-footer-line-height);--app-footer-copyright-text-align: center;--app-footer-navigation-display: block;--app-footer-navigation-width: auto;--app-footer-navigation-max-width: 100%;--app-footer-navigation-margin-block: 0px;--app-footer-navigation-margin-inline: 0px;--app-footer-navigation-padding-block: 0px;--app-footer-navigation-padding-inline: 0px;--app-footer-list-display: flex;--app-footer-list-direction: row;--app-footer-list-wrap: wrap;--app-footer-list-align-items: center;--app-footer-list-justify-content: center;--app-footer-list-gap: 16px;--app-footer-list-row-gap: var(--app-footer-list-gap);--app-footer-list-column-gap: var(--app-footer-list-gap);--app-footer-list-margin: 0px;--app-footer-list-padding: 0px;--app-footer-list-style: none;--app-footer-item-display: list-item;--app-footer-item-margin: 0px;--app-footer-item-padding: 0px;--app-footer-link-display: inline-block;--app-footer-link-color: var(--app-link-color, #005fcc);--app-footer-link-color-hover: var(--app-link-color-hover, #00418d);--app-footer-link-color-active: var(--app-footer-link-color-hover);--app-footer-link-color-visited: var(--app-footer-link-color);--app-footer-link-background: transparent;--app-footer-link-background-hover: var(--app-footer-link-background);--app-footer-link-background-active: var(--app-footer-link-background-hover);--app-footer-link-font-family: var(--app-footer-font-family);--app-footer-link-font-size: var(--app-footer-font-size);--app-footer-link-font-weight: 400;--app-footer-link-line-height: var(--app-footer-line-height);--app-footer-link-letter-spacing: normal;--app-footer-link-text-transform: none;--app-footer-link-text-decoration: underline;--app-footer-link-text-decoration-hover: underline;--app-footer-link-text-decoration-active: underline;--app-footer-link-text-underline-offset: .15em;--app-footer-link-min-width: 0px;--app-footer-link-min-height: 44px;--app-footer-link-padding-block: 8px;--app-footer-link-padding-inline: 8px;--app-footer-link-margin-block: 0px;--app-footer-link-margin-inline: 0px;--app-footer-link-border-width: 0px;--app-footer-link-border-style: solid;--app-footer-link-border-color: transparent;--app-footer-link-border-radius: var(--app-border-radius, 4px);--app-footer-link-box-shadow: none;--app-footer-link-box-shadow-hover: none;--app-footer-link-box-shadow-active: none;--app-footer-link-opacity: 1;--app-footer-link-opacity-hover: 1;--app-footer-link-cursor: pointer;--app-footer-focus-outline-width: 3px;--app-footer-focus-outline-style: solid;--app-footer-focus-outline-color: var(--app-focus-color, #005fcc);--app-footer-focus-outline-offset: 3px;--app-footer-focus-box-shadow: none;--app-footer-transition-duration: .15s;--app-footer-transition-timing-function: ease;--app-footer-transition-properties: color, background-color, border-color, box-shadow, opacity;--app-footer-tablet-padding-inline: 16px;--app-footer-tablet-content-gap: 12px;--app-footer-tablet-list-gap: 12px;--app-footer-mobile-padding-block-start: 20px;--app-footer-mobile-padding-block-end: 20px;--app-footer-mobile-padding-inline: 12px;--app-footer-mobile-content-direction: column;--app-footer-mobile-content-gap: 12px;--app-footer-mobile-list-direction: column;--app-footer-mobile-list-wrap: nowrap;--app-footer-mobile-list-gap: 4px;--app-footer-mobile-link-min-height: 44px;--app-footer-mobile-text-align: center;--app-footer-reduced-motion-duration: 0ms}.app-footer{display:var(--app-footer-display);box-sizing:border-box;width:var(--app-footer-width);min-width:var(--app-footer-min-width);max-width:var(--app-footer-max-width);min-height:var(--app-footer-min-height);margin-block-start:var(--app-footer-margin-block-start);margin-block-end:var(--app-footer-margin-block-end);margin-inline:var(--app-footer-margin-inline);padding-block-start:var(--app-footer-padding-block-start);padding-block-end:var(--app-footer-padding-block-end);padding-inline-start:var(--app-footer-padding-inline-start);padding-inline-end:var(--app-footer-padding-inline-end);background:var(--app-footer-background);color:var(--app-footer-text-color);opacity:var(--app-footer-opacity);border-width:var(--app-footer-border-width);border-style:var(--app-footer-border-style);border-color:var(--app-footer-border-color);border-radius:var(--app-footer-border-radius);box-shadow:var(--app-footer-box-shadow);font-family:var(--app-footer-font-family);font-size:var(--app-footer-font-size);font-weight:var(--app-footer-font-weight);font-style:var(--app-footer-font-style);line-height:var(--app-footer-line-height);letter-spacing:var(--app-footer-letter-spacing);text-align:var(--app-footer-text-align)}.app-footer__content{display:var(--app-footer-content-display);flex-direction:var(--app-footer-content-direction);align-items:var(--app-footer-content-align-items);justify-content:var(--app-footer-content-justify-content);gap:var(--app-footer-content-gap);box-sizing:border-box;width:var(--app-footer-content-width);max-width:var(--app-footer-content-max-width);margin-inline:var(--app-footer-content-margin-inline);padding-block:var(--app-footer-content-padding-block);padding-inline:var(--app-footer-content-padding-inline)}.app-footer .social-share-container{width:var(--app-footer-social-width);margin-block-start:var(--app-footer-social-margin-block-start);margin-block-end:var(--app-footer-social-margin-block-end);padding-block:var(--app-footer-social-padding-block);padding-inline:var(--app-footer-social-padding-inline)}.footer-copyright{display:var(--app-footer-copyright-display);width:var(--app-footer-copyright-width);margin-block:var(--app-footer-copyright-margin-block);margin-inline:var(--app-footer-copyright-margin-inline);padding-block:var(--app-footer-copyright-padding-block);padding-inline:var(--app-footer-copyright-padding-inline);color:var(--app-footer-copyright-color);font-size:var(--app-footer-copyright-font-size);font-weight:var(--app-footer-copyright-font-weight);line-height:var(--app-footer-copyright-line-height);text-align:var(--app-footer-copyright-text-align)}.footer-navigation{display:var(--app-footer-navigation-display);box-sizing:border-box;width:var(--app-footer-navigation-width);max-width:var(--app-footer-navigation-max-width);margin-block:var(--app-footer-navigation-margin-block);margin-inline:var(--app-footer-navigation-margin-inline);padding-block:var(--app-footer-navigation-padding-block);padding-inline:var(--app-footer-navigation-padding-inline)}.footer-navigation__list{display:var(--app-footer-list-display);flex-direction:var(--app-footer-list-direction);flex-wrap:var(--app-footer-list-wrap);align-items:var(--app-footer-list-align-items);justify-content:var(--app-footer-list-justify-content);gap:var(--app-footer-list-gap);row-gap:var(--app-footer-list-row-gap);column-gap:var(--app-footer-list-column-gap);list-style:var(--app-footer-list-style);margin:var(--app-footer-list-margin);padding:var(--app-footer-list-padding)}.footer-navigation__item{display:var(--app-footer-item-display);margin:var(--app-footer-item-margin);padding:var(--app-footer-item-padding)}.footer-navigation__item>a{display:var(--app-footer-link-display);box-sizing:border-box;min-width:var(--app-footer-link-min-width);min-height:var(--app-footer-link-min-height);margin-block:var(--app-footer-link-margin-block);margin-inline:var(--app-footer-link-margin-inline);padding-block:var(--app-footer-link-padding-block);padding-inline:var(--app-footer-link-padding-inline);border-width:var(--app-footer-link-border-width);border-style:var(--app-footer-link-border-style);border-color:var(--app-footer-link-border-color);border-radius:var(--app-footer-link-border-radius);background:var(--app-footer-link-background);color:var(--app-footer-link-color);font-family:var(--app-footer-link-font-family);font-size:var(--app-footer-link-font-size);font-weight:var(--app-footer-link-font-weight);line-height:var(--app-footer-link-line-height);letter-spacing:var(--app-footer-link-letter-spacing);text-transform:var(--app-footer-link-text-transform);text-decoration:var(--app-footer-link-text-decoration);text-underline-offset:var(--app-footer-link-text-underline-offset);opacity:var(--app-footer-link-opacity);box-shadow:var(--app-footer-link-box-shadow);cursor:var(--app-footer-link-cursor);transition-property:var(--app-footer-transition-properties);transition-duration:var(--app-footer-transition-duration);transition-timing-function:var(--app-footer-transition-timing-function)}.footer-navigation__item>a:visited{color:var(--app-footer-link-color-visited)}.footer-navigation__item>a:hover{color:var(--app-footer-link-color-hover);background:var(--app-footer-link-background-hover);text-decoration:var(--app-footer-link-text-decoration-hover);opacity:var(--app-footer-link-opacity-hover);box-shadow:var(--app-footer-link-box-shadow-hover)}.footer-navigation__item>a:active{color:var(--app-footer-link-color-active);background:var(--app-footer-link-background-active);text-decoration:var(--app-footer-link-text-decoration-active);box-shadow:var(--app-footer-link-box-shadow-active)}.footer-navigation__item>a:focus-visible{outline-width:var(--app-footer-focus-outline-width);outline-style:var(--app-footer-focus-outline-style);outline-color:var(--app-footer-focus-outline-color);outline-offset:var(--app-footer-focus-outline-offset);box-shadow:var(--app-footer-focus-box-shadow)}@media(max-width:768px){.app-footer{padding-inline-start:var(--app-footer-tablet-padding-inline);padding-inline-end:var(--app-footer-tablet-padding-inline)}.app-footer__content{gap:var(--app-footer-tablet-content-gap)}.footer-navigation__list{gap:var(--app-footer-tablet-list-gap)}}@media(max-width:576px){.app-footer{padding-block-start:var(--app-footer-mobile-padding-block-start);padding-block-end:var(--app-footer-mobile-padding-block-end);padding-inline-start:var(--app-footer-mobile-padding-inline);padding-inline-end:var(--app-footer-mobile-padding-inline);text-align:var(--app-footer-mobile-text-align)}.app-footer__content{flex-direction:var(--app-footer-mobile-content-direction);gap:var(--app-footer-mobile-content-gap)}.footer-navigation__list{flex-direction:var(--app-footer-mobile-list-direction);flex-wrap:var(--app-footer-mobile-list-wrap);gap:var(--app-footer-mobile-list-gap)}.footer-navigation__item>a{min-height:var(--app-footer-mobile-link-min-height)}}@media(prefers-reduced-motion:reduce){.footer-navigation__item>a{transition-duration:var(--app-footer-reduced-motion-duration);animation:none}}@media(forced-colors:active){.app-footer{color:CanvasText;background:Canvas;border-color:CanvasText}.footer-copyright{color:CanvasText}.footer-navigation__item>a{color:LinkText;background:Canvas}.footer-navigation__item>a:hover,.footer-navigation__item>a:active{color:Highlight;background:Canvas}.footer-navigation__item>a:focus-visible{outline-color:Highlight}}