.wk_template{display: grid; grid-template-columns: 1fr 330px; grid-gap: 25px; margin-top: 20px;}
.wk_template > div{width: 100%;}
.wk_template .wtTab > div:not(.active){display: none;}
.wk_template .wtFilm{margin-bottom: 25px; border: 1px solid var(--bg_silver); border-radius: 5px; padding: 13px 15px 17px 15px; box-sizing: border-box;}
.wk_template .wtFilm > div:first-child{color: var(--text_silver); margin-bottom: 5px;}
.wk_template .wtFilm > div:nth-child(2){display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px; align-items: center;}
.wk_template .wtFilm > div:nth-child(2) > div{width: 100%;}
.wk_template .wtFilm > div:nth-child(2) > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.wk_template .wtFilm > div:nth-child(2) > div:nth-child(2) > div:first-child{margin-bottom: 3px;}
.wk_template .wtInfo{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-bottom: 25px;}
.wk_template .wtInfo > div{width: 100%; text-align: center; border: 1px solid var(--bg_silver); border-radius: 5px;}
.wk_template .wtInfo > div > div:first-child{color: var(--text_silver); padding: 10px 0px 5px 0px;}
.wk_template .wtInfo > div > div:nth-child(2){font-family: 'bold'; font-size: 17px; padding: 5px 0px 15px 0px;}
.wk_template .wtLinkExternal{margin-bottom: 25px;}
.wk_template .wtLinkExternal > a > div{padding: 7px 10px; border: 1px solid var(--bg_line); border-radius: 5px; display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; box-sizing: border-box; align-items: center;}
.wk_template .wtLinkExternal > a:not(:last-child) > div{margin-bottom: 7px;}
.wk_template .wtLinkExternal > a > div > div{width: 100%;}
.wk_template .wtLinkExternal > a > div > div:first-child > div{width: 15px; height: 15px;}
.wk_template .wtAuthor{margin-bottom: 35px;}
.wk_template .wtAuthor > div:not(:last-child){margin-bottom: 10px;}
.wk_template .wtAuthor > div > div:first-child{color: var(--text_silver);}
.wk_template .wtAuthor > div > div:nth-child(2){font-family: 'bold'; font-size: 15px;}
.wk_template .wtAbout{}
.wk_template .wtAbout .wtaHead{display: grid; grid-template-columns: 1fr 100px; grid-gap: 25px;}
.wk_template .wtAbout .wtaHead > div{width: 100%;}
.wk_template .wtAbout .wtaHead > div:first-child > div{margin-top: 6px; color: var(--text_silver); letter-spacing: 5px;}
.wk_template .wtAbout .wtaHead > div button{width: 100%;}
.wk_template .wtAbout .wtaUser{display: table; table-layout: fixed; width: 100%; margin: 10px 0px 15px 0px;}
.wk_template .wtAbout .wtaUser > div{display: table-cell; vertical-align: middle;}
.wk_template .wtAbout .wtaUser > div:first-child{width: 35px;}
.wk_template .wtAbout .wtaUser > div:first-child > div{height: 35px; border-radius: 50%; background-color: var(--bg_silver);}
.wk_template .wtAbout .wtaUser > div:nth-child(2){padding-left: 15px; font-family: 'bold';}
.wk_template .wtAbout .wtaInfo{padding: 15px 0px 15px 20px; border-left: 2px solid var(--bg_silvercalm); color: var(--text_silver);}
.wk_template .wtAbout .wtaOther{margin-top: 20px;}
.wk_template .wtAbout .wtaOther > div:not(:last-child){margin-bottom: 10px;}
.wk_template .wtAbout .wtaOther b{text-decoration: underline;}
.wk_template .wtAbout .wtaBtn{margin-top: 20px;}
.wk_template .wtAbout .wtaBtn div{padding: 10px 0px 12px 0px; border-radius: 5px;; text-align: center; background: var(--bg_silvercalm);}
.wk_template .ntAwards{margin-top: 30px;}
.wk_template .ntAwards > div:first-child{color: var(--text_silver); font-family: 'bold'; font-size: 17px;}
.wk_template .ntAwards .ntaList{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; margin-top: 15px;}
.wk_template .ntAwards .ntaList > div{width: 100%;}
.wk_template .ntAwards .ntaList > div > div{padding-bottom: 100%;}

.wk_banner{background-color: var(--bg_silvercalm); padding-top: 50px; position: relative;}
.wk_banner:before{content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.65); position: absolute;}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .wk_banner:before{background: rgba(255, 255, 255, 0.40); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
}

