/** * Author: Shadow Themes * Author URL: https://shadow-themes.com */ /* ============ COLOR SCHEME =============== */ :root { /* Used as body background and overlays #353333 #07090D toute body color black*/ --bringer-s-body-bg: #07090D; /* Used as a background color for header, 07090DCC footer, and mobile navigation */ --bringer-s-nav: #07090DCC; /* Used as a background color for block #1A1D24 containers, sub-menus, and form inputs */ --bringer-s-container-bg: #1A1D24; /* The same as the previous one but with transparency for frosted glass blocks #1A1D24EE*/ --bringer-s-container-frosted: #1A1D24EE; /* Used as a color for headings, page titles, button labels, and other bright text accents */ --bringer-s-heading: #F5F7FA; /* It is the same as the previous one but with transparency. Used for labels, meta, and some hover effects */ --bringer-s-heading-fade: #F5F7FAC0; /* Used as a color for general content */ --bringer-s-text: #C5C7CE; /* A background color for accents, like buttons, highlighted blocks, etc. */ --bringer-s-accent: #3F6EE9; /* A hovered button background color */ --bringer-button-hover-bg: #3F6EE9D0; /* Used as a color for text accents */ --bringer-s-text-accent: #5C9DFF; /* Used as a text color for accented blocks */ --bringer-s-accented-text: var(--bringer-s-heading); /* Used as a primary border-color */ --bringer-s-border: #F5F7FA27; /* Used as a border color for accented blocks */ --bringer-s-border-accent: #5C9DFF80; /* A default semi-transparent border color for blocks with a shining effect */ --bringer-s-border-mute: #F5F7FA0D; /* A semi-transparent border shining effect color */ --bringer-s-border-highlight: #F5F7FA40; /* Used as a color for a backlight effect */ --bringer-s-backlight: #F5F7FA12; /* Used as a color for block shadow */ --bringer-s-box-shadow: #07090D10; /* The cursor-followed backlight color. It uses the primary backlight color */ --bringer-s-cursor-light: var(--bringer-s-backlight); /* A horizontal side-fade gradient border color */ --bringer-c-border-gradient: linear-gradient(to left, transparent, var(--bringer-s-border), transparent); /* Main menu text color */ --bringer-c-menu: var(--bringer-s-text); /* Main menu hovered item text color */ --bringer-c-menu-hover: var(--bringer-s-heading); /* Main menu current item text color */ --bringer-c-menu-active: var(--bringer-s-heading); } /* ========== TYPOGRAPHY ============= */ :root { /* === FONT GROUPS === */ /* Headings Font Family */ --bringer-t-heading-ff: 'Inter', sans-serif; /* Headings Font Weight */ --bringer-t-heading-fw: 600; /* Content Font Family */ --bringer-t-content-ff: 'Inter', sans-serif; /* Content Font Weight */ --bringer-t-content-fw: 400; /* Content Font Letter Spacing */ --bringer-t-content-ls: -0.01em; /* === MAIN MENU === */ /* Main Menu Font Family */ --bringer-t-menu-ff: var(--bringer-t-content-ff); /* Main Menu Font Weight */ --bringer-t-menu-fw: var(--bringer-t-content-fw); /* Main Menu Font Size */ --bringer-t-menu-fs: 14px; /* Main Menu Line Height */ --bringer-t-menu-lh: 1.4em; /* Sub-Menu Font Family */ --bringer-t-submenu-ff: var(--bringer-t-menu-ff); /* Main Menu Font Weight */ --bringer-t-submenu-fw: var(--bringer-t-menu-fw); /* Main Menu Font Size */ --bringer-t-submenu-fs: var(--bringer-t-menu-fs); /* Main Menu Line Heiight */ --bringer-t-submenu-lh: var(--bringer-t-menu-lh); /* === FOOTER === */ /* Footer Font Size */ --bringer-t-footer-fs: 14px; /* Footer Text Line Height */ --bringer-t-footer-lh: 1.4em; /* Social Icons Size */ --bringer-socials-size: 24px; /* === HEADINGS === */ /* H1 Heading font size */ --bringer-t-h1-fs: 80px; /* H1 Heading letter spacing */ --bringer-t-h1-ls: -0.05em; /* H1 Line Height */ --bringer-t-h1-lh: 1.1em; /* H1 Margin */ --bringer-t-h1-margin: -0.175em 0 0.338em -0.063em; /* H2 Heading font size */ --bringer-t-h2-fs: 56px; /* H2 Heading letter spacing */ --bringer-t-h2-ls: -0.05em; /* H2 Line Height */ --bringer-t-h2-lh: 1.2em; /* H2 Margin */ --bringer-t-h2-margin: -0.232em 0 0.482em -0.06em; /* H3 Heading font size */ --bringer-t-h3-fs: 40px; /* H3 Heading letter spacing */ --bringer-t-h3-ls: -0.05em; /* H3 Line Height */ --bringer-t-h3-lh: 1.2em; /* H3 Margin */ --bringer-t-h3-margin: -0.215em 0 0.65em -0.05em; /* H4 Heading font size */ --bringer-t-h4-fs: 32px; /* H4 Heading letter spacing */ --bringer-t-h4-ls: -0.05em; /* H4 Line Height */ --bringer-t-h4-lh: 1.2em; /* H4 Margin */ --bringer-t-h4-margin: -0.22em 0 0.813em -0.05em; /* H5 Heading font size */ --bringer-t-h5-fs: 26px; /* H5 Heading letter spacing */ --bringer-t-h5-ls: -0.02em; /* H5 Line Height */ --bringer-t-h5-lh: 1.2em; /* H5 Margin */ --bringer-t-h5-margin: -0.19em 0 1em -0.06em; /* H6 Heading font size */ --bringer-t-h6-fs: 20px; /* H6 Heading letter spacing */ --bringer-t-h6-ls: -0.02em; /* H6 Line Height */ --bringer-t-h6-lh: 1.2em; /* H6 Margin */ --bringer-t-h6-margin: -0.2em 0 1.2em -0.038em; /* === CONTENT === */ /* Content Large text Font Size */ --bringer-t-large-fs: 22px; /* Content text Font Size */ --bringer-t-content-fs: 16px; /* Content text Line Height */ --bringer-t-content-lh: 1.4em; /* Meta Font Size */ --bringer-t-meta-fs: 12px; /* Meta Letter Spacing */ --bringer-t-meta-ls: 0.12em; /* Meta Font Weight */ --bringer-t-meta-fw: 600; /* === FORMS AND FIELDS === */ /* Button Font Size */ --bringer-t-button-fs: 15px; /* Input Font Size */ --bringer-t-input-fs: 14px; /* Input Line Height */ --bringer-t-input-lh: 1.4em; } /* ======================= DIMENSIONS AND SPACINGS ========================== */ :root { /* Header vertical spacing */ --bringer-header-spacing: 16px; /* Main Menu items spacing */ --bringer-menu-gap: 32px; /* Sub-menu container width */ --bringer-sub-menu-width: 200px; /* Social Items list items spacing */ --bringer-socials-gap: 32px; /* Section Spacing (Applies at the top and the bottom of each section) */ --bringer-section-gap: 128px; /* Extra Large border radius */ --bringer-xl-br: 48px; /* Large border radius */ --bringer-large-br: 32px; /* Default border radius */ --bringer-default-br: 24px; /* Small border radius */ --bringer-small-br: 16px; /* Extra small border radius */ --bringer-xs-br: 8px; /* Button padding */ --bringer-button-spacing: 13px 24px 14px 24px; /* Button border radius */ --bringer-button-br: var(--bringer-xs-br); /* Input field padding */ --bringer-input-spacing: 16px 16px 16px 16px; /* Input field border radius */ --bringer-input-br: var(--bringer-xs-br); /* Input field bottom margin */ --bringer-input-gap: 24px; /* Shadow Themes Grid: Container */ --stg-container-width: 1200px; /* Shadow Themes Grid: Default Gap */ --stg-gap: 32px; --stg-d-gap: 32px; /* Shadow Themes Grid: Extra Small Gap */ --stg-xs-gap: 8px; /* Shadow Themes Grid: Small Gap */ --stg-small-gap: 16px; /* Shadow Themes Grid: Large Gap */ --stg-large-gap: 64px; /* Shadow Themes Grid: Extra Large Gap */ --stg-xl-gap: 128px; } /* ================= RESPONSIVE VALUES ==================== */ /* === Tablet: Landscape === */ @media only screen and (max-width: 1279px) { :root { --stg-container-width: 976px; --bringer-t-h1-fs: 64px; --bringer-t-h2-fs: 45px; --bringer-t-h3-fs: 32px; --bringer-t-h4-fs: 26px; --bringer-t-h5-fs: 22px; --bringer-t-h6-fs: 18px; --bringer-t-large-fs: 18px; --bringer-t-content-fs: 14px; --bringer-t-footer-fs: 14px; --bringer-t-meta-fs: 10px; --bringer-t-button-fs: 14px; --bringer-t-input-fs: 14px; --bringer-header-spacing: 12px; --bringer-menu-gap: 24px; --bringer-socials-gap: 24px; --bringer-section-gap: 96px; --bringer-xl-br: 36px; --bringer-large-br: 24px; --bringer-default-br: 18px; --bringer-small-br: 12px; --bringer-xs-br: 6px; --stg-gap: 24px; --stg-d-gap: 24px; --stg-xs-gap: 6px; --stg-small-gap: 12px; --stg-large-gap: 48px; --stg-xl-gap: 96px; --bringer-section-gap: 96px; } } /* === Mobile Menu === */ @media only screen and (max-width: 960px) { :root { /* Main Menu Font Family */ --bringer-t-menu-ff: var(--bringer-t-heading-ff); /* Main Menu Font Weight */ --bringer-t-menu-fw: var(--bringer-t-heading-fw); /* Main Menu Font Size */ --bringer-t-menu-fs: 32px; /* Main Menu Line Heiight */ --bringer-t-menu-lh: 1.2em; /* Sub-Menu Font Family */ --bringer-t-submenu-ff: var(--bringer-t-content-ff); /* Main Menu Font Weight */ --bringer-t-submenu-fw: var(--bringer-t-content-fw); /* Main Menu Font Size */ --bringer-t-submenu-fs: 16px; /* Main Menu Line Heiight */ --bringer-t-submenu-lh: 1.4em; } } /* === Tablet: Portrait === */ @media only screen and (max-width: 960px) { :root { --bringer-t-h1-fs: 55px; --stg-container-width: 590px; --bringer-header-spacing: 12px; } } /* === Mobile Phones === */ @media only screen and (max-width: 739px) { :root { --stg-container-width: calc( 100svw - 2 * var( --stg-gap )); --bringer-t-h1-fs: 48px; --bringer-t-h2-fs: 32px; --bringer-t-h3-fs: 28px; --bringer-t-h4-fs: 24px; --bringer-t-h5-fs: 20px; --bringer-t-h6-fs: 18px; --bringer-t-large-fs: 17px; --bringer-xl-br: 32px; --bringer-large-br: 24px; --bringer-default-br: 16px; --bringer-small-br: 8px; --bringer-xs-br: 4px; --stg-gap: 20px; --stg-d-gap: 20px; --stg-xs-gap: 6px; --stg-small-gap: 12px; --stg-large-gap: 40px; --stg-xl-gap: 80px; --bringer-section-gap: 80px; --bringer-socials-gap: 12px; } } /* ========== SVG IMAGES ========== */ :root { --icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24.001 11.092H3.453l9.828-9.812-1.28-1.281-12 12 12 12 1.28-1.28-9.828-9.812h20.548Z'/%3E%3C/svg%3E"); --icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 11.092h20.548L10.72 1.28 12 0l12 12-12 12-1.28-1.28 9.828-9.812H0Z'/%3E%3C/svg%3E"); --icon-chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m2 12 12.643 12L17 21.763 6.713 12 17 2.237 14.643 0Z'/%3E%3C/svg%3E"); --icon-chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M22 12 9.357 24 7 21.763 17.287 12 7 2.237 9.357 0Z'/%3E%3C/svg%3E"); --icon-creativity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M8.023 28.999v-5.516a12.876 12.876 0 0 1-2.967-4.078 11.334 11.334 0 0 1-1.057-4.783A11.32 11.32 0 0 1 7.324 6.39a10.887 10.887 0 0 1 8.075-3.391 11.121 11.121 0 0 1 6.988 2.383 10.822 10.822 0 0 1 4 6.183l1.567 6.315a1.184 1.184 0 0 1-.213 1.063 1.158 1.158 0 0 1-.97.478h-2.656v4.368a2.406 2.406 0 0 1-.712 1.747 2.312 2.312 0 0 1-1.712.727h-2.94v2.736h-2.012V24.21h4.952a.4.4 0 0 0 .3-.118.414.414 0 0 0 .116-.3v-6.421h3.621l-1.274-5.3a8.9 8.9 0 0 0-3.3-5.07A9.19 9.19 0 0 0 15.4 5.058a9 9 0 0 0-6.639 2.775 9.23 9.23 0 0 0-2.749 6.749 9.462 9.462 0 0 0 .821 3.894 10.239 10.239 0 0 0 2.33 3.279l.872.82v6.424Zm7.846-11.973Zm-1.514 2.789h2.089l.15-1.487a3.06 3.06 0 0 0 .744-.3 2.156 2.156 0 0 0 .592-.486l1.31.618 1.044-1.813-1.161-.882a2.551 2.551 0 0 0 .144-.837 2.55 2.55 0 0 0-.144-.837l1.161-.882-1.044-1.813-1.31.618a2.161 2.161 0 0 0-.592-.486 3.06 3.06 0 0 0-.744-.3l-.15-1.487h-2.089l-.15 1.487a3.06 3.06 0 0 0-.744.3 2.161 2.161 0 0 0-.592.486l-1.31-.618-1.044 1.813 1.161.882a2.551 2.551 0 0 0-.144.837 2.551 2.551 0 0 0 .144.837l-1.161.882 1.044 1.813 1.31-.618a2.156 2.156 0 0 0 .592.486 3.06 3.06 0 0 0 .744.3Zm1.044-2.882a2.153 2.153 0 0 1-1.6-.672 2.246 2.246 0 0 1-.658-1.632 2.241 2.241 0 0 1 .658-1.63 2.156 2.156 0 0 1 1.6-.671 2.153 2.153 0 0 1 1.6.671 2.246 2.246 0 0 1 .658 1.632 2.242 2.242 0 0 1-.658 1.631 2.156 2.156 0 0 1-1.6.672Z'/%3E%3C/svg%3E"); --icon-collab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='m15.993 12.778-4.344-4.389 4.344-4.39 4.357 4.389ZM1.5 27.999v-5.235a2.373 2.373 0 0 1 .679-1.714 2.3 2.3 0 0 1 1.646-.729h4.259a2.428 2.428 0 0 1 1.186.309 2.5 2.5 0 0 1 .915.862 7.238 7.238 0 0 0 2.549 2.223 6.936 6.936 0 0 0 3.259.795 7.018 7.018 0 0 0 3.287-.795 7.036 7.036 0 0 0 2.535-2.223 2.908 2.908 0 0 1 .947-.862 2.306 2.306 0 0 1 1.141-.309h4.259a2.308 2.308 0 0 1 1.663.729 2.381 2.381 0 0 1 .675 1.714v5.235h-8.98v-3.283a9.072 9.072 0 0 1-2.588 1.4 8.909 8.909 0 0 1-2.939.487 8.773 8.773 0 0 1-2.908-.491 9.327 9.327 0 0 1-2.605-1.4v3.287Zm3.839-9.611a3.64 3.64 0 0 1-2.683-1.128 3.716 3.716 0 0 1-1.116-2.711 3.7 3.7 0 0 1 1.116-2.729 3.669 3.669 0 0 1 2.683-1.11 3.652 3.652 0 0 1 2.7 1.11 3.729 3.729 0 0 1 1.1 2.729 3.746 3.746 0 0 1-1.1 2.711 3.623 3.623 0 0 1-2.7 1.129Zm21.308 0a3.64 3.64 0 0 1-2.683-1.128 3.716 3.716 0 0 1-1.116-2.711 3.7 3.7 0 0 1 1.116-2.729 3.668 3.668 0 0 1 2.683-1.11 3.652 3.652 0 0 1 2.7 1.11 3.729 3.729 0 0 1 1.1 2.729 3.746 3.746 0 0 1-1.1 2.711 3.623 3.623 0 0 1-2.699 1.129Z'/%3E%3C/svg%3E"); --icon-impact: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M15.353 22.781a6.755 6.755 0 0 1-4.511-2.187 6.626 6.626 0 0 1-1.827-4.684 6.649 6.649 0 0 1 2.011-4.884 6.649 6.649 0 0 1 4.884-2.011 6.637 6.637 0 0 1 4.684 1.821 6.732 6.732 0 0 1 2.187 4.5l-1.994-.591a4.946 4.946 0 0 0-1.751-2.774 4.842 4.842 0 0 0-3.126-1.081 4.829 4.829 0 0 0-3.542 1.473 4.829 4.829 0 0 0-1.473 3.542 4.845 4.845 0 0 0 1.087 3.134 4.97 4.97 0 0 0 2.768 1.755Zm1.5 4.988a2.256 2.256 0 0 1-.474.051h-.474a11.6 11.6 0 0 1-4.645-.938 12.027 12.027 0 0 1-3.781-2.545 12.025 12.025 0 0 1-2.546-3.781 11.593 11.593 0 0 1-.938-4.644 11.6 11.6 0 0 1 .938-4.645 12.031 12.031 0 0 1 2.545-3.782 12.025 12.025 0 0 1 3.781-2.546 11.59 11.59 0 0 1 4.644-.938 11.6 11.6 0 0 1 4.645.938 12.03 12.03 0 0 1 3.782 2.546 12.026 12.026 0 0 1 2.546 3.781 11.594 11.594 0 0 1 .938 4.645v.468a2.2 2.2 0 0 1-.051.468l-1.83-.559v-.376a9.679 9.679 0 0 0-2.915-7.114 9.679 9.679 0 0 0-7.114-2.915 9.679 9.679 0 0 0-7.105 2.916 9.679 9.679 0 0 0-2.915 7.114 9.679 9.679 0 0 0 2.915 7.114 9.679 9.679 0 0 0 7.114 2.915h.376Zm9.258.231-5.685-5.7-1.362 4.118-3.158-10.511 10.511 3.158-4.118 1.362 5.7 5.685Z'/%3E%3C/svg%3E"); --icon-innovation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M15.999 29.999a2.906 2.906 0 0 1-1.656-.482 2.55 2.55 0 0 1-1.007-1.264h-.449a2.272 2.272 0 0 1-1.644-.673 2.165 2.165 0 0 1-.69-1.6v-4.981a10.193 10.193 0 0 1-3.7-3.734 9.871 9.871 0 0 1-1.354-5.017 9.77 9.77 0 0 1 3.054-7.267 10.26 10.26 0 0 1 7.446-2.982 10.26 10.26 0 0 1 7.446 2.981 9.77 9.77 0 0 1 3.054 7.268 9.83 9.83 0 0 1-1.351 5.036 10.249 10.249 0 0 1-3.7 3.711v4.981a2.165 2.165 0 0 1-.69 1.6 2.272 2.272 0 0 1-1.644.673h-.449a2.55 2.55 0 0 1-1.007 1.264 2.906 2.906 0 0 1-1.659.486Zm-3.111-4.023h6.222v-1.425h-6.221Zm0-2.768h6.222v-1.472h-6.221Zm-.311-3.749h2.495v-4.421l-3.332-3.253 1.3-1.273 2.959 2.887 2.956-2.885 1.3 1.273-3.333 3.253v4.421h2.495a8.46 8.46 0 0 0 3.422-2.9 7.411 7.411 0 0 0 1.322-4.308 7.6 7.6 0 0 0-2.372-5.655 7.983 7.983 0 0 0-5.794-2.315 7.982 7.982 0 0 0-5.794 2.315 7.6 7.6 0 0 0-2.372 5.655 7.41 7.41 0 0 0 1.322 4.308 8.459 8.459 0 0 0 3.427 2.899Zm3.422-6.06Zm0-1.53Z'/%3E%3C/svg%3E"); --icon-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m17.076 19.436-7.077-7.077-7.077 7.077a1.668 1.668 0 0 1-2.359 0 1.668 1.668 0 0 1 0-2.359L7.639 10 .562 2.923a1.67 1.67 0 0 1 0-2.36 1.67 1.67 0 0 1 2.36 0L9.999 7.64 17.076.563a1.669 1.669 0 0 1 2.359 0 1.669 1.669 0 0 1 0 2.36L12.358 10l7.077 7.077a1.668 1.668 0 0 1 0 2.359 1.661 1.661 0 0 1-1.179.489 1.664 1.664 0 0 1-1.18-.489Z'/%3E%3C/svg%3E"); /* Social Icons */ --icon-social-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M37.5 8.003q-5.255 0-7.962 2.786-2.871 2.947-2.871 8.892v7.178H18v8.571h8.667v20.573h8.667v-20.57h6.933L44 26.859h-8.667v-5.731a5.439 5.439 0 0 1 .894-3.455 3.67 3.67 0 0 1 3.006-1.1H44v-8.2a47.517 47.517 0 0 0-6.5-.37Z'/%3E%3C/svg%3E"); --icon-social-instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M22.114 8a13.648 13.648 0 0 0-7.057 1.909 14.328 14.328 0 0 0-5.148 5.148A13.648 13.648 0 0 0 8 22.114v19.772a13.648 13.648 0 0 0 1.909 7.057 14.328 14.328 0 0 0 5.148 5.147A13.648 13.648 0 0 0 22.114 56h19.772a13.648 13.648 0 0 0 7.057-1.91 14.328 14.328 0 0 0 5.147-5.148A13.648 13.648 0 0 0 56 41.886V22.114a13.648 13.648 0 0 0-1.909-7.057 14.328 14.328 0 0 0-5.148-5.148A13.648 13.648 0 0 0 41.886 8Zm0 4.364h19.772a9.668 9.668 0 0 1 4.909 1.3 9.48 9.48 0 0 1 3.546 3.536 9.667 9.667 0 0 1 1.295 4.909v19.772a9.667 9.667 0 0 1-1.295 4.919 9.48 9.48 0 0 1-3.541 3.541 9.668 9.668 0 0 1-4.909 1.295H22.114a9.668 9.668 0 0 1-4.914-1.295 9.48 9.48 0 0 1-3.54-3.541 9.668 9.668 0 0 1-1.3-4.909V22.114a9.668 9.668 0 0 1 1.3-4.909 9.48 9.48 0 0 1 3.54-3.545 9.667 9.667 0 0 1 4.909-1.3Zm22.772 4.773a1.9 1.9 0 0 0-1.4.579 1.9 1.9 0 0 0-.58 1.4 1.9 1.9 0 0 0 .579 1.4 1.9 1.9 0 0 0 1.4.579 1.9 1.9 0 0 0 1.4-.579 1.9 1.9 0 0 0 .579-1.4 1.9 1.9 0 0 0-.579-1.4 1.9 1.9 0 0 0-1.4-.58ZM32 18.909a12.635 12.635 0 0 0-6.545 1.773 13.341 13.341 0 0 0-4.773 4.773A12.635 12.635 0 0 0 18.909 32a12.635 12.635 0 0 0 1.773 6.545 13.342 13.342 0 0 0 4.773 4.773A12.635 12.635 0 0 0 32 45.09a12.635 12.635 0 0 0 6.545-1.773 13.342 13.342 0 0 0 4.773-4.773A12.635 12.635 0 0 0 45.09 32a12.635 12.635 0 0 0-1.773-6.545 13.341 13.341 0 0 0-4.773-4.773A12.635 12.635 0 0 0 32 18.909Zm0 4.364a8.653 8.653 0 0 1 4.4 1.16 8.49 8.49 0 0 1 3.17 3.17 8.653 8.653 0 0 1 1.16 4.4 8.653 8.653 0 0 1-1.159 4.4 8.49 8.49 0 0 1-3.17 3.17 8.653 8.653 0 0 1-4.4 1.16 8.653 8.653 0 0 1-4.4-1.159 8.49 8.49 0 0 1-3.17-3.17 8.653 8.653 0 0 1-1.16-4.4 8.653 8.653 0 0 1 1.16-4.4 8.49 8.49 0 0 1 3.17-3.17 8.653 8.653 0 0 1 4.4-1.16Z'/%3E%3C/svg%3E"); --icon-social-patreon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M6 56V8h14v48Zm35-14a16.616 16.616 0 0 1-8.531-2.281 16.945 16.945 0 0 1-6.187-6.188 17.086 17.086 0 0 1 0-17.061 16.936 16.936 0 0 1 6.187-6.188A16.617 16.617 0 0 1 40.882 8h.236a16.61 16.61 0 0 1 8.414 2.282 16.949 16.949 0 0 1 6.188 6.188 17.1 17.1 0 0 1 0 17.062 16.952 16.952 0 0 1-6.188 6.188 16.613 16.613 0 0 1-8.4 2.281Z'/%3E%3C/svg%3E"); --icon-social-tiktok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M53 27.676A19.7 19.7 0 0 1 41.483 24v16.756a15.242 15.242 0 1 1-13.149-15.1v8.427a7 7 0 1 0 4.9 6.675V8h8.252a11.359 11.359 0 0 0 .175 2.079 11.452 11.452 0 0 0 5.057 7.521A11.387 11.387 0 0 0 53 19.493Z'/%3E%3C/svg%3E"); --icon-social-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M45.8 10h7.361L37.083 28.638 56 54H41.188l-11.6-15.382L16.313 54H8.948l17.2-19.936L8 10h15.188l10.488 14.06Zm-2.58 39.532h4.08l-26.326-35.3h-4.379Z'/%3E%3C/svg%3E"); }