.view-public-assignment{padding:16px 24px;position:relative;overflow:hidden}.view-public-assignment__close.ant-btn.ant-btn-text.button{width:28px;height:28px;color:var(--icon,#b5cac5);margin-left:auto;padding:0;font-size:20px}.view-public-assignment__header{gap:32px;margin-top:16px;display:flex}.view-public-assignment__image{aspect-ratio:420/294;border-radius:6px;width:100%;max-width:420px;position:relative;overflow:hidden}.view-public-assignment__image img{object-fit:cover}.view-public-assignment__metadata{width:100%}.view-public-assignment__title{color:var(--content1,#0d121c);font-size:24px;font-weight:600;line-height:120%}.view-public-assignment__list{margin-top:16px}.view-public-assignment__list-item{border-top:1px solid var(--Border-borderSecondary,#e2dfd9);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.view-public-assignment__list-item:first-child{border-top:0}.view-public-assignment__list-item-title{color:var(--content1,#0d121c);align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:120%;display:flex}.view-public-assignment__list-item-title>i.humy-icon{color:var(--content3,#697586);font-size:18px}.view-public-assignment__list-item-value{color:var(--content1,#0d121c);font-size:14px;font-weight:400;line-height:150%}.view-public-assignment__tabs{padding-bottom:55px}.view-public-assignment__tab-state.public-detail-state{min-height:345px}.view-public-assignment__tab{min-height:345px;max-height:345px;padding-bottom:16px;line-height:150%;overflow-y:auto}.view-public-assignment__tab html,.view-public-assignment__tab body,.view-public-assignment__tab div,.view-public-assignment__tab span,.view-public-assignment__tab applet,.view-public-assignment__tab object,.view-public-assignment__tab iframe,.view-public-assignment__tab h1,.view-public-assignment__tab h2,.view-public-assignment__tab h3,.view-public-assignment__tab h4,.view-public-assignment__tab h5,.view-public-assignment__tab h6,.view-public-assignment__tab p,.view-public-assignment__tab blockquote,.view-public-assignment__tab pre,.view-public-assignment__tab a,.view-public-assignment__tab abbr,.view-public-assignment__tab acronym,.view-public-assignment__tab address,.view-public-assignment__tab big,.view-public-assignment__tab cite,.view-public-assignment__tab code,.view-public-assignment__tab del,.view-public-assignment__tab dfn,.view-public-assignment__tab em,.view-public-assignment__tab img,.view-public-assignment__tab ins,.view-public-assignment__tab kbd,.view-public-assignment__tab q,.view-public-assignment__tab s,.view-public-assignment__tab samp,.view-public-assignment__tab small,.view-public-assignment__tab strike,.view-public-assignment__tab strong,.view-public-assignment__tab sub,.view-public-assignment__tab sup,.view-public-assignment__tab tt,.view-public-assignment__tab var,.view-public-assignment__tab b,.view-public-assignment__tab u,.view-public-assignment__tab i,.view-public-assignment__tab center,.view-public-assignment__tab dl,.view-public-assignment__tab dt,.view-public-assignment__tab dd,.view-public-assignment__tab ol,.view-public-assignment__tab ul,.view-public-assignment__tab li,.view-public-assignment__tab fieldset,.view-public-assignment__tab form,.view-public-assignment__tab label,.view-public-assignment__tab legend,.view-public-assignment__tab table,.view-public-assignment__tab caption,.view-public-assignment__tab tbody,.view-public-assignment__tab tfoot,.view-public-assignment__tab thead,.view-public-assignment__tab tr,.view-public-assignment__tab th,.view-public-assignment__tab td,.view-public-assignment__tab article,.view-public-assignment__tab aside,.view-public-assignment__tab canvas,.view-public-assignment__tab details,.view-public-assignment__tab embed,.view-public-assignment__tab figure,.view-public-assignment__tab figcaption,.view-public-assignment__tab footer,.view-public-assignment__tab header,.view-public-assignment__tab hgroup,.view-public-assignment__tab menu,.view-public-assignment__tab nav,.view-public-assignment__tab output,.view-public-assignment__tab ruby,.view-public-assignment__tab section,.view-public-assignment__tab summary,.view-public-assignment__tab time,.view-public-assignment__tab mark,.view-public-assignment__tab audio,.view-public-assignment__tab video{margin:4px 0;line-height:150%}.view-public-assignment__footer{border-top:1px solid var(--borderSecondary,#e2dfd9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;display:flex;position:absolute;bottom:0;left:0}.view-public-assignment__footer-controls{align-items:center;gap:12px;display:flex}
.public-assignments__filters{justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.public-assignments__grid{grid-template-columns:repeat(auto-fill,minmax(351px,1fr));gap:24px;margin-top:12px;display:grid}.public-assignments__view-assignment.ant-modal-wrap.ant-modal-centered>.ant-modal .ant-modal-content{background-color:#0000;background:var(--Background-backgroundPrimary,#fff);border-radius:12px;padding:0;overflow:hidden;box-shadow:0 2px 6px #00000026,0 0 0 6px #0000001a}.public-assignments__levels{margin:16px 0}
.assignments{height:100%}.assignments__content{min-height:calc(100% - 89px);padding:var(--spacingM,16px) var(--spacing2XL,54px) var(--spacing3XL,80px) var(--spacing2XL,54px)}@media screen and (max-width:1280px){.assignments__content{padding:var(--spacingM,16px) var(--spacingM,16px) var(--spacing3XL,80px) var(--spacingM,16px)}}@media screen and (max-width:460px){.assignments__content{padding:0}}.assignments__visibility{text-transform:capitalize;padding:var(--spacingXSS,4px) var(--spacingXS,8px);border-radius:100px;width:fit-content;font-weight:600}.assignments__visibility_completed{color:var(--brandPrimary,#01a07a);background-color:var(--brandTeritary,#e7fff3)}.assignments__visibility_active{color:#ce9018;background-color:#f6eedd}.assignments__visibility_unassigned{color:var(--contentSecondary,#4b5565);background-color:var(--backgroundSecondary,#f4f3ef)}.assignments__type{text-transform:capitalize}.assignments__table-row{cursor:pointer}