.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component.avatar-style-01 .common-user-icon-wrapper { border-radius: 50%; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info .preview-user-description__component { padding: 6px 10px; margin-top: 4px !important; }
.content-wrapper .user-page-section { position: relative; }
.content-wrapper .user-page-section .user-page-section-background { position: fixed; top: 0px; left: 0px; display: block; width: 100%; transform: translateZ(0px); will-change: transform; }
.content-wrapper .user-page-section .user-page-section-background #bg-color { display: none; }
@media (max-width: 755.98px) {
  .content-wrapper .user-page-section .user-page-section-background { }
}
.content-wrapper .user-page-section .wrapper { display: flex; flex-direction: column; transition: 0.15s ease-in-out; align-items: center; max-width: 600px; margin: 0px auto; padding-top: 10px; z-index: 3; position: relative; min-height: calc(-50px + 100vh) !important; }
.content-wrapper .user-page-section .wrapper .user-page-section-content { width: 100%; display: flex; flex-direction: column; flex: 1 0 auto; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content > div:not(.user-info, .preview-signup-generator-terms__component, .preview-social-links__component) { margin-bottom: 0px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper { max-width: 600px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper.user-one-col { width: 100%; margin-bottom: 20px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info { max-width: 600px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container { position: relative; width: 100px; height: 100px; margin: 20px auto 30px; flex-shrink: 0; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component { box-sizing: border-box; width: 100%; height: 100%; outline: none; cursor: pointer; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .logo-container .common-user-icon__component .common-user-icon-wrapper { box-sizing: border-box; border-radius: 50%; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .center { text-align: center !important; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component { text-align: center; margin-top: 16px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component > * { margin: 0px 0px 10px; word-break: break-word; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component > :last-child { margin-bottom: 0px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper > * { margin-top: 0px; margin-bottom: 10px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper > :first-child { margin-top: 0px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .user-info-wrapper .user-info .preview-user-description__component .description-wrapper > :last-child { margin-bottom: 0px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component { display: flex; flex-direction: column; box-sizing: border-box; gap: 20px; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component { box-sizing: border-box; overflow-wrap: break-word; }
.content-wrapper .user-page-section .wrapper .user-page-section-content .blocks-wrapper .preview-links-list__component .preview-link-item__component a { text-decoration: none; }
@-webkit-keyframes pop { 
  0% { transform: scale(1, 1); }
  20% { transform: scale(1.07, 1.07); }
  50% { transform: scale(1, 1); }
}
@keyframes pop { 
  0% { transform: scale(1, 1); }
  20% { transform: scale(1.07, 1.07); }
  50% { transform: scale(1, 1); }
}
.preview-link-item__component { position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.preview-link-item__component .preview-link-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; border-radius: 8px; transition: 0.15s ease-in-out; box-sizing: border-box; padding: 8px 10px; min-height: 70px; background: rgb(255, 255, 255); color: rgb(29, 53, 72); overflow: hidden; position: relative; z-index: 2; }
.preview-link-item__component .preview-link-wrapper::after { box-sizing: border-box; }
.preview-link-item__component .preview-link-wrapper:hover { cursor: pointer; }
.preview-link-item__component.pop { animation: 2s ease 0s infinite normal none running pop; z-index: 3; }
.preview-link-wrapper:hover :is(.preview-share-icon__component, .shevron-icon__component) svg, .preview-lock-link-wrapper:hover :is(.preview-share-icon__component, .shevron-icon__component) svg { transform: scale(1.3); transition: transform 0.5s; }
@supports (-webkit-touch-callout: none) {
}
.crypto-link-item__component .preview-item:hover :is(.shevron-icon__component) svg { transform: scale(1.3); transition: transform 0.5s; }
body { font: 100% Poppins, sans-serif; background-color: rgb(255, 255, 255); color: rgb(113, 113, 113); margin: 0px; overflow-x: hidden; }
.container { max-width: 1168px; min-width: 280px; padding-left: 20px; padding-right: 20px; margin: 0px auto; }
@media (min-width: 1044px) and (max-width: 1187.98px) {
  .container { max-width: 1024px; }
}
@media (min-width: 756px) and (max-width: 1043.98px) {
  .container { max-width: 736px; }
}
@media (min-width: 612px) and (max-width: 755.98px) {
  .container { max-width: 592px; }
}
@media (max-width: 611.98px) {
  .container { max-width: 520px; min-width: calc(100% - 40px); }
}
.user-page-section-background { background: url("../image/bg.webp") center bottom / cover no-repeat; }
.wrapper .user-page-section-content .user-info .logo-container .common-user-icon__component { border-radius: 50%; }
.wrapper .user-page-section-content .user-info .preview-user-description__component { padding: 10px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; font-family: Montserrat, sans-serif; line-height: 24px; background: rgb(73, 80, 87); border-radius: 10px; }
.wrapper .preview-links-list__component .preview-link-item__component .preview-link-wrapper { border-radius: 10px; color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; background: rgb(144, 177, 246); box-shadow: rgb(73, 80, 87) 0px 4px 10px 0px; }
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }
[tabindex="-1"]:focus:not(:focus-visible) { outline: 0px !important; }
p { margin-top: 0px; margin-bottom: 1rem; }
img { vertical-align: middle; border-style: none; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button { overflow: visible; }
button { text-transform: none; }
button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
.h5 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h5 { font-size: 1.25rem; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
  .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(40, 167, 69); }
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(220, 53, 69); }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; }
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; }
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(128, 189, 255); }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; }
.rounded { border-radius: 0.25rem !important; }
.d-flex { display: flex !important; }
.justify-content-center { justify-content: center !important; }
.align-items-center { align-items: center !important; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
}
.mb-0 { margin-bottom: 0px !important; }
.mr-2 { margin-right: 0.5rem !important; }
.font-weight-bold { font-weight: 700 !important; }
@media print {
  *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }
  a:not(.btn) { text-decoration: underline; }
  img { break-inside: avoid; }
  p { orphans: 3; widows: 3; }
  @page { size: a3; }
  body { min-width: 992px !important; }
  .container { min-width: 992px !important; }
}
.consent-banner { position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.3); padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 5px; text-align: center; display: none; color: rgb(255, 255, 255); z-index: 999; }
.consent-banner p { margin: 0px; }
.consent-banner button { margin: 5px; padding: 5px 15px; border: none; cursor: pointer; }
.consent-banner button:hover { background: rgb(12, 154, 0); color: rgb(255, 255, 255); }
.preview-user-description__component { font-size: 1.25rem !important; }
.h5 { font-size: 1.5rem !important; }
#consent-banner { font-size: 1.2rem; }
#consent-banner button { font-size: 1.2rem; }
@keyframes breath { 
  0% { box-shadow: rgba(21, 162, 35, 0.4) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(21, 162, 35, 0.18) 0px 0px 16px 8px; }
  100% { box-shadow: rgba(21, 162, 35, 0.4) 0px 0px 0px 0px; }
}