.group__header{position:relative;background-size:cover;background-position:center;padding:0;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;height:224px}.group__headerCover{height:140px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:var(--tertiary_light);overflow-y:auto}.group__headerAvatar{border-radius:50%;border:2px solid var(--primary);background-color:var(--white);width:72px;height:72px;min-width:72px}.group__headerDetail{color:var(--gray_1);text-align:right}.group__headerContent{position:relative;z-index:2;display:flex;direction:rtl;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;background-color:#fff;box-shadow:0 0 3px #0000004d;gap:10px}.group__headerBtns{display:flex;flex-direction:column;gap:10px;margin-right:auto}.group__headerJoin{color:#fff;background-color:var(--secondary);width:100px;height:30px;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:22px;font-variation-settings:"wght" 600,"dots" 4}.group__headerFollow{color:#fff;background-color:var(--primary);width:100px;height:30px;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:22px;font-variation-settings:"wght" 600,"dots" 4;margin-right:auto}.group__headerFollow_active:before{content:"";background-image:url(/assets/img/mobile/icons/kd_ticke_circle.svg);width:20px;height:20px;background-size:cover;background-repeat:no-repeat}.group__headerFollow_active{background:var(--white);color:var(--primary);border:2px solid var(--primary);padding:6px 10px!important;gap:4px;height:34px}.group__detail{display:flex;flex-direction:column;justify-content:center;padding:6px 0;gap:12px}.group__headerTitle{font-size:32px;margin:0;line-height:32px}.group__headerInfo{display:flex;font-size:22px;font-variation-settings:"wght" 500,"dots" 4;line-height:24px;-moz-font-feature-settings:"ss02";-webkit-font-feature-settings:"ss02";font-feature-settings:"ss02";align-items:center;gap:6px}.group__joinButton{background-color:#28a745;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.group__members{display:flex;justify-content:center;padding:16px 0 0;max-width:100%;overflow:hidden;flex-wrap:wrap;gap:12px 6px;flex-direction:row-reverse}.group__member{display:flex;flex-direction:column;align-items:center}.group__memberAvatar{border-radius:50%;margin:0 10px;border:2px solid var(--secondary);width:72px;height:72px;background-color:var(--white)}.group__memberAvatar_owner{border:2px solid var(--primary);box-shadow:0 0 10px var(--primary)}.group__memberName{font-size:24px;color:var(--gray_1)}.loadMoreData{text-align:center;cursor:pointer;color:#007bff;margin-top:20px}.group__items{display:flex;flex-direction:column;align-items:center;gap:36px;padding:0 16px;margin-top:50px}.group__item{width:100%}.group__noResults{font-size:24px;direction:rtl}.group__imageLink{display:flex;background-color:var(--tertiary_light);border-radius:24px;min-width:100%;height:224px;overflow:hidden;box-shadow:0 0 10px var(--tertiary_light);justify-content:center}.group__image{margin:0 auto;display:flex;width:fit-content;max-width:100%;border-radius:0}.group__detail{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0}.group__info{display:flex;direction:rtl;padding:12px}.group__avatar{width:62px;min-width:62px;height:62px;border-radius:50%;border:1px solid var(--primary)}.group__title{color:#333;font-size:28px;font-variation-settings:"wght" 600,"dots" 4;line-height:22px;padding-right:12px;overflow:hidden;height:24px;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical}.group__titleLink{color:#333}.group__meta{display:flex;direction:rtl;padding-right:12px}.group__metaItem{color:#666;text-align:right;font-size:24px;font-variation-settings:"wght" 400,"dots" 4;line-height:16px;font-feature-settings:"ss02" on}.group__meta>.group__metaItem:first-of-type{line-clamp:1;-webkit-line-clamp:1;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;height:18px;display:-webkit-box;max-width:40%}.group__metaDivider{background-image:url(/assets/img/mobile/icons/kd_meta_divider_16.svg);width:16px;height:16px}.group__item:last-child{margin-bottom:0}.group__functionBtn{background-image:url(/assets/img/mobile/icons/kd_3dot_16_g1.svg);width:42px;height:42px;cursor:pointer;background-position:center;background-repeat:no-repeat}.group__function{position:relative}.group__functionShare:before{content:"";background-image:url(/assets/img/mobile/icons/kd_share_16_g1.svg);width:16px;height:16px;display:block;background-position:center;background-repeat:no-repeat;margin-left:8px}.group__functionList{width:140px;height:48px;padding:12px;display:flex;position:absolute;left:8px;top:40px;border-radius:4px;background:#fafafa;box-shadow:0 0 2px #0000001a;display:none}.group__functionShare{color:var(--gray_1);font-size:24px;font-variation-settings:"wght" 500,"dots" 4;line-height:16px;display:flex;align-items:center}.modal{display:none;direction:rtl;background-color:#fff;padding:20px;width:calc(100% - 48px);border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #0000001f;position:fixed;z-index:99999999999}.modal__show{display:block}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #CED0D0;padding-bottom:12px;margin-bottom:12px;color:var(--gray_1)}.modal__title{font-size:28px;font-variation-settings:"wght" 500,"dots" 4}.modal__close{width:20px;height:20px;margin-right:auto;cursor:pointer}.modal__close:hover,.modal__close:focus{color:#000}.modal__icon{width:20px;height:20px}.modal__text{text-align:justify;font-size:24px;font-variation-settings:"wght" 400,"dots" 4;line-height:20px;margin-bottom:16px}.modal__item{direction:rtl;position:relative;margin:0 16px 18px}.modal__optionLabel{text-align:right;font-variation-settings:"wght" 500,"dots" 4;font-size:32px;color:var(--gray_1);cursor:pointer;line-height:24px}.modal__optionBtn{opacity:0;cursor:pointer}.modal__checkmark{position:absolute;right:-7px;top:5px;height:20px;width:20px;background-color:#fff;border-radius:4px;border:2px solid #FF4D67}.modal__checkmark:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:2px;background:#ff4d67;display:none}.modal__optionBtn:checked+.modal__checkmark:after{display:block}.modal__btn_primary{width:100%;height:36px;border-radius:40px;background:var(--primary, #FF4D67);display:flex;justify-content:center;color:var(--white);font-size:24px;font-weight:600;line-height:24px;align-items:center;cursor:pointer;transition:all .2s}.modal__btn_primary:hover{transform:scale(1.02);box-shadow:0 4px 8px #0003}.modal__btn_cancel{width:100%;height:36px;border-radius:40px;background:var(--tertiary_light);display:flex;justify-content:center;color:var(--gray_2);font-size:24px;font-weight:600;line-height:20px;align-items:center;cursor:pointer;transition:all .2s}.modal__btn_cancel:hover{transform:scale(1.02);box-shadow:0 4px 8px #0003}.modal__footer{display:flex;justify-content:space-between;gap:16px}.modal__divider{width:100%;height:1px;background:var(--gray_5);margin:0 auto 16px}@media screen and (min-width:767px){.group__items{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:32px 24px;justify-content:space-between}.group__item{width:calc(50% - 24px)}.group__image{max-width:none}}@media screen and (min-width:1281px){.group{padding:0}.group__header{height:auto;margin-bottom:48px;padding-right:0}.group__headerCover{height:200px}.group__headerAvatar{margin-top:-42px;width:120px;height:120px;min-width:120px}.group__headerContent{padding:0 42px 16px;gap:24px}.group__member{gap:10px}.group__memberAvatar{width:92px;height:92px}.group__memberName{font-size:16px}.group__headerInfo{font-size:16px;font-variation-settings:"wght" 500,"dots" 4;line-height:32px;padding-top:8px}.group__headerJoin{width:150px;height:40px;font-size:16px;font-variation-settings:"wght" 600,"dots" 4;margin-right:auto;cursor:pointer}.group__headerIconWrapper{width:68px;height:68px}.group__headerIcon{width:36px;height:36px;color:#fff}.group__items{display:flex;flex-direction:row;flex-wrap:wrap;direction:rtl;gap:42px 24px;padding:0 24px 72px;justify-content:flex-start}.group__item{width:calc(25% - 18px);height:auto;margin-bottom:0}.group__titleLink{color:#333;text-align:right;font-size:15px;font-variation-settings:"wght" 500,"dots" 4;overflow:hidden;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical}.group__image{max-width:none}.group__avatar{width:70px;min-width:70px;height:70px;border-radius:50%;border:2px solid var(--primary)}.group__functionBtn{background-image:url(/assets/img/desktop/icons/kd_3dot_20_g1.svg);width:42px;height:42px;cursor:pointer;background-position:center;background-repeat:no-repeat}.group__metaItem{font-size:13px}.group__noResults{font-size:18px}.group__headerTitle{font-size:24px}.group__headerBtns{gap:16px;padding:16px 0 0}.group__headerFollow{width:150px;height:40px;font-size:16px;font-variation-settings:"wght" 600,"dots" 4;cursor:pointer}.group__headerFollow_active{height:42px;gap:10px}.modal{width:50%}.modal__title{font-size:20px}.modal__text{font-size:16px}}@media screen and (min-width:1281px)and (max-width:1440px){.group__item{width:calc(33% - 16px);min-width:31%}}