.wk_banner .wbContent{min-height: 350px; display: grid; grid-template-columns: 200px 1fr; grid-gap: 45px; position: relative; z-index: 1;}
.wk_banner .wbContent > div{width: 100%; position: relative;}
.wk_banner .wbContent > div:first-child > div:first-child{padding-bottom: 150%; background-color: var(--bg_silver); border-radius: 10px;}
.wk_banner .wbContent > div:first-child .wbcInfo{position: absolute; top: 10px; left: 13px;}
.wk_banner .wbContent > div:first-child .wbcInfo > span{padding: 3px 5px; font-size: 11px; color: var(--text_white); border-radius: 3px;}
.wk_banner .wbContent > div:first-child .wbcInfo > span:not(:last-child){margin-right: 5px;}
.wk_banner .wbContent > div:first-child .wbcInfo > span.novel{background: var(--bg_novel);}
.wk_banner .wbContent > div:first-child .wbcInfo > span.comic{background: var(--bg_comic);}
.wk_banner .wbContent > div:first-child .wbcInfo > span.premium{background: var(--bg_blue);}
.wk_banner .wbContent > div:nth-child(2){padding-top: 45px;}
.wk_banner .wbContent .wbcInfo{font-size: 15px; text-transform: uppercase;}
.wk_banner .wbContent .wbcInfo .wbciGenre > a{font-family: 'bold';}
.wk_banner .wbContent .wbcInfo .wbciStatus{padding: 2px 10px; border-radius: 10px; background: var(--bg_green); color: var(--text_white); font-size: 11px; position: relative; top: -1px; margin-left: 10px;}
.wk_banner .wbContent .wbcTitle{font-size: 40px; font-family: 'novel'; font-weight: bold; padding: 15px 0px;}
.wk_banner .wbContent .wbcWriter{}
.wk_banner .wbContent .wbcOptions{margin-top: 15px; white-space: nowrap;}
.wk_banner .wbContent .wbcOptions > div{display: inline-block; border-radius: 5px; color: var(--text_white); vertical-align: top;}
.wk_banner .wbContent .wbcOptions > div:not(:last-child){margin-right: 15px;}
.wk_banner .wbBtnRead{padding: 15px 20px 17px 15px; background: var(--bg_blue); font-family: 'bold'; font-size: 15px;}
.wk_banner .wbBtnRead > div{display: grid; grid-template-columns: 20px 1fr; grid-gap: 15px;}
.wk_banner .wbBtnRead > div > div{width: 100%;}
.wk_banner .wbBtnRead > div > div:first-child > div{width: 20px; height: 20px; margin-top: 2px;}
.wk_banner .wbBtnBuy{background: var(--bg_orange); cursor: pointer; position: relative; padding: 7px 15px 8px 15px; min-width: 150px;}
.wk_banner .wbBtnBuy > div:first-child{font-family: 'bold'; font-size: 15px;}
.wk_banner .wbBtnBuy > div:nth-child(2){font-size: 11px;}
.wk_banner .wbInfo{white-space: nowrap; width: 100%; margin-top: 15px;}
.wk_banner .wbInfo > div{display: inline-block; background: var(--bg_white); padding: 5px 15px; border: 1px solid var(--bg_green); border-radius: 100px;}
.wk_banner .wbInfo > div:not(:last-child){margin-right: 15px;}
.wk_banner .wbInfo > div > div{display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; align-items: center;}
.wk_banner .wbInfo > div > div > div{width: 100%; color: var(--text_silver); font-size: 11px;}
.wk_banner .wbInfo > div > div > div:first-child > div{width: 15px; height: 15px;}

.wk_type_locked{padding: 25px 0px 85px 25px; text-align: center;}
.wk_type_locked > div:first-child > div{width: 65px; height: 65px;}
.wk_type_locked > div:nth-child(2){margin-top: 25px;}
.wk_type_locked > div:nth-child(2) > div:first-child{font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.wk_type_locked > div:nth-child(2) > div:nth-child(2){font-size: 15px; width: 500px;}

.wk_options{height: 65px; border-bottom: 1px solid var(--bg_silvercalm);}
.wk_options .woMenu{white-space: nowrap; font-size: 0px;}
.wk_options .woMenu > a > div{display: inline-block; padding: 20px 20px 20px 0px; position: relative; font-weight: bold; font-size: 17px; color: var(--text_black);}
.wk_options .woMenu > a:not(:last-child) > div{margin-right: 20px;}
.wk_options .woMenu > a > div:before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 3px; opacity: 0; transition: var(--transition);}
.wk_options .woMenu > a:hover > div:before{opacity: 1; background: var(--bg_silver);}
.wk_options .woMenu > a.active > div:before{opacity: 1; background: var(--bg_blue);}
.wk_options .woMenu .womCount{padding: 3px 5px; background: var(--bg_blue); color: var(--text_white); font-size: 9px; font-family: 'regular'; border-radius: 3px; position: relative; top: -3px; margin-left: 3px;}
.wk_options .woMenu .womIcon{width: 20px; height: 20px; position: relative; top: 3px; margin-right: 15px; float: left;}

.wkOpt{white-space: nowrap; width: 100%;}
.wkOpt > div{display: inline-block; cursor: pointer;}
.wkOpt > div:hover{color: var(--text_blue);}
.wkOpt > div:not(:last-child){margin-right: 25px;}
.wkOpt > div > div{display: table; table-layout: fixed; padding: 5px 0px;}
.wkOpt > div > div > div{display: table-cell; vertical-align: middle;}
.wkOpt > div > div > div:first-child{width: 25px;}
.wkOpt > div > div > div:first-child > div{height: 25px;}
.wkOpt > div > div > div:nth-child(2){padding-left: 15px; font-family: 'bold';}

.wkInputComment{display: grid; grid-template-columns: 1fr 95px; align-items: end; grid-gap: 15px;}
.wkInputComment > div{width: 100%;}
.wkInputComment > div:first-child textarea{min-height: 38px; font-size: 13px;}
.wkInputComment > div:nth-child(2){padding-bottom: 6px;}
.wkInputComment > div:nth-child(2) button{width: 100%;}

.work_filmfromkwikku{padding: 9px 15px 9px 15px; border: 2px solid var(--bg_purple); color: var(--text_silver); box-sizing: border-box; border-radius: 5px; display: grid; grid-template-columns: 17px 1fr; grid-gap: 15px; align-items: center;}
.work_filmfromkwikku.production{border: 2px solid var(--bg_green);}
.work_filmfromkwikku > div{width: 100%;}
.work_filmfromkwikku > div:first-child{width: 17px;}
.work_filmfromkwikku > div:first-child > div{height: 17px;}
.work_filmfromkwikku > div:nth-child(2){font-weight: bold;}

.wt_suggest{border-top: 1px solid var(--bg_line); margin-top: 15px; padding-top: 15px}
.wt_suggest > div:not(:last-child){margin-bottom: 20px;}