.cr-widget-wrapper-64316 {
position: relative;
display: inline-block;
--cr-trigger-blend-mode: normal;
--cr-popup-left: 0px;
--cr-popup-top: 0px;
--cr-popup-translate-x: 0px;
--cr-popup-translate-y: 0px;
--cr-popup-origin-x: 50%;
--cr-popup-origin-y: 50%;
--cr-popup-closed-scale: 0.92;
--cr-popup-open-scale: 1;
--cr-popup-transition-duration: 0.22s;
--cr-popup-transition-timing: ease;
--cr-popup-nudge-x: 0px;
--cr-popup-nudge-y: 0px;
--cr-popup-gap-top: 0px;
--cr-popup-gap-right: 0px;
--cr-popup-gap-bottom: 0px;
--cr-popup-gap-left: 0px;
}
.cr-trigger-btn {
display: inline-block;
position: relative;
pointer-events: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cr-trigger-btn-inner {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #212529; color: #ffffff;
border: none;
padding: 15px 30px;
border-radius: 8px;
cursor: default; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
font-family: inherit;
font-weight: 600;
font-size: 18px;
transition-property: color, background-color, border-color, box-shadow, transform, opacity;
mix-blend-mode: var(--cr-trigger-blend-mode);
}
.cr-trigger-btn-inner .cr-text,
.cr-trigger-btn-inner .cr-icon,
.cr-trigger-btn-inner .cr-icon i,
.cr-trigger-btn-inner .cr-icon svg {
mix-blend-mode: normal;
}
.cr-trigger-btn-inner .cr-icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px; }
.cr-trigger-btn-inner .cr-icon svg {
width: 24px;
height: 24px;
}
.cr-trigger-btn-inner .cr-icon svg,
.cr-popup-icon svg,
.cr-close-btn svg,
.cr-close-btn .cr-close-icon svg {
color: inherit;
}
.cr-trigger-btn-inner .cr-icon svg *[fill]:not([fill="none"]),
.cr-popup-icon svg *[fill]:not([fill="none"]),
.cr-close-btn svg *[fill]:not([fill="none"]),
.cr-close-btn .cr-close-icon svg *[fill]:not([fill="none"]),
.cr-trigger-btn-inner .cr-icon svg path:not([fill]):not([stroke]),
.cr-popup-icon svg path:not([fill]):not([stroke]),
.cr-close-btn svg path:not([fill]):not([stroke]),
.cr-close-btn .cr-close-icon svg path:not([fill]):not([stroke]) {
fill: currentColor !important;
}
.cr-trigger-btn-inner .cr-icon svg *[stroke]:not([stroke="none"]),
.cr-popup-icon svg *[stroke]:not([stroke="none"]),
.cr-close-btn svg *[stroke]:not([stroke="none"]),
.cr-close-btn .cr-close-icon svg *[stroke]:not([stroke="none"]) {
stroke: currentColor !important;
}
.cr-trigger-btn-inner .cr-icon svg *[fill="none"],
.cr-popup-icon svg *[fill="none"],
.cr-close-btn svg *[fill="none"],
.cr-close-btn .cr-close-icon svg *[fill="none"] {
fill: none !important;
}
.cr-trigger-btn-inner .cr-icon svg *[stroke="none"],
.cr-popup-icon svg *[stroke="none"],
.cr-close-btn svg *[stroke="none"],
.cr-close-btn .cr-close-icon svg *[stroke="none"] {
stroke: none !important;
}
.cr-trigger-btn-inner .cr-icon i {
font-size: 24px;
} .cr-popup-overlay {
position: absolute;
right: -2px;
bottom: -2px;
transform: translate3d(var(--cr-popup-translate-x), var(--cr-popup-translate-y), 0) scale(var(--cr-popup-closed-scale));
transform-origin: var(--cr-popup-origin-x) var(--cr-popup-origin-y);
background-color: #f8f9fa;
border-radius: 12px;
padding: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
width: 308px;
min-width: 308px;
max-width: min(308px, calc(100vw - 24px));
opacity: 0;
visibility: hidden;
transition:
opacity var(--cr-popup-transition-duration) var(--cr-popup-transition-timing),
transform var(--cr-popup-transition-duration) var(--cr-popup-transition-timing),
visibility 0s linear var(--cr-popup-transition-duration);
z-index: 9999;
text-align: center;
pointer-events: none; box-sizing: border-box;
will-change: transform, opacity;
} .cr-widget-wrapper-64316.is-active .cr-popup-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto; transform: translate3d(var(--cr-popup-translate-x), var(--cr-popup-translate-y), 0) scale(var(--cr-popup-open-scale));
transition-delay: 0s;
} .cr-popup-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 28px;
}
.cr-popup-icon {
color: #333;
}
.cr-popup-icon svg {
width: 32px;
height: 32px;
}
.cr-popup-icon i {
font-size: 32px;
}
.cr-close-btn {
background: #e5e7eb;
border: none;
border-radius: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #000;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
transition-property: color, background-color, border-color, box-shadow, transform, opacity;
}
.cr-close-btn i {
color: currentColor;
}
.cr-close-btn svg {
stroke: #000;
width: 16px;
height: 16px;
}
.cr-close-btn .cr-close-icon {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.cr-close-btn .cr-close-icon i {
font-size: 16px;
}
.cr-close-btn .cr-close-icon svg {
width: 16px;
height: 16px;
fill: currentColor;
stroke: none;
}
.cr-popup-title {
margin: 0 0 18px 0;
color: #6b7280;
font-size: 34px;
font-weight: 400;
line-height: 1.08;
letter-spacing: -0.04em;
}
.cr-popup-title strong {
color: #000;
font-weight: 600;
}
.cr-popup-desc {
margin: 0 0 30px 0;
color: #4b5563;
font-size: 18px;
font-weight: 400;
line-height: 1.25;
}
.cr-copy-btn {
display: inline-block;
background-color: #22252a;
color: #ffffff;
border: none;
padding: 17px 20px;
border-radius: 8px;
font-weight: 500;
font-size: 18px;
letter-spacing: -0.02em;
cursor: pointer;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
transition-property: color, background-color, border-color, box-shadow, transform, opacity;
width: 100%;
margin-bottom: 18px;
}
.cr-copy-btn.copied {
background-color: #28a745;
}
.cr-instruction {
margin: 0;
color: #6b7280;
font-style: italic;
font-size: 15px;
line-height: 1.25;
}