@media screen and (max-width: 575.98px) { .btn_share { margin: 0.6rem 0.2rem !important ; } } .btn_share { width: 40px !important; height: 40px !important; padding: 0; } .div_panel { background: var(--anno_bg_panel) !important; border: 20px solid var(--anno_bg_panel); border-radius: 20px !important; } @media screen and (max-width: 767px) { .div_panel { border: 10px solid var(--anno_bg_panel); border-radius: 10px !important; padding-left: 20px !important; padding-right: 20px !important; /**/ } } .div_panel .sp88_icon { color: var(--anno_bg) !important; } .anno_bg_panel { background: var(--anno_bg_panel) !important; } #textarea_copy { word-break: break-all; overflow: hidden; /**/ resize: none; /**/ } /**/ .winner-row { display: inline-flex; align-items: center; gap: 8px; } .winner-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; } .winner-name { line-height: 1.4; } /**/ .plans-row { position: relative; } /**/ .gorilla-img { position: absolute; right: 30px; transform: translateY(-53%); /**/ max-width: 100px; z-index: 2; pointer-events: none; /**/ } .winner-source-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; vertical-align: middle; } .winner-source-wrap > .winner-avatar { margin-right: 0 !important; } .winner-source-badge { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 12px; border-radius: 50%; font-size: 10px; line-height: 1; flex: 0 0 auto; box-shadow: 0 0 0 2px #fff; } .winner-source-wrap.has-avatar .winner-source-badge { position: absolute; right: -2px; bottom: -1px; z-index: 1; } @media (max-width: 991.98px) { /**/ .gorilla-img { max-width: 70px; top: 28px; right: 20px; } } /**/ #note a { color: var(--sp88blue); text-decoration: underline; } .mlist tr:first-child { border-top: 2px solid var(--sp88blue) !important; } .mlist th { color: var(--sp88blue); } .mlist td { padding-top: 0.8rem; line-height: 1.56; color: #5b5b5b; } .mlist td a { color: var(--sp88blue); } .mlist td a:hover { color: var(--sp88blue_hover); } .mlist td a.underline { text-decoration: underline; } @media screen and (max-width: 991.98px) { .mlist table, .mlist thead, .mlist tbody, .mlist th, .mlist td, .mlist tr { display: block; } } @media screen and (max-width: 991.98px) { .mlist thead tr { position: absolute; top: -9999px; left: -9999px; } } @media screen and (max-width: 991.98px) { .mlist tr:not(.desktop_hide) td { border: 0 !important; border-bottom: 1px solid #eee !important; position: relative !important; padding-left: 37% !important; text-align: left !important; line-height: 2.0; height: auto; min-height: 42px; padding: 0.4rem; vertical-align: middle !important; } } @media screen and (max-width: 991.98px) { .mlist tr:not(.desktop_hide) td:before { position: absolute; text-align: left !important; line-height: 1.0; left: 6px; height: auto; width: 35%; padding-right: 10px; /**/ vertical-align: middle !important; color: var(--sp88blue) !important; background: transparent !important; content: attr(data-label); font-weight: bold; } } @media screen and (max-width: 991.98px) { .mlist tr:not(.desktop_hide) td:first-child { border-top: 2px solid var(--sp88blue) !important; } } @media screen and (max-width: 991.98px) { .mlist td > span { padding-bottom: 0px !important; } } @media screen and (max-width: 991.98px) { .mlist table tr:not(.desktop_hide) td:nth-last-child(1), .mlist table tr:not(.desktop_hide) td:nth-last-child(2) { border: none; display: none; } } @media screen and (max-width: 991.98px) { .mlist table tr:not(:last-child) td:last-child { border-bottom: 20px solid !important; border-color: var(--background_color) !important; } } @media screen and (max-width: 991.98px) { .mlist table tr:not(:last-child) td:last-child.card-wrapper { border-bottom: 20px solid !important; border-color: #fafafa !important; } }