@import url("https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}
q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],select:focus,textarea{font-size:16px}
body{font-family:"PT Sans",sans-serif;-webkit-print-color-adjust:exact}
.net__stage{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:black}
@media print{.net__stage{right:auto;bottom:auto;width:100vw;height:100vw}}.net__net{position:absolute;top:0;left:0;right:0;bottom:0;background-size:100% 100%;background-image:url("/img/spider.jpg");opacity:.85}
.net__avatar{cursor:pointer;position:absolute;top:calc(50% - 10vw);left:42vw;z-index:3;width:16vw;height:16vw;background-color:#7e8d8d;border-radius:50%}
.net__avatar_img{width:100%;height:100%;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.net__avatar_img img{width:auto;height:90%;margin-bottom:-2px}.net__avatar label{position:absolute;bottom:-24px;width:200%;left:-50%;text-align:center;font-weight:bold;text-transform:uppercase}
.net__item{cursor:pointer;position:absolute;z-index:4;width:8vw;height:8vw;font-size:6.5vw;line-height:6vw;border-radius:4vw;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.5vw;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(255,255,255,0.75);-webkit-box-shadow:0 0 4px black;box-shadow:0 0 4px black;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media print{.net__item{-webkit-box-shadow:none;box-shadow:none}}.net__item_img{background-size:contain;position:absolute;top:-15%;left:-10%;width:120%;height:120%}
.net__item_img_custom{background-size:contain;position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:500px){.net__item{width:16vw;height:16vw;border-radius:8vw;font-size:12vw}
}.net__item_edit{position:absolute;bottom:-28px;width:200%;left:-50%;height:24px;display:none}
.net__item_edit input{width:calc(100% - 56px);text-align:center;text-transform:uppercase}
.net__item--edit .net__item_edit{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width:900px){.net__item_edit{width:300%;left:-100%}}.net__item label{position:absolute;bottom:-28px;width:200%;left:-50%;height:24px;display:block;text-align:center;pointer-events:none;font-size:18px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;line-height:24px;padding:0;font-family:"PT Sans",sans-serif}
.net__item label.label_long{width:260%;left:-80%;-webkit-transform:scaleX(0.8);transform:scaleX(0.8)}
.net__item--edit label{display:none !important}@media screen and (max-width:700px){.net__item label{font-size:14px}
}@media screen and (max-width:500px){.net__item label{width:300%;left:-100%}}.net__item_del{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:red;color:white;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;font-size:16px;margin-right:4px;border-radius:4px;cursor:pointer}
.net__item_save{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:green;color:white;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;border:0;font-size:16px;margin-left:4px;border-radius:4px;cursor:pointer}
.net__item_add{cursor:pointer;position:absolute;bottom:2vw;left:calc(50% - 24px);z-index:4;width:48px;height:48px;background-position:center center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z'%3E%3C/path%3E%3C/svg%3E")}
@media print{.net__item_add{display:none}}.net__icons{position:fixed;z-index:10;top:24px;left:24px;bottom:24px;right:24px;-webkit-box-shadow:0 0 12px rgba(0,0,0,0.5);box-shadow:0 0 12px rgba(0,0,0,0.5);background-color:white;overflow-y:scroll;display:none}
.net__icons--show{display:block}.net__icons_close{display:-webkit-box;display:-ms-flexbox;display:flex;float:right;width:36px;height:36px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#73c4e5;color:white;cursor:pointer}
.net__icons span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:10vw;height:10vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:8vw;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:4px;background-size:contain;background-repeat:no-repeat;background-position:center center}
.avatar_ov{top:0;left:0;right:0;bottom:0;position:fixed;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:12;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,0.5);display:none}
.avatar_ov--show{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}
.avatar{background-color:white;-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px;position:fixed;width:432px;max-width:100%;border-radius:4px;-webkit-box-shadow:0 0 12px rgba(0,0,0,0.3);box-shadow:0 0 12px rgba(0,0,0,0.3)}
.avatar label{margin-top:0;line-height:11px;font-size:12px;text-transform:uppercase;margin-bottom:2px;display:inline-block}
.avatar__label{line-height:18px;padding:1px 4px;font-size:16px !important;text-transform:uppercase;max-width:calc(100% - 48px)}
.avatar input[type="text"]{font-size:10px;width:100%}.avatar__close{position:absolute;top:0;right:0;width:36px;height:36px;background-color:#73c4e5;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:0 4px 0 0}
.avatar__close:hover{opacity:.9}.avatar__preview_cnt{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px;font-size:13px}
.avatar__upload_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:22px;width:calc(100% - 100px);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px}
.avatar__upload{display:block;background-color:#73c4e5;color:white;line-height:24px;padding:0 6px;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:1px;border-radius:3px;margin-right:6px;margin-bottom:6px;margin-top:6px}
.avatar__upload:hover{opacity:.9}.avatar__preview{width:100px;height:100px;border-radius:50px;background-color:#EEE;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;cursor:pointer;overflow:hidden}
.avatar__preview img{pointer-events:none;height:94%;width:auto;position:relative;bottom:-1px}
.avatar__type_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 6px 0 !important}
.avatar__type_list li{width:60px;height:60px;background-color:#EEE;margin-left:0 !important;margin-right:4px;margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;cursor:pointer}
.avatar__type_list li:before{display:none !important}.avatar__type_list li img{height:94%;width:auto}
.avatar__type_list li.avatar__type_list--selected{background-color:#73c4e5}.avatar__color_list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0 0 6px 0 !important}
.avatar__color_list li{width:16px;height:16px;border-radius:16px;display:block;cursor:pointer;border:3px solid white;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);margin-left:0 !important;margin-right:6px !important}
.avatar__color_list li:before{display:none !important}.avatar__color_list li.avatar__color--selected{border-color:black}