.status_box{display: grid; grid-template-columns: 1fr 75px; grid-gap: 15px; border-radius: 10px; border: 1px solid var(--bg_line);}
.status_box > div{width: 100%; position: relative;}
.status_box .sbContent{padding: 10px 0px 7px 15px;}
.status_box:not(.active) .sbContent textarea{height: 35px; max-height: 35px; min-height: 35px; overflow: hidden;}
.status_box .sbContent .scPlaceholder{position: absolute; top: 16px; left: 28px; color: var(--text_silver);}
.status_box .sb2{display: none; padding: 0px 15px; box-sizing: border-box;}
.status_box .sb2 .stsAttachShow{width: 100%; display: grid;}
.status_box .sb2 .stsAttachShow > div{height: 85px; white-space: nowrap; margin-bottom: 5px; width: 100%; overflow: auto;}
.status_box .sb2 .stsAttachShow > div > div{display: inline-block; border-radius: 5px;}
.status_box .sb2 .stsAttachShow > div > div:not(:last-child){margin-right: 10px;}
.status_box .sb2 .stsAttachShow .sasImage{width: 70px; height: 70px; background-color: var(--bg_silvercalm); position: relative; background-size: cover;}
.status_box .sb2 .stsAttachShow .sasImage:hover > div{opacity: 1;}
.status_box .sb2 .stsAttachShow .sasWork{padding: 5px 10px; border: 1px solid var(--bg_line); width: 200px;}
.status_box .sb2 .stsAttachShow .sasWork > div{display: grid; grid-template-columns: 40px 1fr; grid-gap: 10px;}
.status_box .sb2 .stsAttachShow .sasWork > div > div{width: 100%;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:first-child > div{padding-bottom: 150%; border-radius: 3px; background-color: var(--bg_silvercalm);}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div{display: grid;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div:first-child{font-weight: bold;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div:nth-child(2){color: var(--text_silver); font-size: 11px;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div > div{width: 100%;}
.status_box .sb2 .stsAttachShow .sasClose{width: 20px; height: 20px; cursor: pointer; transition: var(--transition); position: absolute; top: 5px; right: 5px; background: var(--bg_black); border-radius: 50%; box-shadow: 0px 0px 5px var(--shadow);}
.status_box .sb2 .stsAttachShow .sasClose > div{position: relative; margin-top: 5px; width: 10px; height: 10px;}
.status_box .sb2 .stsAttach{width: 100%; white-space: nowrap;}
.status_box .sb2 .stsAttach > span > div{display: inline-block; margin-bottom: 7px; cursor: pointer; padding: 5px 10px; color: var(--text_silver); border-radius: 3px; border: 1px solid var(--bg_line);}
.status_box .sb2 .stsAttach > span:not(:last-child) > div{margin-right: 10px;}
.status_box .sb2 .stsAttach > span > div.active{background: var(--bg_bluecalm);}
.status_box:not(.active) .sbAct{position: absolute; width: 60px; bottom: 20px; right: 15px;}
.status_box .sbAct .saOpt{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.status_box .sbAct .saOpt > div{width: 100%; cursor: pointer; display: grid; grid-template-columns: 20px; grid-gap: 10px; align-items: center;}
.status_box .sbAct .saOpt > div > div{width: 100%;}
.status_box .sbAct .saOpt > div > div:first-child > div{width: 20px; height: 20px;}
.status_box .sbAct .saOpt > div > div:nth-child(2){display: none;}
.status_box .sbKwik{display: none;}
.status_box.active{grid-template-columns: 1fr; grid-gap: 0px;}
.status_box.active .sb2{display: block;}
.status_box.active .sb3{white-space: nowrap; padding: 0px 15px 10px 15px; height: 46px; box-sizing: border-box;}
.status_box.active .sb3 > div{display: inline-block; vertical-align: middle;}
.status_box.active .sbContent{padding: 10px 15px 7px 15px;}
.status_box.active .sbContent textarea{min-height: 60px;}
.status_box.active .sbAct .saOpt > div{height: 36px; grid-template-columns: 20px 1fr;}
.status_box.active .sbAct .saOpt > div > div:nth-child(2){display: block;}
.status_box.active .sbKwik{float: right; display: inline-block;}

.status_search_work{min-height: 250px; padding: 15px;}

/*********************************STATUS CARD******************************/

.status_video > div{height: 286px; position: relative;}
.status_video > div > div:first-child{width: 50px; height: 50px; position: absolute; top: 20px; left: 20px; border-radius: 50%;}
.status_video > div > div:first-child > div{width: 20px; height: 20px; margin-top: 14px; margin-left: 17px;}
.status_video:hover > div > div:first-child{box-shadow: 0px 0px 0px 5px white;}
.status_video > div > div:last-child{background-image: linear-gradient(to bottom, transparent, var(--bg_black)); position: absolute; bottom: 0px; left: 0px; width: 100%;}
.status_video > div > div:last-child > div{padding: 50px 20px 20px 20px;}
.status_photo{height: 510px;}

.status_article > div:first-child{height: 300px; position: relative;}
.status_article > div:first-child > div{position: absolute; bottom: 0px; left: 0px; width: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.80), transparent);}
.status_article > div:first-child > div > div{padding: 70px 20px 20px 20px; line-height: 33px; font-size: 17px; font-weight: bold; color: var(--text_white);}
.status_article > div:last-child{padding: 20px 20px 21px 20px; color: #8e8e8e;}

.status_listicle > div:first-child{background-color: var(--bg_silvercalm); height: 200px; position: relative;}
.status_listicle > div:first-child > div{bottom: 20px; right: 20px; padding: 5px 15px 4px 15px; height: 20px; background: rgba(0, 0, 0, 0.25); color: var(--text_white); position: absolute; border-radius: 5px;}
.status_listicle > div:first-child > div > div{width: 17px; height: 17px; margin-right: 10px; float: left;}
.status_listicle > div:last-child{padding: 15px 20px 0px 20px; color: var(--text_black);}

.status_work{margin: 10px; padding: 10px; border: 1px solid var(--bg_line); border-radius: 5px; background: var(--bg_silvercalm);}
.status_work .swBody{display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px;}
.status_work .swBody > div{width: 100%;}
.status_work .swBody > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silver);}
.status_work .swBody > div:nth-child(2) > div:first-child > span{font-size: 9px; color: var(--text_white); padding: 2px 5px; border-radius: 3px;}
.status_work .swBody > div:nth-child(2) > div:nth-child(2){margin-top: 3px; font-size: 15px; font-weight: bold;}
.status_work .swBody > div:nth-child(2) > div:nth-child(3){font-size: 11px; color: var(--text_silver);}

.status_poetry{padding: 15px 20px 17px 20px;}
.status_poetry > div:first-child{font-size: 20px; font-weight: bold;}
.status_poetry > div:nth-child(2){margin-top: 10px; font-family: 'novel';}

.status_slider{height: 400px; background: var(--bg_black); position: relative;}
.status_slider > div:first-child{display: table; table-layout: fixed; width: 100%;}
.status_slider > div:first-child > div{height: 400px; text-align: center; display: table-cell; vertical-align: middle; width: 545px;}
.status_slider > div:first-child > div > img{max-width: 100%; max-height: 100%; display: none;}
.status_slider > div:first-child > div > img.show{display: block;}
.status_slider > div:nth-child(2){width: 100%; height: 100%; position: absolute; top: 0px; z-index: 5;}
.status_slider > div:nth-child(2) > div{width: 100%; height: 40px; position: absolute; top: 180px;}
.status_slider > div:nth-child(2) > div > div{width: 40px; height: 40px; background: var(--bg_white); border-radius: 50%; opacity: 0; cursor: pointer; position: absolute;}
.status_slider:hover > div:nth-child(2) > div > div:not(:nth-child(2)){opacity: 1;}
.status_slider:hover > div:nth-child(2) > div > div:nth-child(2){opacity: 0.2;}
.status_slider:hover > div:nth-child(2) > div > div.disabled{opacity: 0.2;}
.status_slider > div:nth-child(2) > div > div:hover{box-shadow: 0px 0px 0px 3px var(--bg_blue);}
.status_slider > div:nth-child(2) > div > div:first-child{left: 25px;}
.status_slider > div:nth-child(2) > div > div:nth-child(2){left: 0px; right: 0px;}
.status_slider > div:nth-child(2) > div > div:nth-child(2):hover{opacity: 1;}
.status_slider > div:nth-child(2) > div > div:last-child{right: 25px;}
.status_slider > div:nth-child(2) > div > div > div{width: 20px; height: 20px; position: relative; top: 9px;}
.status_slider > div:nth-child(3){position: absolute; top: 15px; right: 15px; background: var(--bg_blue); color: var(--text_white); padding: 5px 10px; font-size: 11px; border-radius: 4px;}