html body .popover:has(.smiles-wrapper) {background:#242422!important;border:1px solid #c7ad7840!important;border-radius:12px!important;box-shadow:0 10px 30px #0005!important;max-width:calc(100vw - 20px)!important;transition:border-color .18s,background .18s,box-shadow .18s;}
html body .popover:has(.smiles-wrapper) .popover-body {padding:0!important;color:#d0cbc1!important;font:400 14px/21px ui-sans-serif,system-ui,sans-serif!important;background:transparent!important;}
html body .popover:has(.smiles-wrapper) .smiles-wrapper {max-width:calc(100vw - 24px)!important;background:transparent!important;}
html body .popover:has(.smiles-wrapper) .smiles-display,html body .popover:has(.smiles-wrapper) .smiles-categories {background:transparent!important;scrollbar-color:#a58b55 #242422!important;}
html body .popover:has(.smiles-wrapper) .smiles-display {max-height: min(260px,55dvh)!important;}
html body .popover:has(.smiles-wrapper) .smiles-display::-webkit-scrollbar-thumb,html body .popover:has(.smiles-wrapper) .smiles-categories::-webkit-scrollbar-thumb {background:#a58b55!important;}
html body .popover:has(.smiles-wrapper) .smile-category.active::after {background:#c7ad78!important;}
html body .popover:has(.smiles-wrapper) .smile-category:hover {background:#c7ad781c!important;border-radius:7px;}
html body .popover:has(.smiles-wrapper) .smiles-buy-heading {background:#c7ad7810!important;color:#eeeae1!important;font-size:14px!important;font-weight:600!important;}
html body .popover:has(.smiles-wrapper) :is(.buy-smile-access,.buy-sticker-pack) {background:#c7ad7818!important;border:1px solid #c7ad7840!important;color:#c7ad78!important;border-radius:7px!important;font:600 12px/18px ui-sans-serif,system-ui,sans-serif!important;}
html body .popover:has(.smiles-wrapper) :is(.lock-icon,.lock-icon-large) svg path {stroke:#c7ad78!important;}
html body .popover:has(.smiles-wrapper).bs-popover-top>.arrow::after {border-top-color:#242422!important;}
html body .popover:has(.smiles-wrapper).bs-popover-bottom>.arrow::after {border-bottom-color:#242422!important;}
html body .popover:has(.smiles-wrapper).bs-popover-left>.arrow::after {border-left-color:#242422!important;}
html body .popover:has(.smiles-wrapper).bs-popover-right>.arrow::after {border-right-color:#242422!important;}
@media(hover:hover) and (pointer:fine) {
html body .popover:has(.smiles-wrapper):hover {border-color:#ba9654!important;background:linear-gradient(145deg,#302b22,#24221e)!important;box-shadow:0 0 0 1px #c7ad7820,0 0 22px #c7ad7820,inset 0 0 28px #c7ad7806!important;}
html body .popover:has(.smiles-wrapper) .smiles-display :is(img.smile,img.sticker):hover {background:#c7ad781c!important;outline:1px solid #c7ad7860;border-radius:6px;}
}
html body .popover:has(.smiles-wrapper):focus-within {border-color:#ba9654!important;}
@media(prefers-reduced-motion:reduce) {html body .popover:has(.smiles-wrapper) {transition:none!important;}}
