ul,li{ list-style:none}
.eZYmVr {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    transition: all 0.15s ease-in-out 0s;
}
.eZYmVr .categoryList {
    margin: 36px 0px 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.foVql {
    flex: 1 1 0%;
}
#square ol, #square ul {
    list-style: none;
}
.foVql ul {
    display: flex;
    min-width: 1000px;
}
.foVql ul li.tagItem:not(.is-disabled).is-active {
    background-color: rgb(22, 132, 252);
    color: rgb(255, 255, 255);
}
.foVql ul li.tagItem {
    margin-right: 12px;
    border-radius: 20px;
    background-color: rgb(242, 242, 242);
    color: rgb(31, 41, 46);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.1s ease-in-out 0s;
    position: relative;
}
.foVql ul li.tagItem .Tooltip {
    width: 100%;
    display: block;
    height: 100%;
    padding: 8px 22px;
}
.foVql ul li.tagItem:not(.is-disabled).is-active {
    background-color: rgb(22, 132, 252);
    color: rgb(255, 255, 255);
}
.foVql ul li.tagItem {
    margin-right: 12px;
    border-radius: 20px;
    background-color: rgb(242, 242, 242);
    color: rgb(31, 41, 46);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.1s ease-in-out 0s;
    position: relative;
}

.cNZEhX .campaign {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.cNZEhX .campaign .create {
    margin-right: 15px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}
.cNZEhX .campaign .campaign-set {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 12px;
    width: 126px;
    height: 36px;
    background: rgb(241, 248, 255);
    border-radius: 8px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    color: rgb(22, 132, 252);
}
.cNZEhX .campaign .campaign-set .notice-icon {
    width: 44px;
    margin-right: 8px;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
.fgrwLq {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 72px;
}
.fgrwLq .uploadWrap {
    position: relative;
}
.fgrwLq .uploadSquare {
    position: relative;
    padding: 9px 33px;
    background-color: rgb(22, 132, 252);
    border-radius: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    transition: all 0.1s ease-in-out 0s;
    margin-left: 6px;
    font-weight: 700;
    font-size: 14px;
}
.fgrwLq .uploadSquare .upload-icon {
    margin-right: 6px;
    display: inline-block;
    width: 19px;
    height: 16px;
    stroke-width: 0;
    stroke: currentcolor;
    fill: currentcolor;
}
.fgrwLq .uploadSquare .uploadTitle {
    width: 65px;
    line-height: 18px;
}
.DfCve {
    padding: 24px 72px 0px;
    height: 100%;
    overflow: auto;
}
.hJrgJw {
    width: 1450px;
    margin: 0px auto;
    box-sizing: border-box;
}
.WbnpB.template-container {
    display: grid;
    list-style: none;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 40px 32px;
    padding-bottom: 40px;
}
.jKNdgO.templateBox {
    cursor: pointer;
    transform: translate3d(0px, 0px, 0px);
    padding: 7px 8px 10px;
}
.jKNdgO.templateBox .templateCover {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 75%;
    height: 0px;
    transition: all 0.15s ease-in-out 0s;
    outline: rgba(0, 0, 0, 0.08) solid 1px;
}
.jKNdgO.templateBox .templateCover .templateCoverImage {
    height: 293px;
    border-radius: 6px;
}
.jKNdgO.templateBox .templateInfo {
    padding-top: 12px;
}
.jKNdgO.templateBox .templateInfo .titleIcon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}
.jKNdgO.templateBox .templateInfo .titleIcon .templateTitle {
    color: rgb(65, 80, 88);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dCfvCv.Ellipsis.isnt-truncated {
    display: inline;
    max-width: initial !important;
}
.dCfvCv.Ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
}
.jKNdgO.templateBox .templateInfo .titleIcon img {
    width: 20px;
    height: 20px;
}

.jKNdgO.templateBox .templateInfo .templateCardInfo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.jKNdgO.templateBox .templateInfo .authorInfo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.jKNdgO.templateBox .templateInfo .authorInfo .avatar_container {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
}
.jKNdgO.templateBox .templateInfo .authorInfo .avatar_container .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.jKNdgO.templateBox .templateInfo .authorInfo .authorName {
    margin-left: 8px;
    font-size: 12px;
    color: rgb(31, 41, 46);
    font-weight: 400;
}
.jKNdgO.templateBox .templateInfo .actionListContainer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin: 0px -4px;
}
.jKNdgO.templateBox .templateInfo .actionListContainer .actionItem {
    margin: 0px 4px;
    border-radius: 4px;
    padding: 5px 10px;
    border: 1px solid transparent;
    color: rgb(125, 139, 148);
    font-size: 12px;
    transition: all 0.15s ease-in-out 0s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.jKNdgO.templateBox .templateInfo .actionListContainer .actionItem {
    margin: 0px 4px;
    border-radius: 4px;
    padding: 5px 10px;
    border: 1px solid transparent;
    color: rgb(125, 139, 148);
    font-size: 12px;
    transition: all 0.15s ease-in-out 0s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.jKNdgO.templateBox:hover .templateInfo .actionListContainer .actionItem:hover:not(.disabled):not(.active) svg.icon path {
    fill: rgb(31, 41, 46);
}
.jKNdgO.templateBox .templateInfo .actionListContainer .actionItem.favoriteAction .actionIcon {
    margin-top: -2px;
}

.jKNdgO.templateBox .templateInfo .actionListContainer .actionItem .actionIcon {
    transition: all 0.15s ease-in-out 0s;
    width: 12px;
    height: 12px;
    margin-right: 3px;
}
.jKNdgO.templateBox:hover .templateInfo .actionListContainer .actionItem:hover:not(.disabled):not(.active) svg.icon path {
    fill: rgb(31, 41, 46);
}