@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/nunito-700-AlITEvU.ttf") format('truetype');
}

/* Public UI shares the homepage's stone, sage and forest palette. */
.yc-brand-logo text { font-family: 'Nunito', 'Inter', system-ui, sans-serif; }
.yc-site {
    --yc-content-top-space: 32px;
    --yc-bg: #f6f7f3;
    --yc-surface: #fff;
    --yc-soft: #edf1e6;
    --yc-line: #e1e6dc;
    --yc-ink: #243c32;
    --yc-muted: #637060;
    --yc-green: #285b46;
    --bs-body-color: var(--yc-ink);
    --bs-body-bg: var(--yc-bg);
    --bs-border-color: var(--yc-line);
    --bs-link-color: var(--yc-green);
    --bs-link-hover-color: #204c3a;
    --bs-success-rgb: 40, 91, 70;
    --bs-primary-rgb: 64, 94, 77;
    --bs-info-rgb: 79, 109, 113;
    --bs-warning-rgb: 139, 112, 52;
    --bs-danger-rgb: 162, 70, 62;
    --bs-secondary-color: #637060;
    background: var(--yc-bg) !important;
    color: var(--yc-ink);
    -webkit-font-smoothing: antialiased;
}
.yc-site > .account-layout {
    margin-top: 0 !important;
    padding-top: var(--yc-content-top-space) !important;
}
@media (max-width: 991.98px) {
    .yc-site { --yc-content-top-space: 24px; }
}
@media (max-width: 575.98px) {
    .yc-site { --yc-content-top-space: 20px; }
}
.yc-site :is(h1, h2, h3, h4) { letter-spacing: -.035em; overflow-wrap: anywhere; }
.yc-site :is(h1, h2, h3, h4).fw-bold { font-weight: 600 !important; }
.yc-site :is(a, button, input, select, textarea):focus-visible { outline: 3px solid #779b87; outline-offset: 3px; }
.yc-site a { text-underline-offset: 3px; }
.yc-site :is(.btn, .back-btn) {
    --bs-btn-border-radius: 8px;
    border-radius: 8px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: background-color .18s, border-color .18s, color .18s;
}
.yc-site :is(.btn, .back-btn):hover { transform: none; box-shadow: none !important; }
.yc-site .btn:not(.btn-sm):not(.btn-close) { min-height: 42px; }
.yc-site :is(.btn-success, .btn-primary, .btn-submit-solution, .btn-submit-location) {
    --bs-btn-bg: var(--yc-green);
    --bs-btn-border-color: var(--yc-green);
    --bs-btn-hover-bg: #204c3a;
    --bs-btn-hover-border-color: #204c3a;
    --bs-btn-active-bg: #204c3a;
    --bs-btn-active-border-color: #204c3a;
    background: var(--yc-green);
    border-color: var(--yc-green);
    color: #fff;
}
.yc-site :is(.btn-success, .btn-primary, .btn-submit-solution, .btn-submit-location):hover { background: #204c3a; border-color: #204c3a; }
.yc-site :is(.btn-outline-success, .btn-outline-primary) { background: transparent; border-color: #bcccb7; color: #365440; }
.yc-site :is(.btn-outline-success, .btn-outline-primary):hover { background: #e8eee3; border-color: #9eb496; color: #285b46 !important; }
.yc-site :is(.btn-light, .btn-outline-secondary, .back-btn) { background: #f7f8f4; border: 1px solid #dde4d5; color: #4b6047; }
.yc-site :is(.btn-light, .btn-outline-secondary, .back-btn):hover { background: #eaf0e4; border-color: #b7c8ae; color: #285b46; }
.yc-site :is(.shadow, .shadow-sm, .shadow-lg) { box-shadow: none !important; }
.yc-site :is(.card, .detail-card, .content-card, .sidebar-action-card, .stat-card, .participant-card) {
    border: 1px solid var(--yc-line) !important;
    border-radius: 12px !important;
    background: #fff;
    box-shadow: none;
}
.yc-site :is(.card, .detail-card, .content-card, .sidebar-action-card, .stat-card, .participant-card):hover { transform: none; box-shadow: none; }
.yc-site .card-header { border-color: var(--yc-line); }
.yc-site .card-footer { background: #f7f8f4 !important; border-color: var(--yc-line); }
.yc-site :is(.form-control, .form-select, .ts-control) {
    border: 1px solid #dce3d5;
    border-radius: 8px;
    background-color: #fff;
    color: #354b3a;
    font-size: .9rem;
    min-height: 44px;
}
.yc-site :is(.form-control, .form-select, .ts-control):focus {
    border-color: #779b87;
    box-shadow: 0 0 0 3px #285b4610;
}
.yc-site :is(.form-control, .form-select):disabled { color: #6f7c6a; background-color: #f0f3eb; }
.yc-site .form-control.is-invalid, .yc-site .form-select.is-invalid { border-color: #a2463e; }
.yc-site .form-label { font-size: .8rem; font-weight: 600; color: #4b6047; margin-bottom: 8px; }
.yc-site .form-text { font-size: .77rem; color: #6d7866; line-height: 1.6; }
.yc-site .form-check-input:checked { background-color: #285b46; border-color: #285b46; }
.yc-site textarea.form-control { line-height: 1.75; }
.yc-site .ts-dropdown { border-color: #dce3d5; border-radius: 8px; box-shadow: 0 8px 24px #243c3210; }
.yc-site .ts-dropdown .active { background: #edf1e6; color: #285b46; }
.yc-site .alert { border-radius: 9px; font-size: .88rem; line-height: 1.7; box-shadow: none; }
.yc-site :is(.alert-success, .alert-info) { background: #edf3e9; border-color: #d7e3ce; color: #38533b; }
.yc-site .alert-warning { background: #f7f2e7; border-color: #e5d9bb; color: #7a6333; }
.yc-site .alert-danger { background: #faf0ed; border-color: #e9d2ca; color: #943f37; }
.yc-site .nav-pills { --bs-nav-pills-link-active-bg: #e5ecdf; --bs-nav-pills-link-active-color: #285b46; }
.yc-site .page-link { color: #365440; border-color: #dce3d5; background: #fff; }
.yc-site .active > .page-link { background: #285b46; border-color: #285b46; color: #fff; }
.yc-site .table { --bs-table-bg: #fff; --bs-table-color: #354b3a; --bs-table-border-color: #e1e6dc; }

/* Modals, confirmation dialogs and image tools. */
.yc-site :is(.modal-content, .search-modal-content, .location-modal .modal-content, .swal2-popup) {
    border: 1px solid #dce3d5 !important; border-radius: 14px !important;
    background: #fff; color: #243c32; box-shadow: 0 20px 64px #243c3220 !important;
}
.yc-site :is(.modal-header, .search-modal-header, .location-modal-header) { background: #fff; border-bottom: 1px solid #e5e9df; }
.yc-site :is(.modal-title, .search-modal-title, .location-modal-title, .swal2-title) { color: #243c32; font-weight: 600; letter-spacing: -.025em; }
.yc-site :is(.search-modal-subtitle, .location-modal-subtitle, .swal2-html-container) { color: #637060; }
.yc-site :is(.search-modal-header, .location-modal-header) { padding: 24px 28px 20px; text-align: left; }
.yc-site :is(.search-modal-body, .location-modal .modal-body) { padding: 24px 28px; }
.yc-site :is(.search-modal-icon-wrap, .location-modal-icon) { width: 40px; height: 40px; font-size: 1.15rem; border-radius: 10px; background: #edf1e6; color: #52734b; margin: 0 0 14px; }
.yc-site :is(.search-modal-close, .location-modal .btn-close-custom) { top: 20px; right: 20px; border-radius: 8px; border-color: #e1e6dc; background: #f7f8f4; color: #637060; }
.yc-site :is(.search-input-wrap, .search-section-card) { background: #f7f8f4; border-color: #e1e6dc; border-radius: 9px; }
.yc-site .search-input-wrap:focus-within { border-color: #779b87; box-shadow: 0 0 0 3px #285b4610; }
.yc-site .search-section-card { padding: 16px; }
.yc-site .search-section-header { margin-bottom: 12px; }
.yc-site :is(.search-section-icon-green, .search-section-icon-blue) { background: #eaf0e6; color: #52734b; }
.yc-site :is(.search-btn-submit, .search-btn-cancel) { font-weight: 500; min-height: 44px; border-radius: 8px; box-shadow: none; }
.yc-site .search-btn-submit { background: #285b46; }
.yc-site .search-trigger { min-height: 44px; }
.yc-site .swal2-styled { border-radius: 8px; box-shadow: none; font-weight: 500; }
.yc-site .swal2-confirm { background: #285b46 !important; }
.yc-site .swal2-cancel { background: #eff2e9 !important; color: #466044 !important; }
.yc-site .cropper-dialog { border: 1px solid #dce3d5; border-radius: 14px !important; max-height: calc(100dvh - 32px); overflow-y: auto !important; }
.yc-site .cropper-dialog-header { background: #edf1e6; color: #243c32; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.yc-site .cropper-overlay { background: #243c3270; z-index: 1060; }
.yc-site .cookie-consent-banner__inner { background: #fff; border-radius: 12px; box-shadow: 0 8px 32px #243c3215 !important; }
.yc-site .yc-footer { background: #f0f3eb !important; border-color: #e1e6dc !important; }
.yc-site .yc-footer h5 { font-size: .75rem; letter-spacing: .08em; color: #637060; }
.yc-site .yc-footer .hover-link:hover { padding-left: 0; }
.yc-site .guest-signup-gate__badge { background: #edf1e6; color: #52734b; }

/* Issue details: status carries meaning without dominating the content. */
.yc-site :is(.meta-pill, .status-pill-solved, .status-pill-pending, .status-pill-waiting) { border-radius: 6px; font-size: .74rem; font-weight: 500; }
.yc-site .meta-pill { background: #f5f7f0; color: #637060; border-color: #e1e6dc; }
.yc-site .meta-pill i { color: #708264 !important; }
.yc-site .status-pill-solved { background: #edf3e9; color: #365f3d; border-color: #d3e1ca; }
.yc-site .status-pill-pending { background: #edf0f2; color: #516477; border-color: #dae1e5; }
.yc-site .status-pill-waiting { background: #f6f0e2; color: #766135; border-color: #e5dcc4; }
.yc-site .nav-pills.media-tabs .nav-link { border-radius: 7px; font-weight: 500; font-size: .83rem; }
.yc-site .nav-pills.media-tabs .nav-link.active { background: #e5ecdf !important; color: #285b46 !important; box-shadow: none !important; }
.yc-site .nav-pills.media-tabs .nav-link.active i { color: #285b46 !important; }
.yc-site .interaction-tab-btn.active { color: #285b46; border-color: #52734b; }
.yc-site .hero-img-container { border-radius: 10px; min-height: 260px; background: #f7f8f4; }
.yc-site .hero-img { display: block; width: 100%; max-height: 560px; object-fit: contain; }
.yc-site #detailMap { height: 360px !important; min-height: 260px; }
.yc-site .hero-img-container:hover .hero-img { transform: none; }
.yc-site :is(.waiting-box, .solved-box, .solution-box) { background: #f3f5ec; border: 1px solid #dce4d1; border-radius: 10px; }
.yc-site .waiting-box :is(.days-number, .days-label, .waiting-icon) { color: #766b45; }
.yc-site :is(.waiting-icon, .solved-icon) { background: #e7ecde; border-radius: 10px; }
.yc-site :is(.btn-support, .btn-report-solution) { border-radius: 8px; background: #285b46; color: #fff; box-shadow: none; font-weight: 500; }
.yc-site :is(.btn-support, .btn-report-solution):hover { transform: none; background: #204c3a; box-shadow: none; color: #fff; }
.yc-site .btn-report-solution { background: #edf1e6; border: 1px solid #c8d5bc; color: #365440; }
.yc-site .btn-report-solution:hover { background: #e1e9d7; color: #285b46; }
.yc-site .floating-action-bar { background: #fff; border-top: 1px solid #dce3d5; box-shadow: none; }
.yc-site .floating-action-bar .add-me { background: #285b46 !important; }
.yc-site .floating-action-bar a[href*="/solution/report/"] { background: #edf1e6 !important; color: #365440 !important; border: 1px solid #c8d5bc !important; }
.yc-site .share-btn { border-radius: 8px; background: #f7f8f4; border-color: #dce3d5; }
.yc-site .share-btn:hover { transform: none; box-shadow: none; }

/* Search and event detail headers. */
.yc-site :is(.search-hero, .event-hero, .solution-hero, .gradient-header) { background: #edf1e6; color: #243c32; border: 1px solid #dce4d4; border-radius: 14px; box-shadow: none; padding: 32px; }
.yc-site :is(.search-hero, .event-hero, .solution-hero, .gradient-header)::before,
.yc-site .search-hero::after { display: none; }
.yc-site :is(.event-hero-bg, .solution-hero-bg) { display: none; }
.yc-site :is(.event-hero, .search-hero) .text-white { color: #243c32 !important; }
.yc-site :is(.event-badge, .search-hero-badge, .solution-badge, .solution-info-badge) { color: #52734b; background: #e2e9d8; border: 1px solid #d3dfc7; border-radius: 6px; backdrop-filter: none; }
.yc-site .event-host-card { color: #365440; background: #f5f7ef; border-color: #dce4d1; backdrop-filter: none; }
.yc-site .event-host-card:hover { transform: none; background: #f5f7ef; }
.yc-site .event-host-card :is(.text-white, .text-white-50) { color: #52734b !important; }
.yc-site .stat-icon { background: #edf1e6 !important; color: #52734b !important; border-radius: 10px; }
.yc-site .search-action-btn { color: #fff; background: #285b46; border-color: #285b46; }
.yc-site .search-action-btn:hover { color: #fff; background: #204c3a; }
.yc-site :is(.result-row-link, .showcase-box) { border: 1px solid #e1e6dc !important; border-radius: 12px; background: #fff; box-shadow: none; }
.yc-site .result-row-link:hover { transform: none; box-shadow: none; border-color: #a5b49a !important; }
.yc-site :is(.result-meta-chip, .active-filter-chip) { background: #eff3e9; border-color: #dde5d3; color: #52734b; }
.yc-site .result-col-show { background: #f5f7ef; color: #52734b; }
.yc-site .result-type-badge { background: #52734b !important; box-shadow: none; }
.yc-site .result-row-link .result-show-icon { background: #e5ecdf; color: #365440; box-shadow: none; }

/* Solution reporting is a short, readable task. */
.yc-site .solution-hero { padding: 28px; margin-bottom: 24px; }
.yc-site .solution-hero h1 { font-size: clamp(1.6rem, 3vw, 2.1rem); font-weight: 600; margin: 12px 0; }
.yc-site .solution-context { display: flex; gap: 16px; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #d5dfc9; }
.yc-site .solution-context img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; }
.yc-site .solution-context h2 { font-size: 1rem; margin: 0 0 6px; }
.yc-site .solution-context p { margin: 0; color: #637060; font-size: .8rem; }
.yc-site .form-step-title { display: flex; align-items: center; gap: 12px; font-size: 1.1rem; margin-bottom: 18px; color: #243c32; }
.yc-site .form-step-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; background: #edf1e6; color: #52734b; border-radius: 8px; font-size: .8rem; }
.yc-site .solution-upload-button { width: 100%; padding: 28px 20px; border: 1px dashed #a6ba98; border-radius: 10px; background: #f7f9f3; color: #365440; text-align: center; cursor: pointer; }
.yc-site .solution-upload-button:hover { background: #eff4e8; border-color: #779b87; }
.yc-site .solution-upload-button > i { display: block; font-size: 2rem; margin-bottom: 12px; color: #65845a; }
.yc-site .solution-upload-button small { display: block; margin-top: 8px; color: #637060; }
.yc-site .solution-upload-button[aria-invalid="true"] { border-color: #a2463e; }
.yc-site .solution-form-note { color: #637060; font-size: .85rem; line-height: 1.75; }
.yc-site .btn-submit-solution { background: #285b46 !important; }
.yc-site .btn-submit-solution:hover { background: #204c3a !important; }
.yc-site .form-step-title .form-label { font-size: inherit; margin: 0; }
.yc-site .search-keyword-input:focus-visible { outline: none; }
.yc-site .search-hero .search-hero-badge { background: #e2e9d8 !important; color: #52734b !important; }
.yc-site .event-hero .text-shadow { text-shadow: none; }
.yc-site .event-cover { padding: 12px; }
.yc-site .event-cover img { display: block; width: 100%; max-height: 560px; object-fit: contain; border-radius: 8px; background: #f7f8f4; }
.yc-site #loadingPopup { background: #243c3255; backdrop-filter: blur(2px); }
.yc-site .loader { border-width: 4px; border-top-color: #52734b; }

@media (max-width: 991.98px) {
    .yc-site .floating-action-bar { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
    .yc-site:has(.floating-action-bar) { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
}
@media (max-width: 767.98px) {
    .yc-site :is(.form-control, .form-select, .search-keyword-input, .comment-input) { font-size: 16px; }
    .yc-site .detail-card.p-4,
    .yc-site .detail-card > .card-body.p-4 { padding: 16px !important; }
    .yc-site .detail-card > .px-4 { padding-left: 12px !important; padding-right: 12px !important; }
    .yc-site #interactionTab { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
    .yc-site .interaction-tab-btn { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; min-height: 48px; padding: 10px 4px; font-size: .72rem; }
    .yc-site .interaction-tab-btn i { margin-right: 0 !important; }
    .yc-site .interaction-tab-btn .badge-count { margin-left: 0; padding: 2px 4px; font-size: .62rem; }
    .yc-site .hero-img-container { min-height: 0; }
    .yc-site .search-header-icon { width: 44px; height: 44px; flex: 0 0 44px; font-size: 1.25rem; }
    .yc-site .search-hero h1 { font-size: 1.25rem; }
    .yc-site .search-hero { margin-bottom: 24px !important; }
    .yc-site .account-summary .card-body { padding: 16px !important; }
    .yc-site .account-summary .card-body > div.mb-3,
    .yc-site .account-summary .card-body > hr { display: none; }
    .yc-site .account-summary h5 { font-size: 1rem; }
    .yc-site:not(.home-page) > .container { padding-top: 24px !important; margin-top: 0 !important; padding-bottom: 32px !important; }
    .yc-site > .container.account-layout { padding-top: var(--yc-content-top-space) !important; }
    .yc-site .content-card { padding: 22px; }
    .yc-site :is(.search-hero, .event-hero, .solution-hero) { padding: 24px; }
    .yc-site :is(.search-modal-header, .location-modal-header, .search-modal-body, .location-modal .modal-body) { padding: 20px; }
    .yc-site .search-section-card { padding: 14px; }
    .yc-site #detailedSearchModal .row { --bs-gutter-y: 12px; }
    .yc-site #detailedSearchModal .modern-select-wrapper .form-label { margin-bottom: 5px; }
    .yc-site #detailedSearchModal .search-modal-icon-wrap { display: none; }
    .yc-site #detailedSearchModal .search-modal-title { padding-right: 42px; font-size: 1.25rem; }
    .yc-site #detailedSearchModal .search-modal-subtitle { margin-bottom: 0; font-size: .8rem; }
    .yc-site .cropper-dialog { width: 100%; max-height: calc(100dvh - 16px); }
    .yc-site .cropper-overlay { padding: 8px; }
    .yc-site .cropper-dialog-header { padding: 16px; }
    .yc-site .cropper-dialog-header h5 { font-size: 1rem; }
    .yc-site .cropper-dialog .img-container { max-height: 35dvh; }
    .yc-site .detail-card > .d-flex.justify-content-between { flex-wrap: wrap; gap: 16px; }
    .yc-site .breadcrumb { flex-wrap: wrap; overflow-wrap: anywhere; font-size: .75rem; }
    .yc-site #detailMap { height: 300px !important; }
    .yc-site .table-responsive .input-group { width: 100% !important; }
    .yc-site .cookie-consent-banner__content { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .yc-site *, .yc-site *::before, .yc-site *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Breadcrumbs use the same quiet surfaces as the public navigation. */
.yc-site .breadcrumb { --bs-breadcrumb-divider: '›'; display: flex; align-items: center; flex-wrap: wrap; width: fit-content; max-width: 100%; gap: 4px 0; padding: 10px 14px; margin: 0; border: 1px solid #e1e6dc; border-radius: 9px; background: #fff; font-size: .74rem !important; line-height: 1.6; }
.yc-site .breadcrumb-item { min-width: 0; overflow-wrap: anywhere; }
.yc-site .breadcrumb-item + .breadcrumb-item::before { color: #a3ae98; padding-right: 10px; font-size: .95rem; line-height: 1.2; }
.yc-site .breadcrumb-item + .breadcrumb-item { padding-left: 10px; }
.yc-site .breadcrumb a { color: #63755a !important; font-weight: 500 !important; text-decoration: none !important; border-radius: 4px; }
.yc-site .breadcrumb a:hover { color: #285b46 !important; text-decoration: underline !important; }
.yc-site .breadcrumb-item.active { color: #354e3b !important; font-weight: 500 !important; }

/* All SweetAlert messages use the shared dialog module and this visual shell. */
.yc-site .swal2-container { background: #243c3260 !important; backdrop-filter: blur(3px); }
.yc-site .yc-dialog.swal2-popup { width: 440px; max-width: calc(100vw - 32px); padding: 28px; border-radius: 14px !important; background: #fff !important; color: #243c32; text-align: left; }
.yc-site .yc-dialog .swal2-title { padding: 0; margin: 18px 0 0; color: #243c32; font-size: 1.4rem; line-height: 1.35; font-weight: 600; letter-spacing: -.035em; text-align: left; }
.yc-site .yc-dialog .swal2-html-container { margin: 12px 0 0; padding: 0; color: #637060; font-size: .87rem; line-height: 1.8; text-align: left; }
.yc-site .yc-dialog .swal2-html-container p:last-child { margin-bottom: 0; }
.yc-site .yc-dialog .swal2-icon { margin: 0; width: 46px; height: 46px; border: 0; border-radius: 12px; background: #edf1e6; color: #52734b; font-size: 1rem; animation: none !important; }
.yc-site .yc-dialog .swal2-icon-content { font-size: 1.5rem; }
.yc-site .yc-dialog .swal2-warning { background: #f6f0e2; color: #8c774d; }
.yc-site .yc-dialog .swal2-error { background: #faf0eb; color: #a2463e; }
.yc-site .yc-dialog .swal2-actions { width: 100%; justify-content: flex-end; flex-wrap: wrap; gap: 8px; padding: 0; margin: 24px 0 0; }
.yc-site .yc-dialog .swal2-actions .btn { margin: 0; min-height: 42px; padding: 10px 18px; font-size: .8rem; }
.yc-site .yc-dialog .swal2-close { position: absolute; top: 18px; right: 18px; width: 32px; height: 32px; padding: 0; border-radius: 7px; background: #f6f8f1; color: #7a8870; font-size: 1.6rem; line-height: 1; }
.yc-site .yc-dialog .swal2-close:hover { background: #eaf0e3; color: #285b46; }
.yc-site .yc-dialog .swal2-footer { border-color: #e1e6dc; margin-top: 20px; font-size: .8rem; }
.yc-site .yc-dialog .swal2-footer a { color: #285b46; }
.yc-site .yc-dialog .swal2-loader { border-color: #52734b transparent #52734b transparent; }
.yc-site .alert { border-width: 1px !important; border-style: solid !important; padding: 14px 18px; }
@media (max-width: 575.98px) {
    .yc-site .breadcrumb { padding: 9px 12px; font-size: .68rem !important; }
    .yc-site .yc-dialog.swal2-popup { padding: 24px; }
    .yc-site .yc-dialog .swal2-title { font-size: 1.25rem; }
}
.yc-site .fl-flasher { --fl-font: 'Inter', system-ui, sans-serif; --background-color: #fff; --text-color: #354e3b; border: 1px solid #dce4d3; border-radius: 12px !important; padding: 16px 42px 16px 18px; box-shadow: 0 10px 32px #243c3214; }
.yc-site .fl-flasher:hover { transform: none; }
.yc-site .fl-flasher .fl-icon { font-size: 1.6rem; color: #6f845c; }
.yc-site .fl-flasher.fl-error .fl-icon { color: #a2463e; }
.yc-site .fl-flasher.fl-warning .fl-icon { color: #8c774d; }
.yc-site .fl-flasher .fl-title { color: #354e3b; font-size: .85rem; }
.yc-site .fl-flasher .fl-message { color: #637060; font-size: .79rem; line-height: 1.7; }
.yc-site .fl-flasher .fl-close { color: #7b8870; }