.avatar{backface-visibility:hidden;border:.1rem solid var(--frame-border-color);cursor:pointer;transition:filter var(--transition-element);-webkit-user-select:none;user-select:none;z-index:1;justify-content:center;align-items:center;padding:1.5rem;display:grid;position:relative}.avatar__link{cursor:pointer;z-index:1;position:absolute;inset:0}.avatar__canvas{filter:hue-rotate(var(--data-image-color));grid-area:1/1/-1/-1;width:16.4rem;height:14.8rem}@media (hover:hover){.avatar:hover{filter:brightness(1.1)}}
.aside-left{flex-direction:column;grid-area:2/1/3/2;gap:2.2rem 0;display:flex}.aside-left__element{flex-direction:column;gap:.5rem 0;display:flex}.aside-left__title{letter-spacing:.15rem;font-family:Iceland;font-size:1.4rem;font-weight:400;line-height:1.358rem}.aside-left__text{letter-spacing:.15rem;color:var(--main-color);font-family:Big-Shoulders;font-size:1.8rem;font-weight:700;line-height:2.15rem}.aside-left__availability,.aside-left__social{letter-spacing:.15rem;background-color:var(--main-darklight-color);color:var(--main-background-color);cursor:pointer;text-align:left;text-transform:uppercase;transition:background-color var(--transition-element),box-shadow var(--transition-element),filter var(--transition-element),text-shadow var(--transition-element);border:none;padding:.4rem .668rem;font-family:Big-Shoulders;font-size:1.8rem;font-weight:700;line-height:normal;position:relative;overflow:hidden}.aside-left__social{border:.1rem solid var(--main-color);color:var(--main-color);background-color:#0000}.aside-left__link-corporation{backface-visibility:hidden;transition:filter var(--transition-element);z-index:1;position:relative}.motto{margin-top:auto}.motto__title{letter-spacing:.15rem;color:var(--main-color);font-family:Iceland;font-size:1.8rem;font-weight:400;line-height:normal}.motto__text{letter-spacing:.12rem;color:var(--stone-grey);font-family:Iceland;font-size:1.6rem;font-weight:400;line-height:normal}@media (hover:hover){.aside-left__social:hover{box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}.aside-left__social:hover svg path{filter:drop-shadow(var(--box-shadow))}.aside-left__link-corporation:hover{filter:brightness(1.1)}.aside-left__availability:hover{background-color:var(--main-color)}}@media (max-width:1200px){.aside-left{grid-area:3/1/4/-1;grid-template-rows:auto auto;grid-template-columns:max-content max-content 1fr 1fr;gap:0 3.2rem;display:grid}.aside-left__element{justify-content:end}.aside-left__availability{padding:.3rem .5rem .15rem}.aside-left__element:nth-child(3){grid-area:2/2/3/3;margin-bottom:2.32rem}.aside-left__element:nth-child(4){grid-area:1/3/2/4}.aside-left__element:nth-child(5){grid-area:2/3/3/4;margin-bottom:2.32rem}.aside-left__element:nth-child(6){grid-area:2/4/3/5;margin-bottom:2.32rem}.avatar{grid-row:1/-1}.motto{display:none}}@media (max-width:1050px){.aside-left{column-gap:2.4rem}}@media (max-width:978px){.aside-left{column-gap:1.6rem}.aside-left__element{justify-content:end}.aside-left__availability{padding:.3rem .5rem .15rem}.aside-left__element:nth-child(3),.aside-left__element:nth-child(5),.aside-left__element:nth-child(6){margin-bottom:2.64rem}}@media (max-width:768px){.avatar{display:none}.aside-left{grid-template-rows:repeat(4,max-content);grid-template-columns:1fr 1fr;gap:1rem 0;margin-bottom:16rem;display:grid}.aside-left__element{justify-content:start}.aside-left__element:first-child{grid-area:1/1/2/2}.aside-left__element:nth-child(2){grid-area:1/2/2/3}.aside-left__element:nth-child(3){grid-area:2/1/3/2;margin-bottom:0}.aside-left__element:nth-child(4){grid-area:3/1/4/-1;margin-bottom:0}.aside-left__element:nth-child(5){grid-area:5/1/6/-1;margin-top:-.15rem;margin-bottom:0}}
.quest{border-left:.2rem solid var(--main-darklight-color);flex-direction:column;grid-area:2/3/3/4;gap:1.5rem 0;display:flex}.quest__active-title{letter-spacing:.15rem;background-color:var(--main-darklight-color);padding:.4rem 1rem .2rem;font-family:Big-Shoulders;font-size:1.8rem;font-weight:700;line-height:normal;position:relative;overflow:hidden}.quest__active-text{background-color:var(--main-dark-color);color:var(--dark-grey);padding:.8rem 1rem;font-size:1.4rem;line-height:1.4rem;display:block}.quest__title{letter-spacing:.1rem;margin-bottom:.5rem;padding-left:.8rem;font-size:1.4rem;line-height:1.4rem}.quest__name-text{letter-spacing:.15rem;color:var(--main-color);padding-left:.8rem;font-family:Big-Shoulders;font-size:1.8rem;font-weight:700;line-height:normal}.quest__goal-text{color:var(--dark-grey);padding-left:.8rem;font-size:1.4rem;line-height:1.4rem;display:block}@media (max-width:1200px){.quest{display:none}}
.settings{flex-direction:column;gap:.5rem 0;margin-top:auto;padding-left:.2rem;display:flex}.settings__audio,.settings__visual{letter-spacing:.15rem;color:var(--main-color);cursor:pointer;text-transform:uppercase;transition:border-color var(--transition-element),box-shadow var(--transition-element),text-shadow var(--transition-element),filter var(--transition-element),opacity var(--transition-element);background-color:#0000;border:none;outline:none;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 .2rem .96rem;font-family:Big-Shoulders;font-size:1.8rem;font-weight:700;line-height:normal;display:flex}:is(.settings__audio:has(.settings__checkbox-deactive),.settings__visual:has(.settings__checkbox-deactive)){opacity:.5}.settings__visual{border:.1rem solid var(--dark-border);outline:none;padding-top:.5rem;padding-right:.5rem}.settings__visual svg path{fill:var(--main-color);transition:filter var(--transition-element)}.settings__checkbox{border:.1rem solid var(--main-color);width:3.3rem;height:3.3rem;position:relative}.settings__checkbox:before,.settings__checkbox:after{background-color:var(--main-color);content:"";height:.3rem;transition:box-shadow var(--transition-element),transform var(--transition-element),top var(--transition-element),right var(--transition-element),width var(--transition-element);position:absolute;top:44.2%}.settings__checkbox:before{width:.9rem;top:55%;right:1.5rem;transform:rotate(45deg)}.settings__checkbox:after{width:1.5rem;right:.5rem;transform:rotate(-46deg)}.settings__checkbox-deactive:before{width:2.2rem;top:45%;right:.4rem;transform:rotate(45deg)}.settings__checkbox-deactive:after{width:2.2rem;right:.4rem;transform:rotate(-45deg)}@media (hover:hover){.settings__audio:hover{text-shadow:var(--text-shadow)}.settings__audio:hover .settings__checkbox:before,.settings__audio:hover .settings__checkbox:after{box-shadow:var(--box-shadow)}.settings__visual:hover{border:.1rem solid var(--dark-light-border);text-shadow:var(--text-shadow)}.settings__visual:hover svg path{filter:drop-shadow(var(--box-shadow))}}@media (max-width:1200px){.settings{display:none}}
.aside-right{flex-direction:column;grid-area:2/3/3/4;display:flex}