.tagSelection{padding:40px 0}
.content_wrapper_tag{width:100%}
.tagSelection__container{max-width:1140px;margin:0 auto;padding:0 15px}
.tagSelection__content{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:0 30px;display:flex;gap:30px;align-items:flex-start;margin-bottom:40px}
.tagSelection__content:last-child{margin-bottom:0}
.tagSelection__icon{flex-shrink:0}
.tagSelection__icon-bg{width:60px;height:86px;background:#f6f1fe;border-radius:0 0 50px 50px;display:flex;align-items:center;justify-content:center}
.tagSelection__icon-letter{font-size:40px;font-weight:700;color:#3c0e86;line-height:1}
.tagSelection__tags{flex:1;padding:30px 0 0 0}
.tagSelection__tags-row{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}
.tagSelection__tags-row:last-of-type{margin-bottom:30px}
.tagSelection__tag{background:#ffffff;border:1px solid #e5e7eb;border-radius:50px;padding:8px 16px;font-size:16px;font-weight:500;line-height:24px;color:#333333;cursor:pointer;transition:all .3s ease;white-space:nowrap;@media screen and (max-width:768px){font-size:14px;line-height:20px}
}
.tagSelection__tag:hover{border-color:#f9adaa;background:#f9adaa;color:#ed1c24}
.tagSelection__tag.active{background:#ed1c24;color:#fff;border-color:#ed1c24}
.tagSelection__description{background:#fff0f0;border-radius:12px;padding:20px;display:none;margin-bottom:0;order:100;flex-basis:100%}
.tagSelection__description-title{font-size:16px;font-weight:600;color:#001c2e;margin-bottom:8px}
.tagSelection__description-text{font-size:14px;color:#374254;line-height:1.6}
.tagSelection__alphabet-btn{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600;color:#7b2cbf;cursor:pointer;transition:all .3s ease;min-width:60px;overflow:hidden;z-index:0}
.tagSelection__alphabet-btn>*{position:relative;z-index:1}
.tagSelection__alphabet-btn.active{background:#f5f0ff;border-color:#f5f0ff;color:#7b2cbf}
.tagSelection__alphabet-btn.active::before{display:none}
.tagSelection__alphabet-grid{display:none;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}
.tagSelection__alphabet-grid--second{margin-top:20px}
.tagSelection__alphabet-btn{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:24px;font-weight:600;color:#7b2cbf;cursor:pointer;transition:all .3s ease;overflow:hidden;z-index:0}
.tagSelection__alphabet-btn>*{position:relative;z-index:1}
.tagSelection__alphabet-btn::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:70%;background:rgba(245,240,255,0.6);border-radius:0 0 50% 50%;pointer-events:none;z-index:-1}
.tagSelection__alphabet-btn.active{background:#f5f0ff;border-color:#f5f0ff;color:#7b2cbf}
.tagSelection__alphabet-btn.active::before{display:none}
.tagSelection__alphabet-grid .tagSelection__alphabet-btn{padding:11px;aspect-ratio:78 / 60;display:flex;align-items:flex-start;justify-content:center;color:#5b2c6f}
.tagSelection__alphabet-grid .tagSelection__alphabet-btn.active{background:#deccfa;border:0;color:#5514bd;align-items:center;font-size:24px}
.tagSelection__content--mobile{display:none}
@media(max-width:768px){.tagSelection__tags-row:last-of-type{margin-bottom:0}
.tagSelection__alphabet-grid .tagSelection__alphabet-btn{padding:7px}
.tagSelection__alphabet-btn{font-size:22px}
.tagSelection__tag{white-space:wrap}
.tagSelection__tags{flex:1;padding:0}
.tagSelection{padding:30px 0 0 0}
.tagSelection__content--desktop{display:none}
.tagSelection__content--mobile{display:none;background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;margin-bottom:20px;margin-top:20px}
.tagSelection__content--mobile.active{display:block}
.tagSelection__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.tagSelection__tag--header{margin:0}
.inner-header{display:flex;justify-content:space-between;position:relative}
.tagSelection__close-btn{background:transparent;border:0;font-size:24px;color:#333;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;position:absolute;right:-2px;top:-12px}
.tagSelection__description{background:#fff0f0;border-radius:12px;padding:12px 17px 12px 16px;margin-bottom:20px;display:block}
.tagSelection__description-text--mobile{font-style:italic;color:#333;font-size:14px;line-height:1.6}
.tagSelection__description-title{display:none}
.tagSelection__tags{display:flex;flex-direction:column;gap:12px}
.tagSelection__tags-row{display:flex;gap:16px;margin-bottom:0;flex-wrap:wrap}
.tagSelection__alphabet-grid{display:grid}
}