menu.smile-toolbar {
    padding: 0;
    margin: 0;
	display:flex;
    justify-content: start;
    flex-wrap: nowrap;
    background-color: #f2f2f2;

}

menu.smile-toolbar >li {
	background: none transparent;
	display: inline-block;
}

menu.smile-toolbar >li >a, menu.smile-toolbar >li:hover >a{
	padding:0;
	background: none transparent;
}

.svg-emoji.fr-emoticon.fr-emoticon-img{
	min-width:1.6em;
	max-width: 3em;
    width:2.5em;
    height:2.5em;
}


.pbi-toolbar .is-selected button{
   border-color:lime;
   background: none lightgoldenrodyellow;
}
.smiley-menu li.smile-toolbar-wrapper {
    display:block;
    position:sticky;
    top:0;
    background: none #f2f2f2;
    z-index:2;
}

.c-popup-emoji.smiley-menu.ui-menu {
    /*overflow-y: visible;*/
    /*max-height: 95vh;*/
    min-width: 380px;
    /*padding-left: 10px;*/
    background-color: #f2f2f2;
    margin: 0px 0px 35px 0px;
    scroll-behavior:smooth;
    container: smiley-menu / inline-size;

}
@container smiley-menu (width > 200px){
	.smiley-menu:where([style*="width"],[style*="height"]) .svg-emoji.fr-emoticon.fr-emoticon-img{
        font-size: 2cqw;
    }
    .svg-emogi.fr-emoticon.fr-emoticon-img{
        font-size: 0.7em;
    }
}

ul.smiley-menu.ui-menu.ui-resizable.c-popup-emoji:where(:has(menu >li.is-selected:nth-of-type(n+2))) {
    max-height: 90vh;
    overflow: hidden auto;
}

#list_og_smiles >button{
    display:flex;
}

/* Taken from V6 Beta Forum  (updated font codepoints ?) */

.fr-toolbar .fr-command.fr-btn {
    background: transparent;
    color: #333333;
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px;
}

@font-face {
  font-family: "pb-icons";
  src: url("https://storage.proboards.com/next/shared/fonts/pb-icons/pb-icons.eot");
  src: url("https://storage.proboards.com/next/shared/fonts/pb-icons/pb-icons.eot?#iefix") format("embedded-opentype"), url("https://storage.proboards.com/next/shared/fonts/pb-icons/pb-icons.woff") format("woff"), url("https://storage.proboards.com/next/shared/fonts/pb-icons/pb-icons.ttf") format("truetype"), url("https://storage.proboards.com/next/shared/fonts/pb-icons/pb-icons.svg#pb-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="pbi-"],
[class*=" pbi-"] {
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
}

[class^="pbi-"]:before,
[class*=" pbi-"]:before {
  font-family: "pb-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pbi-toolbar i.pbi-apple::before {
    content: '\e004';
}

.pbi-toolbar i.pbi-paw::before {
    content: '\e044';
}

.pbi-toolbar i.pbi-smile-o::before {
    content: '\e05e';
}

.pbi-toolbar i.pbi-car::before {
    content: '\e00e';
}

.pbi-toolbar i.pbi-lightbulb-o::before {
    content: '\e033';
}

.pbi-toolbar i.pbi-recycle::before {
    content: '\e050';
}

.pbi-toolbar i.pbi-flag::before {
    content: '\e02a';
}

.pbi-toolbar i.pbi-circle::before {
    content: '\e012';
}
</style>