.class-invit-modal .box{background:var(--old-color-white);border-radius:var(--old-radius-level4);display:flex;flex-direction:column;padding:20px;row-gap:20px;width:580px}.class-invit-modal .title-area{align-items:center;display:flex;justify-content:space-between}.class-invit-modal .title-area .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}.class-invit-modal .title-area .btn-close{height:24px;width:24px}.class-invit-modal .notice{background:var(--old-color-container-primary-selected1);color:var(--old-color-blue-500);line-height:var(--old-line-height-relaxed);padding:18px 10px;text-align:center}.class-invit-modal .notice,.class-invit-modal .row .label{font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}.class-invit-modal .row .label{margin-bottom:10px}.member-list-modal .box{background:var(--old-color-white);border-radius:var(--old-radius-level4);display:flex;flex-direction:column;height:500px;padding:20px;row-gap:20px;width:500px}.member-list-modal .title-area{align-items:center;display:flex;justify-content:space-between}.member-list-modal .title-area .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}.member-list-modal .title-area .title .gray{color:var(--old-color-gray-400)}.member-list-modal .title-area .btn-close{height:24px;width:24px}.member-list-modal .list-area{display:flex;flex:1;flex-direction:column;overflow-y:auto;row-gap:10px}.member-list-modal .list-area .item{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;position:relative}.member-list-modal .list-area .item[data-index="0"]{z-index:100}.member-list-modal .list-area .item[data-index="1"]{z-index:99}.member-list-modal .list-area .item[data-index="2"]{z-index:98}.member-list-modal .list-area .item[data-index="3"]{z-index:97}.member-list-modal .list-area .item[data-index="4"]{z-index:96}.member-list-modal .list-area .item[data-index="5"]{z-index:95}.member-list-modal .list-area .item[data-index="6"]{z-index:94}.member-list-modal .list-area .item[data-index="7"]{z-index:93}.member-list-modal .list-area .item[data-index="8"]{z-index:92}.member-list-modal .list-area .item[data-index="9"]{z-index:91}.member-list-modal .list-area .item[data-index="10"]{z-index:90}.member-list-modal .list-area .item[data-index="11"]{z-index:89}.member-list-modal .list-area .item[data-index="12"]{z-index:88}.member-list-modal .list-area .item[data-index="13"]{z-index:87}.member-list-modal .list-area .item[data-index="14"]{z-index:86}.member-list-modal .list-area .item[data-index="15"]{z-index:85}.member-list-modal .list-area .item[data-index="16"]{z-index:84}.member-list-modal .list-area .item[data-index="17"]{z-index:83}.member-list-modal .list-area .item[data-index="18"]{z-index:82}.member-list-modal .list-area .item[data-index="19"]{z-index:81}.member-list-modal .list-area .item[data-index="20"]{z-index:80}.member-list-modal .list-area .item[data-index="21"]{z-index:79}.member-list-modal .list-area .item[data-index="22"]{z-index:78}.member-list-modal .list-area .item[data-index="23"]{z-index:77}.member-list-modal .list-area .item[data-index="24"]{z-index:76}.member-list-modal .list-area .item[data-index="25"]{z-index:75}.member-list-modal .list-area .item[data-index="26"]{z-index:74}.member-list-modal .list-area .item[data-index="27"]{z-index:73}.member-list-modal .list-area .item[data-index="28"]{z-index:72}.member-list-modal .list-area .item[data-index="29"]{z-index:71}.member-list-modal .list-area .item[data-index="30"]{z-index:70}.member-list-modal .list-area .item[data-index="31"]{z-index:69}.member-list-modal .list-area .item[data-index="32"]{z-index:68}.member-list-modal .list-area .item[data-index="33"]{z-index:67}.member-list-modal .list-area .item[data-index="34"]{z-index:66}.member-list-modal .list-area .item[data-index="35"]{z-index:65}.member-list-modal .list-area .item[data-index="36"]{z-index:64}.member-list-modal .list-area .item[data-index="37"]{z-index:63}.member-list-modal .list-area .item[data-index="38"]{z-index:62}.member-list-modal .list-area .item[data-index="39"]{z-index:61}.member-list-modal .list-area .item[data-index="40"]{z-index:60}.member-list-modal .list-area .item[data-index="41"]{z-index:59}.member-list-modal .list-area .item[data-index="42"]{z-index:58}.member-list-modal .list-area .item[data-index="43"]{z-index:57}.member-list-modal .list-area .item[data-index="44"]{z-index:56}.member-list-modal .list-area .item[data-index="45"]{z-index:55}.member-list-modal .list-area .item[data-index="46"]{z-index:54}.member-list-modal .list-area .item[data-index="47"]{z-index:53}.member-list-modal .list-area .item[data-index="48"]{z-index:52}.member-list-modal .list-area .item[data-index="49"]{z-index:51}.member-list-modal .list-area .item[data-index="50"]{z-index:50}.member-list-modal .list-area .item[data-index="51"]{z-index:49}.member-list-modal .list-area .item[data-index="52"]{z-index:48}.member-list-modal .list-area .item[data-index="53"]{z-index:47}.member-list-modal .list-area .item[data-index="54"]{z-index:46}.member-list-modal .list-area .item[data-index="55"]{z-index:45}.member-list-modal .list-area .item[data-index="56"]{z-index:44}.member-list-modal .list-area .item[data-index="57"]{z-index:43}.member-list-modal .list-area .item[data-index="58"]{z-index:42}.member-list-modal .list-area .item[data-index="59"]{z-index:41}.member-list-modal .list-area .item[data-index="60"]{z-index:40}.member-list-modal .list-area .item[data-index="61"]{z-index:39}.member-list-modal .list-area .item[data-index="62"]{z-index:38}.member-list-modal .list-area .item[data-index="63"]{z-index:37}.member-list-modal .list-area .item[data-index="64"]{z-index:36}.member-list-modal .list-area .item[data-index="65"]{z-index:35}.member-list-modal .list-area .item[data-index="66"]{z-index:34}.member-list-modal .list-area .item[data-index="67"]{z-index:33}.member-list-modal .list-area .item[data-index="68"]{z-index:32}.member-list-modal .list-area .item[data-index="69"]{z-index:31}.member-list-modal .list-area .item[data-index="70"]{z-index:30}.member-list-modal .list-area .item[data-index="71"]{z-index:29}.member-list-modal .list-area .item[data-index="72"]{z-index:28}.member-list-modal .list-area .item[data-index="73"]{z-index:27}.member-list-modal .list-area .item[data-index="74"]{z-index:26}.member-list-modal .list-area .item[data-index="75"]{z-index:25}.member-list-modal .list-area .item[data-index="76"]{z-index:24}.member-list-modal .list-area .item[data-index="77"]{z-index:23}.member-list-modal .list-area .item[data-index="78"]{z-index:22}.member-list-modal .list-area .item[data-index="79"]{z-index:21}.member-list-modal .list-area .item[data-index="80"]{z-index:20}.member-list-modal .list-area .item[data-index="81"]{z-index:19}.member-list-modal .list-area .item[data-index="82"]{z-index:18}.member-list-modal .list-area .item[data-index="83"]{z-index:17}.member-list-modal .list-area .item[data-index="84"]{z-index:16}.member-list-modal .list-area .item[data-index="85"]{z-index:15}.member-list-modal .list-area .item[data-index="86"]{z-index:14}.member-list-modal .list-area .item[data-index="87"]{z-index:13}.member-list-modal .list-area .item[data-index="88"]{z-index:12}.member-list-modal .list-area .item[data-index="89"]{z-index:11}.member-list-modal .list-area .item[data-index="90"]{z-index:10}.member-list-modal .list-area .item[data-index="91"]{z-index:9}.member-list-modal .list-area .item[data-index="92"]{z-index:8}.member-list-modal .list-area .item[data-index="93"]{z-index:7}.member-list-modal .list-area .item[data-index="94"]{z-index:6}.member-list-modal .list-area .item[data-index="95"]{z-index:5}.member-list-modal .list-area .item[data-index="96"]{z-index:4}.member-list-modal .list-area .item[data-index="97"]{z-index:3}.member-list-modal .list-area .item[data-index="98"]{z-index:2}.member-list-modal .list-area .item[data-index="99"]{z-index:1}.member-list-modal .list-area .item[data-index="100"]{z-index:0}.member-list-modal .list-area .item .profile{border-radius:var(--old-radius-full);height:32px;width:32px}.member-list-modal .list-area .item .name{align-items:center;-moz-column-gap:4px;column-gap:4px;display:flex;flex:1;font-weight:var(--font-weight-medium)}.member-list-modal .list-area .item .name .icon{height:22px;width:22px}.member-list-modal .list-area .item .name .icon .path{fill:var(--old-color-blue-500)}.member-list-modal .list-area .item .menu-group{position:relative}.member-list-modal .list-area .item .menu-group .btn-menu{height:38px;width:38px}.member-list-modal .list-area .item .menu-group .list{background:var(--old-color-container-secondary);border:1px solid var(--old-color-border-primary-focused);box-sizing:border-box;display:none;position:absolute;right:0;top:100%;width:100px}.member-list-modal .list-area .item .menu-group .list.--active{display:block}.member-list-modal .list-area .item .menu-group .list .btn{padding:10px 0;text-align:center;width:100%}.member-list-modal .list-area .item .menu-group .list .btn.--red{color:var(--old-color-red-500)}.member-list-modal .btn-submit{width:100%}.member-list-modal .btn-submit .icon .path{fill:var(--old-color-blue-500)}.user-list-modal .box{background:var(--old-color-white);border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;height:500px;padding:20px;row-gap:16px;width:500px}.user-list-modal .top-area{align-items:center;display:flex;justify-content:space-between}.user-list-modal .top-area .title{font-family:var(--font-family-rending);font-size:16px;font-weight:var(--font-weight-medium)}.user-list-modal .top-area .title .gray{color:var(--old-color-gray-400)}.user-list-modal .top-area .btn-close{height:24px;width:24px}.user-list-modal .list-user{display:flex;flex:1;flex-direction:column;overflow-y:auto}.user-list-modal .list-user .item-user{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;padding:10px}.user-list-modal .list-user .image{border-radius:50%;height:32px;width:32px}.user-list-modal .list-user .text-area{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.user-list-modal .list-user .text-area .label{align-items:center;background:var(--old-color-blue-50);border-radius:var(--old-radius-level4);color:var(--old-color-blue-500);display:flex;font-weight:var(--font-weight-semibold);height:21px;justify-content:center;width:46px}.user-list-modal .list-user .text-area .label.--student{background:var(--old-color-yellow-100);color:var(--old-color-yellow-800)}.user-list-modal .list-user .text-area .nickname{color:var(--old-color-gray-800);font-weight:var(--font-weight-medium)}.user-list-modal .no-data{align-items:center;background:var(--old-color-background-primary1);color:var(--old-color-gray-500);display:flex;flex:1;justify-content:center}.class-profile-component{box-sizing:border-box;display:flex;flex-direction:column;padding:80px 20px;position:relative}.class-profile-component .profile-area{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;row-gap:16px}.class-profile-component .profile-area .img-area{border-radius:var(--old-radius-full);height:80px;overflow:hidden;position:relative;width:80px}.class-profile-component .profile-area .img-area .img{position:absolute}.class-profile-component .profile-area .img-area .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.class-profile-component .profile-area .img-area .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.class-profile-component .profile-area .name-area{text-align:center}.class-profile-component .profile-area .name-area .name{color:var(--old-color-gray-700);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-semibold);margin-bottom:10px}.class-profile-component .profile-area .name-area .caption{font-size:var(--old-font-size-body-m)}.class-profile-component .profile-area .btn-area{-moz-column-gap:8px;column-gap:8px;display:flex;width:100%}.class-profile-component .profile-area .btn-area .btn-component{flex:1}.class-profile-component .profile-area .btn-area .share-btn{max-width:46px}.class-profile-component .profile-area .btn-area .share-btn .path{fill:var(--old-color-blue-500)}.class-profile-component .info-area{display:flex;flex:1;flex-direction:column;row-gap:32px}.class-profile-component .info-area .row .label{font-weight:var(--font-weight-medium);margin-bottom:6px}.class-profile-component .info-area .active-list{display:flex}.class-profile-component .info-area .active-list .item{align-items:center;border-right:1px solid var(--old-color-border-primary-hover);display:flex;flex:1;flex-direction:column;font-size:var(--old-font-size-body-m);row-gap:6px}.class-profile-component .info-area .active-list .item:last-child{border-right:0}.class-profile-component .info-area .active-list .item.--pointer{cursor:pointer}.class-profile-component .info-area .active-list .item .number{font-weight:var(--font-weight-semibold)}.class-profile-component .info-area .tag-list{display:flex;flex-wrap:wrap;gap:6px}.class-profile-component .info-area .tag-list .tag{background:var(--old-color-background-primary2);border-radius:var(--old-radius-full);font-size:var(--old-font-size-body-m);padding:4px 10px}.class-profile-component .info-area .intro{color:var(--old-color-gray-600);font-size:var(--old-font-size-body-m);word-break:break-all}.class-profile-component .info-area .url .link{background:var(--old-color-background-primary2);border-radius:var(--old-radius-level4);color:var(--old-color-gray-600);font-size:var(--old-font-size-caption);text-decoration:underline;word-break:break-all}.class-profile-component .team-class-list{position:relative}.class-profile-component .team-class-list .btn{width:100%}.class-profile-component .team-class-list .class-list{border:1px solid var(--old-color-border-primary-focused);bottom:100%;display:none;height:210px;left:0;overflow-y:auto;position:absolute;right:0}.class-profile-component .team-class-list .class-list.--active{display:block}.class-profile-component .team-class-list .class-list .link{align-items:center;border-bottom:1px solid var(--old-color-border-primary-focused);-moz-column-gap:10px;column-gap:10px;display:flex;padding:10px 5px}.class-profile-component .team-class-list .class-list .link:hover{background:var(--old-color-blue-50)}.class-profile-component .team-class-list .class-list .link .text-area{align-items:center;color:var(--old-color-gray-800);-moz-column-gap:4px;column-gap:4px;display:flex;flex:1;font-size:var(--old-font-size-body-m)}.class-profile-component .team-class-list .class-list .link .text-area .icon{height:22px;width:22px}.class-profile-component .team-class-list .class-list .link .text-area .icon.--owner .path{fill:var(--old-color-blue-500)}.class-profile-component .team-class-list .class-list .link .text-area .icon .path{fill:var(--old-color-gray-150)}.class-profile-component .team-class-list .class-list .link .text-area .kind{font-weight:var(--font-weight-semibold)}.class-profile-component .team-class-list .class-list .link .arrow-icon{height:22px;width:22px}.class-profile-component .team-class-list .class-list .link .arrow-icon .path{fill:var(--old-color-gray-580)}.team-class-profile-modal .box{background:var(--old-color-white);border-radius:var(--old-radius-level4);display:flex;flex-direction:column;padding:20px;row-gap:20px;width:800px}.team-class-profile-modal .box .title-area{align-items:center;display:flex;justify-content:space-between}.team-class-profile-modal .box .title-area .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-l);font-weight:var(--font-weight-medium)}.team-class-profile-modal .box .title-area .close-btn{height:20px;width:20px}.team-class-profile-modal .box .content-area{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;height:203px}.team-class-profile-modal .box .content-area .item{display:flex;flex-direction:column;row-gap:10px}.team-class-profile-modal .box .content-area .item.--img{height:100%;width:234px}.team-class-profile-modal .box .content-area .item.--intro{flex:1;width:calc(100% - 254px)}.team-class-profile-modal .box .content-area .item.--url{height:63px;width:calc(100% - 254px)}.team-class-profile-modal .box .content-area .item .label{font-size:var(--old-font-size-body-m)}.team-class-profile-modal .box .content-area .item .textarea{height:100%}.team-class-profile-modal .box .content-area .item .upload-img{align-items:center;background:var(--old-color-container-secondary);border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);color:var(--old-color-gray-400);cursor:pointer;display:flex;flex-direction:column;font-weight:var(--font-weight-medium);height:100%;justify-content:center;row-gap:4px}.team-class-profile-modal .box .content-area .item .upload-img .icon{height:24px;width:24px}.team-class-profile-modal .box .content-area .item .upload-img .icon .path{fill:var(--old-color-gray-400)}.team-class-profile-modal .box .content-area .item .privew-img{border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);height:100%;overflow:hidden;position:relative}.team-class-profile-modal .box .content-area .item .privew-img .img{position:absolute}.team-class-profile-modal .box .content-area .item .privew-img .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.team-class-profile-modal .box .content-area .item .privew-img .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.team-class-profile-modal .box .btn-area .btn{width:100%}@media (max-width:1200px){.class-profile-component{padding:16px 0}.class-profile-component .profile-area{-moz-column-gap:10px;column-gap:10px;flex-direction:row;flex-wrap:wrap;margin-bottom:0;row-gap:0}.class-profile-component .profile-area .title-area{align-items:center;display:flex;flex:1;justify-content:space-between;margin-bottom:10px;min-width:100%}.class-profile-component .profile-area .title-area .name{font-weight:var(--font-weight-medium)}.class-profile-component .profile-area .title-area .toggle-btn{color:var(--old-color-gray-400);font-size:var(--old-font-size-overline)}.class-profile-component .profile-area .img-area{height:46px;width:46px}.class-profile-component .profile-area .name-area{text-align:left}.class-profile-component .profile-area .name-area .name{font-size:var(--old-font-size-body-m);margin-bottom:6px}.class-profile-component .profile-area .name-area .caption{font-size:var(--old-font-size-caption)}.class-profile-component .profile-area .btn-area{-moz-column-gap:6px;column-gap:6px;margin-top:14px}.class-profile-component .profile-area .btn-area .btn-component{flex:1}.class-profile-component .profile-area .btn-area .share-btn{max-width:34px}.class-profile-component .info-area{display:none;padding:10px 0 20px;row-gap:20px}.class-profile-component .info-area.--active{display:flex}.class-profile-component .info-area .row .label{margin-bottom:4px}.class-profile-component .info-area .active-list{display:flex}.class-profile-component .info-area .active-list .item{font-size:var(--old-font-size-overline);padding:1px 0 5px}.class-profile-component .info-area .intro,.class-profile-component .info-area .tag-list .tag{font-size:var(--old-font-size-overline)}.team-class-profile-modal .box{width:100%}.team-class-profile-modal .box .content-area{height:auto}.team-class-profile-modal .box .content-area .item.--img{height:200px;width:100%}.team-class-profile-modal .box .content-area .item.--intro{width:100%}.team-class-profile-modal .box .content-area .item.--url{height:auto;width:100%}.team-class-profile-modal .box .content-area .item .textarea{height:90px}}