.work-tags{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;height:59px;overflow:hidden;margin-bottom:12px}.work-tags.work-tags--dense{height:auto;max-height:59px;margin-bottom:0}.work-tags.work-tags--single{height:26px}.work-tags>span{height:26px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#8b6e52;background:#f7f2ec;border:1px solid rgba(45,26,14,.08);border-radius:999px;padding:0 11px}.work-tags>span.tag-more{position:relative;cursor:default;color:#2d1a0e;background:#fff0c8;border-color:#f49e4c4d}.work-tags span.tag-pop{position:absolute;left:50%;bottom:calc(100% + 9px);display:flex;flex-direction:column;align-items:flex-start;gap:7px;height:auto;border:1px solid rgba(45,26,14,.08);border-radius:14px;padding:11px 13px;background:#fff;color:#8b6e52;font-size:12.5px;font-weight:700;width:-moz-max-content;width:max-content;max-width:220px;box-shadow:0 16px 36px -10px #2d1a0e47;z-index:10;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%) translateY(4px);transition:opacity .15s,transform .15s}.work-tags span.tag-pop .tag-pop-line{height:24px;padding:0 11px;border:1px solid rgba(45,26,14,.08);border-radius:999px;background:#f7f2ec;color:#8b6e52;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;line-height:1}.tag-pop:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 1px rgba(45,26,14,.08))}.work-tags span.tag-more:hover span.tag-pop{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}