*,*::before,*::after{box-sizing:border-box;} :root{--siteWidth: clamp(200px, 50vw, 99.999%); --header-height: 42px; --webfont:"randy",Geneva,Verdana,sans-serif; --webfont2:"Arial",Copperplate,Papyrus,fantasy; --font-size:clamp(12px, calc(16px + (17 - 10)*(100vw - 768px)/(1920 - 768)), 22px); --startColor:#040101; --endColor:#a7ff01; min-height: 0vw;} html,body,div,span,applet,object,iframe,div,embed,p,h1,h2,h3,h4,h5,h6,b,blockquote,pre,a,abbr,big,code,em,img,ins,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,object,embed,head,foot,footer,header,menu,nav,section,audio,video{vertical-align:baseline; margin:0px; padding:0px; border:0px;} html,body{height:100%; width:100%; font-weight:normal; font-style:inherit; font-stretch:normal; font-variation-settings: "wdth" 75; font-kerning:normal; text-rendering:auto; font-optical-sizing:auto; font-variant: no-common-ligatures proportional-nums; font-feature-settings:"liga" 0; font-synthesis:weight style; text-decoration:none; vertical-align:baseline; margin:0; padding:0; outline:0px none!important; outline:0px none; border:0px none; display:inline-block;} body{background-color:#52EB00; overflow-x:hidden;margin: 0px; } img{border:0px none; object-fit:cover;} ul li, ul li a {padding-left:0px; list-style-type:none; text-decoration:none;} video{width:100%; height:auto; max-width:100%; max-height:100%;} fieldset,legend{border:1px solid rgb(174,255,0,12%); } main{position:relative; z-index:1; width:87%; opacity:0.99; margin:0px auto; padding:0px 0px 60px 0px; max-width: 100%; } form {box-sizing:border-box; padding:8px 12px 12px 12px; border-radius: 8px; background-color:#1F1F1F; border: 4px solid rgb(174,255,0,50%); /** display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; **/ } /**>css> **https://www.digitalocean.com/community/tutorials/how-to-style-common-form-elements-with-css***/ h1,h2,h3,h4,h5,h6{font-family:var(--webfont2); font-weight:bold; padding-bottom:6px; margin-bottom: .5rem; line-height: 1.2} h1{font-size:calc(var(--font-size) + 200%);} h2{font-size:calc(var(--font-size) + 175%);} h3{font-size:calc(var(--font-size) + 150%);} h4{ font-size:calc(var(--font-size) + 135%);} h5{ font-size:calc(var(--font-size) + 121%);} h6{ font-size:calc(var(--font-size) + 111%);} .font1{font-family:var(--webfont);} .font2{font-family:var(--webfont2);} /** WEBFONT1 UTF8 randy **/ /** HTML5: FONTAWESOME WEBFONTS**/ @font-face {font-family:randy; font-weight:normal; font-style:normal; src: url("?pic=randy.ttf") format("truetype"), url("?pic=randy.woff") format("woff"), url("?pic=randy.woff2") format("woff2"), url("?pic=randy.eot") format("embedded-opentype"), url("?pic=randy.otf") format("embedded-opentype"), url("?pic=randy.svg") format("svg"); } /** WEBFONT 2 UTF8 Arial.ttf **/ /** HTML5: FONTAWESOME WEBFONT 1**/ @font-face {font-family:Arial; font-weight:normal; font-style:normal; src: url("?pic=Arial.ttf") format("truetype"), url("?pic=Arial.woff") format("woff"), url("?pic=Arial.woff2") format("woff2"), url("?pic=Arial.eot") format("embedded-opentype"), url("?pic=Arial.otf") format("embedded-opentype"), url("?pic=Arial.svg") format("svg"); font-weight:normal;font-style:normal;} /*** COLORS THEME :: and BACKGROUND 01.jpg***/ #wasserzeichen{position:absolute; display:block; z-index:1; user-select:none; opacity:0.75; bottom:75px; right:55px; max-width:135px;} #stream_bg{position:absolute; z-index:0; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; background-size:99.99% 99.99%; } #container_bg{position:absolute; z-index:0; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; background-size:99.99% 99.99%; background-position: 100% 100%; background-repeat:no-repeat; /** background-image:url(01.jpg); background-size:contain; background-size:cover;**/ } #colorfx{position:absolute; display:none;padding:1px 1px; z-index:4; user-select: none;top:8px; left:3px; width:22px; height:12px; font-size:50%; background-color:#080000; background:transparent url(?pic=zero) no-repeat 0% 0% / 100% 100%;} #fx_colorfx{position:absolute; z-index:1; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; display:block; background-color:rgb(8,0,0,75%); background-color:transparent; background-position:-25% 75%; background-size:100% 300%; background-blend-mode:hard-light;} #picnavi{position:absolute;z-index:-1; height:100%; height:1px; width:100%;margin:62px 7% 2px -3%; text-align: center; display:block;opacity:0.99;} #picnavi input{width:75px; font-size:75%; height:11px; margin:0; padding:0;} #img_prev_click{position:absolute; top:54px; left:0px; padding:0px; bottom:0px; width:12px; min-height:150px; height:auto; opacity:0.01; display:block; z-index:2; background-color:rgb(3,0,0,10%); background-repeat:no-repeat; background-position:-212px 51%; background-image:url(?pic=arrows);} #img_view_click, #img_next_click{position:absolute; top:54px; right:0px; padding:0px; bottom:0px; width:24px; min-height:150px; height:auto; opacity:0.01; display:block; z-index:2; background-repeat:no-repeat; background-color:rgb(3,0,0,10%); background-position:-294px 51%; transition:all 75ms ease-in-out; background-image:url(?pic=arrows);} #img_prev_click:hover,#img_view_click:hover, #img_next_click:hover{display:block; opacity:0.5; background-color:rgb(3,0,0,75%); width:75px; transition:all 175ms ease-in-out;} .clr_form{min-width:18px;} #colors{user-select:none; padding:0px; /**min-width:33px; display:inline-block;**/ border:2px solid rgb(0,0,0,25%);} #colortheme{position:absolute;display:none; z-index:4;font-size:75%; top:71px; left:2px; min-width:24px;} #colors input,#colors input[type=text]{list-style:none; text-align:center; margin:1px 2px 1px 2px;width:18px;height:18px;font-size:60%;border:1px solid rgb(0,0,0,25%);} #colorstr{font-size:70%; margin-left:1px; letter-spacing:-0.75px; width:21px; display:none;} #colors .color0{background-color:#52EB00;} /** color 0 **/ #colors .color1{background-color:#030000;} /** color 1 **/ #colors .color2{background-color:#080000;} /** color 2 **/ #colors .color3{background-color:#AEFF00;} /** color 3 **/ #colors .color4{background-color:#000000;} /** color 4 **/ #colors .color5{background-color:#1F1F1F;} /** color 5 **/ #colors .color6{background-color:#AEFF00;} /** color 6 **/ #colors .color7{background-color:#A6FF00;} /** color 7 **/ #colors .color8{background-color:#FAC000;} /** color 8 **/ #colors .color9{background-color:#6CFA00;} /** color 9 **/ #container_page{background-image:url(?pic=bg);} #container_bg{background-image:url(01.jpg);} #colorfx{background-image:url(?pic=glowbg);} #container_contents{background-image:url(?pic=bg);} #stream_bg{background-image:url(?pic=bgdark);} @media only screen and (min-device-width:480px;) { html { overflow:hidden; } } @-ms-viewport {width:device-width;} a,a:link,a:visited{color:#FAC000; opacity:1.0; text-decoration:none; font-weight:bold; padding:1px 2px; min-width:44px; } a:hover, a:active { color:#6CFA00; opacity:1.0;} .colortool{width:220px!important;} /** TEMPLATE CONTAINERS #IDs url(?pic=bg1)**/ h1#title,#title{position: relative; display:block; width:135px; font-size: 123%; z-index: 2; color:rgb(126,136,105,85%); min-width: 135px; cursor:pointer; user-select: none; margin:0px 0px 0px 2%; padding:11px 20px 5px 28px; } h2#subtitle,#subtitle{position:relative; z-index:2; margin:0px 0px 0px 0px; padding-left:36px;background-color:#080000; color:#A6FF00; font-size:75%;letter-spacing:-0.5px;} #subtitle i{opacity:0.62;} #subtitle b{opacity:0.92;} #subtitle b{color:rgb(125,136,105,85%);} #subtitle i{color:rgb(137,148,117,80%);} #navi_bg{position:relative; display:block; min-height:42px; min-width:220px; width:100%; height:100%; margin:0px 0px 0px 0px; opacity:0.99; right:0px; top:0px; z-index:1;background-color:rgb(3,0,0,75%); background-image: url(?pic=bg); background-blend-mode:hard-light; background-size: 100% 100%;} #navi{position:relative; display:block; min-width:220px; min-height:42px; width:100%; right:0px; top:0px; margin:0px 0px 0px 0px; z-index:1; background-color:rgb(0,0,0,25%); background-image: url(?pic=bg); background-blend-mode:saturation; background-size: 100% 100%;} #navi input,#navi select,#navi input[type="button"]{ font-size:50%; min-width:22px;} #container_page{background-size:contain; background-size:cover;} #container_page{position:relative; background-color:#52EB00; background-size:1000% 101%; font-family:randy; vertical-align:baseline; width:100%; min-width:220px; margin:-5px auto 0px auto; min-height:101%; height:auto !important; height:100%;} #container_page a:hover{color:#A6FF00; text-decoration:underline;} #container_page a,#container_page a:link,#container_page a:visited{ color:#6CFA00; font-weight:bold; text-decoration:none;} #container_head{background-color:#030000; z-index:2; } #container_head h1{position:relative; display:block; z-index:2; color:#AEFF00;} #container_contents{resize:both; overflow-x:hidden; overflow-y:hidden; background:#030000 url(?pic=bg) repeat scroll 50% 0%; background-blend-mode:overlay; user-select:none; position:relative; width:100%; display:block; z-index:1; background-color:#030000; color:#AEFF00; border:1px solid #000000; min-width:220px; margin:10px 12px 0px -14px; padding:8px 12px 44px 12px; opacity:0.92; border-radius:12px; transition: opacity .3s, background-color .3s, color 300ms, background-blend-mode 400ms ease-in;} #container_contents:after{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;} #container_foot{position:absolute; background-color:#A6FF00; z-index:2; height:32px; width:100%; border-top:1px solid #080000; bottom:-1px!important; bottom:-1px;} #foot{position:absolute; z-index:9; margin:auto; width:87%; margin: 2px 1% 5px 5%;} .placeholder_footer{height:40px; display:block; clear:both; } .resizer {background-color:rgb(3,0,0,25%); background: url(?pic=chat_icons) -240px 0px / 850px 50px; position:absolute; width: 20px; height:18px; bottom: 0px; right: 0px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; user-select: none; margin: 0px 0px 0px 0px;} .resizer:hover { opacity: 0.99; background-color:rgb(250,192,0,75%); background: url(?pic=chat_icons) -240px 0px / 850px 50px; } #pagebg_plus {font-size:75%; user-select: none; text-indent:4px; /**background:url(?pic=chat_icons) -135px 92px / 640px 47px;**/position: absolute; width: 12px; height: 12px; bottom: 20px; left:0px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; margin: 0px 0px 0px 0px;} #pagebg_plus:hover {opacity: 0.99; background-color:#FAC000; } #pagebg_minus {font-size:75%; user-select: none; text-indent:4px; /**background:url(?pic=chat_icons) -119px 92px / 640px 47px; **/position: absolute; width: 12px; height: 12px; bottom: 6px; left: 0px; z-index: 3; display: block; opacity: 0.5; cursor: pointer; margin: 0px 0px 0px 0px;} #pagebg_minus:hover {opacity: 0.99; background-color:#FAC000; } #cookies{display:none; font-size:75%;} #copyright{display:block; margin:auto; text-align:center; font-size:75%; min-width:220px;} /************* ANIMATIONS CSS 3 VIEWPORT COLLECTION ************by.basi.L********************/ /** @use js:dataset(id,rotate1,timeuntilnext,( dataset(function again) ) ) to query one by one **/ /*****************************************************************************************************/ .drag{transform:scale(1,1); transition:transform 100ms ease; } .dragfx{transform:scale(1.11,1.11); transition:transform 150ms ease;} .borders_round{border-radius:1rem;} .borders_round2{border-radius:1rem;border-start-start-radius: 1rem 0.5rem;border-start-end-radius: 50% 25%;border-end-start-radius: 1rem 0.5rem; border-end-end-radius: 50px 20px;} .borders_img{border:10px solid transparent; padding:15px; .round{border-image: url(?pic=borders) 30 round;} .stretch{border-image: url(?pic=borders) 30 stretch;}} .borders_img_stretch{border-image-source:url(?pic=borders); border-image-repeat:stretch; border-image-slice:20; border-image-width: 15px; border-image-outset: 2px; } .border_img_repeat {border-image-source:url(?pic=border); border: 15px solid transparent; border-image-repeat:repeat; padding:15px; border-image-slice:30;} .shadow_inset{box-shadow: inset 72px 97px 111px 20px #216,255,50,75%;} /***TRANSITIONS FADE-IN/FADE-OUT, APPEAR/DISAPPEAR,FLY OUT/FLY IN/ on ELEMENTS even whole pages ***/ [data-style="drop_in"]{height:1px; width:calc(100% / 3 - 5vw); animation-iteration-count:1; animation-fill-mode:forwards; transition: background-color 1000ms linear; transition: height 500ms cubic-bezier(0.49, 0.46, 0, 1.34);} [data-style="drop_out"]{height:100%; width:calc(100% - 7vw); animation-iteration-count:1; animation-fill-mode:forwards; transition: height 1000ms ease-in-out;} [data-style="fade_out"]{height: 1px; width:calc(100% - 12em); opacity:0; animation-iteration-count:1; animation-fill-mode: forwards; transition: all 300ms ease-in-out;} [data-style="fade_in"]{height:100%; width:87%; animation-iteration-count:1; animation-fill-mode: forwards;} [data-style="rotate_out_tl"]{transform: rotate(90deg); transform-origin: 0px 0px; animation-iteration-count:1; animation-fill-mode: forwards;} [data-style="rotate_out_br"]{transform: rotate(90deg); transform-origin: 100% 100%; animation-iteration-count:1; animation-fill-mode: forwards;} [data-style="umblaettern_rechts_raus"]{transform:skewY(90deg); transform-origin:100% 0%; animation-iteration-count:1; animation-fill-mode: forwards;} [data-style="umblaettern_links_raus"]{transform:skewY(90deg); transform-origin: 0% 100%; animation-iteration-count:1; animation-fill-mode: forwards;} [data-style="umblaettern_oben_rein"]{transform:skewX(0deg); transform-origin: 100% 0%; animation-iteration-count:1; animation-fill-mode: forwards;} [data-style="flip_out"]{perspective:100px; transform-style:preserve-3d; transform:rotateX(-90deg); animation-fill-mode: forwards;} /** optic WINDOW TITCH left \o/ right: RANDOMLY SET inline Elements A BIT QWERY **/ [data-style="rotate0"] {rotate:3.2deg; transition:rotate 100ms 1 ease-in-out; transform-origin: 50px 50px;} [data-style="rotate1"] {rotate:2.1290322580645deg; transition:rotate 100ms 1 ease-in-out; transform-origin: 50px 50px;} [data-style="rotate2"] {rotate:2deg; animation: rotatebox 100ms 1 linear;} @keyframes rotatebox2deg { to {transform: rotate(2deg); }} [data-style="rotate3"] {rotate:-2deg; animation: rotatebox2degm 100ms 1 linear;} @keyframes rotatebox2degm { to {transform: rotate(-2deg); }} [data-style="rotate4"] {rotate:1deg; animation: rotatebox1degm 100ms 1 linear;} @keyframes rotatebox1degm { to {transform: rotate(1deg); }} [data-style="rotate5"] {rotate:-3deg; transition:rotate 100ms 1 ease-in-out;} /**ANIMATION BEHAIVOR :: SITE BEHAIVORs CONTAINERS css3 rendering behaivor . **************/ /** how the div containers behaive, in case of animation, fired by css or js from user **/ .anims_1{transition: opacity 100ms, font-size 100ms, background 1000ms, color 100ms, background-blend-mode 500ms ease-out;} .anims_2{transition: opacity 100ms, background 1s, color 100ms, font-size 100ms, background-blend-mode 500ms ease-in;} html .scrollbars{scrollbar-color:rgb(58,50,50,33%) rgb(74,82,54,100%); scrollbar-width:thin; scroll-snap-type:y; } .scrollbars{scrollbar-color:rgb(116,205,0,33%) rgb(74,82,54,10%); scrollbar-width:thin; scroll-snap-type:y; } /** SVG css3 Button Collection**/ .svg_btn_round{border-radius: 1rem;} .svg_btn_round,.svg_btn{width:5vw; height:5vw; background-blend-mode:multiply; background-color:rgb(166,255,0,75%); gap: 0.5rem; display:block; float:right; user-select:none; border:0px; background-size:100% 100%; background-position:0% 100%; transition:all 100ms ease-out;} .svg_btn_round:hover,.svg_btn:hover{width:7vw; height:7vw; margin:-1.25vw 0vw 0vw -1.25vw; opacity:0.85;background-blend-mode:luminosity; background-color:transparent; background-color:rgb(191,255,25,52%); transition:all 100ms ease-in; } .svg_tomato{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle r="50" cx="50" cy="50" fill="tomato"/%3E%3Ccircle r="41" cx="47" cy="50" fill="orange"/%3E%3Ccircle r="33" cx="48" cy="53" fill="gold"/%3E%3Ccircle r="25" cx="49" cy="51" fill="yellowgreen"/%3E%3Ccircle r="17" cx="52" cy="50" fill="lightseagreen"/%3E%3Ccircle r="9" cx="55" cy="48" fill="teal"/%3E%3C/svg%3E');} .svg_user_icon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=\"http://www.w3.org/2000/svg\"%20viewBox=\"0 0 24 24\"%3E%3Cpath d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.32 15.25C16.6 15.84 14.4 15 12 15s-4.6.84-6.32 2.25a8.22 8.22 0 1 1 12.64 0ZM12 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z\"%20fill=\"%23030000\"/%3E %3C/svg%3E");} .svg_trashcan{background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"%3E%3Cpath d=\"M20 6h-4V4.5A2.5 2.5 0 0 0 13.5 2h-3A2.5 2.5 0 0 0 8 4.5V6H4c-.55 0-1 .45-1 1s.45 1 1 1h.12l.73 11.66A2.49 2.49 0 0 0 7.35 22h9.3c1.32 0 2.41-1.03 2.5-2.34L19.88 8H20c.55 0 1-.45 1-1s-.45-1-1-1ZM10 4.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V6h-4V4.5ZM11 17c0 .55-.45 1-1 1s-1-.45-1-1v-6c0-.55.45-1 1-1s1 .45 1 1v6Zm4 0c0 .55-.45 1-1 1s-1-.45-1-1v-6c0-.55.45-1 1-1s1 .45 1 1v6Z\" fill=\"%23000\"%3E%3C/path%3E%3C/svg%3E\");} .svg_sendmsg{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\"%20xml:space=\"preserve\"%20width=\"2048\"%20height=\"2048\"%20style=\"shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd\"%3E%3Cdefs%3E%3Cstyle%3E.fil0%7Bfill:none%7D.fil1%7Bfill:%2356af00%7D%3C/style%3E%3C/defs%3E%3Cg id=\"Layer_x0020_1\"%3E%3Cpath class=\"fil0\"%20d=\"M0 0h2048v2048H0z\"/%3E%3Cpath%20class=\"fil0\"%20d=\"M255.999 255.999h1536v1536h-1536z\"/%3E%3Cpath%20class=\"fil0\"%20d=\"M255.999 255.998h1536v1536h-1536z\"/%3E%3Cg%20id=\"_340355200\"%3E%3Cpath%20id=\"_340355512\"%20class=\"fil1\"%20d=\"m1024 1487.32 691.45-1151.869L627.874 1412.43l79.496 180.43z\"/%3E%3Cpath%20id=\"_340355368\"%20class=\"fil1\"%20d=\"m545.954 1372.19 7.14 15.332L716.81 1734.63c12.145 25.922 35.448 45.978 62.293 53.951 26.572 7.74 53.418 2.187 70.837-14.946 70.609-68.834 178.526-176.642 174.054-180.77l-478.042-220.675z\"/%3E%3Cpath%20id=\"_340355272\"%20d=\"M316.565 1075.21c-32.628 18.92-52.417 54.115-51.276 91.865.922 37.762 22.406 72.086 56.104 89.062l368.093 187.708 1025.96-1108.4-874.489 1185.85 503.397 256.514c31.854 16.302 69.863 16.928 102.464 1.044 32.358-15.822 55.331-45.92 62.443-81.164l272.791-1397.76c2.84-14.213-3.01-28.794-14.803-37.086-7.738-5.503-17-7.714-25.994-6.548l-1.94.308c-4.055.762-8.034 2.236-11.793 4.397l-1410.96 814.208z\"%20style=\"fill:%238ee700\"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .svg_shopping_cart{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"%3E%3Cpath d=\"M9 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM17 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM21 7H5.75l-.79-2.77A1 1 0 0 0 4 3.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.25l2.48 8.69A2.5 2.5 0 0 0 8.13 16h9.74a2.5 2.5 0 0 0 2.4-1.81l1.69-5.91A1 1 0 0 0 21 7Z\" fill=\"%23576243\"%3E%3C/path%3E%3C/svg%3E");} .svg_toolbox{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="655.359" height="655.359" style="shape-rendering:geometricPrecision%3btext-rendering:geometricPrecision%3bimage-rendering:optimizeQuality%3bfill-rule:evenodd%3bclip-rule:evenodd" viewBox="0 0 6.827 6.827"%3e%3cdefs%3e%3cclipPath id="id0"%3e%3cpath d="M3.413 0a3.413 3.413 0 1 1 0 6.827 3.413 3.413 0 0 1 0-6.827z"/%3e%3c/clipPath%3e%3cstyle%3e.fil1%7bfill:%23030000%7d%3c/style%3e%3c/defs%3e%3cg id="Layer_x0020_1"%3e%3cpath d="M3.413 0a3.413 3.413 0 1 1 0 6.827 3.413 3.413 0 0 1 0-6.827z" style="fill:%23AEFF00"/%3e%3cg style="clip-path:url(%23id0)"%3e%3cg id="_414972632"%3e%3cpath id="_5493784721" class="fil1" d="m2.798 1.783 3.787 3.786.01.01.009.01.01.011.008.011.01.011.008.011.008.011.008.012.008.011.008.012.007.011.007.012.007.012.007.012.006.012.006.012.006.013.006.012.005.012.005.013.005.012.005.013.004.013.005.013.004.013.003.013.004.013.003.013.003.013.003.013.002.013L2.99 2.156l-.002-.014-.003-.013-.003-.013-.003-.013-.004-.013-.004-.013-.004-.013-.004-.012-.004-.013-.005-.013-.005-.012L2.943 2l-.006-.012-.005-.013-.006-.012-.006-.012-.007-.012-.006-.012-.007-.012-.007-.012-.008-.012-.007-.011-.008-.012-.008-.01-.009-.012-.008-.011-.009-.011-.009-.01-.01-.012-.009-.01z"/%3e%3cpath id="_549377800" class="fil1" d="m2.462 1.967 3.786 3.786-.004-.004-.004-.004-.004-.004-.004-.004-.005-.004-.004-.005-.005-.005-3.786-3.786.005.005.004.004.004.005.005.004.004.004.004.004z"/%3e%3cpath id="_549379600" class="fil1" d="M2.315 1.813 6.1 5.6l-.121-.122-3.787-3.786z"/%3e%3cpath id="_549379696" class="fil1" d="M2.324 1.822 6.11 5.608l-.005-.004-.004-.005-3.786-3.786.004.005z"/%3e%3cpath id="_549379936" class="fil1" d="M1.677 2.204 5.463 5.99l.003.003L1.68 2.206z"/%3e%3cpath id="_549380368" class="fil1" d="M2.143 3.002 5.93 6.788l-.013-.003-.013-.002-.013-.003-.013-.004-.013-.003-.013-.004-.013-.004-.013-.004-.012-.004-.013-.005-.013-.005-.012-.005-.013-.006-.012-.005-.012-.006-.012-.006-.013-.007-.011-.007L5.69 6.7l-.012-.008-.012-.007-.011-.008-.012-.007-.011-.008-.011-.009-.011-.008-.011-.01-.011-.008-.01-.01-.011-.01-.01-.009L1.77 2.811l.01.01.01.01.012.008.01.01.011.008.011.009.012.008.01.008.012.008.012.008.012.007.011.007.012.007.012.007.012.006.012.006.013.006.012.006.013.005.012.006.013.005.012.004.013.005.013.004.013.004.013.004.013.003.013.003.013.003L2.13 3z"/%3e%3cpath id="_549380152" class="fil1" d="M4.104 5.065 7.89 8.852l-.005-.001-.006-.003-.006-.004-.006-.005L4.08 5.053l.007.005.006.004.006.002z"/%3e%3cpath id="_549380632" class="fil1" d="m1.68 2.206 3.786 3.787.121.12-3.786-3.786z"/%3e%3cpath id="_549380656" class="fil1" d="m1.8 2.327 3.787 3.787.148.148-3.786-3.787z"/%3e%3cpath id="_549380416" class="fil1" d="M2.524 2.97 6.31 6.756l-.012.004-.011.004-.012.004-.011.003-.012.003-.012.003-.011.003-.012.003-.012.002-.012.003-.012.002-.012.002-.012.001-.012.002-.012.001-.012.001-.012.001h-.012l-.012.001h-.072l-.012-.002H5.99l-.012-.002-.012-.001-.012-.002-.012-.002-.012-.002-3.786-3.786.012.002.012.002.012.001.012.002.012.001.012.001.012.001h.012l.012.001h.06l.012-.001.012-.001.012-.001.012-.001.012-.002.012-.002.012-.001L2.407 3 2.419 3l.011-.002.012-.003.012-.003.012-.003.011-.003.012-.004.012-.003.011-.004z"/%3e%3cpath id="_549380248" class="fil1" d="m4.591 5.267 3.787 3.786h-.033l-.017-.001-.016-.002-.017-.002-.016-.002-.017-.002-.016-.003-.016-.004-.016-.003-.017-.004-.016-.005-.015-.005-.016-.005-.016-.006-.016-.006-.015-.007-.016-.006-.015-.008-.015-.007-.015-.009-.014-.008-.015-.009-.015-.01-.014-.009-.014-.01-.014-.01-.013-.011-.014-.011-.013-.012-.013-.012-3.786-3.786.013.012.013.011.013.012.014.01.014.01.014.01.014.01.015.01.014.009.015.008.015.008.015.008.015.007.016.007.015.007.016.006.015.005.016.006.016.005.016.004.016.004.016.004.017.003.016.003.016.003.017.002.016.002.017.001.016.001h.017z"/%3e%3cpath id="_549380776" class="fil1" d="m5.079 5.065 3.786 3.787h-.002l-.003.002-.005.003-.006.003-.008.005-.009.005-.01.006-.01.007-.013.007-.013.008-.014.009-.015.008-.016.01-.016.009-.017.009-.018.01-.018.009-.019.01-.02.009-.019.009-.02.008-.02.009-.02.007-.02.008-.02.007-.02.006-.02.005-.02.005-.02.003-.019.003-.019.002h-.018L4.59 5.267h.019l.019-.002.02-.003.019-.004.02-.004.02-.006.02-.006.02-.006.02-.008.02-.008.02-.008.02-.009.02-.009.019-.009.019-.01.018-.009.018-.01.017-.009.016-.009.016-.009.015-.009L5 5.112l.013-.008.012-.007.011-.007.01-.006.009-.005.007-.005.007-.004.004-.002.004-.002z"/%3e%3cpath id="_549380800" class="fil1" d="m2.99 2.156 3.785 3.786.003.012.001.012.002.012.002.012v.012l.002.012v.012l.001.012.001.012v.06l-.001.012-.001.012-.001.012-.002.012-.001.012-.002.012-.002.012-.002.012-.002.011-.003.012-.002.012-.003.012-.003.011-.003.012-.004.012-.004.011-.003.012-.005.011-3.786-3.786.004-.011.004-.012.004-.012.003-.011.004-.012.003-.012.003-.011.002-.012.003-.012.002-.012.002-.012.002-.012.002-.011.001-.012.001-.012L3 2.348v-.012L3 2.324v-.012l.001-.012V2.25L3 2.24l-.001-.012-.001-.012-.002-.012-.001-.012-.002-.012-.002-.011z"/%3e%3cpath id="_549380296" class="fil1" d="m5.28 4.578 3.787 3.786v.017l-.001.016-.001.017-.001.016-.002.017-.002.016-.003.017-.003.016-.003.016-.004.016-.004.016-.005.016-.005.016-.005.016-.006.016-.006.016-.006.015-.007.015-.007.016-.008.015-.008.015-.009.014-.009.015-.009.014-.01.015-.01.014-.01.014-.01.013-.012.014-.012.013-.012.013-.012.013-3.786-3.787.012-.012.012-.013.012-.014.01-.013.012-.014.01-.014.01-.014.01-.014.01-.014.008-.015.008-.015.009-.015.007-.015.008-.015.006-.015.007-.016.006-.015.006-.016.005-.016.005-.016.005-.016.004-.016.003-.016.004-.016.003-.017.002-.016.002-.016.002-.017.002-.016V4.61l.001-.016z"/%3e%3cpath id="_549380200" class="fil1" d="M5.091 4.104 8.877 7.89l.012.013.012.013.011.013.011.014.01.014.01.014.01.014.01.015.008.014.009.015.008.015.008.015.007.015.007.016.006.015.006.016.006.015.005.016.005.016.005.016.004.016.004.016.003.017.003.016.003.016.002.017.002.016v.017l.002.016v.033L5.28 4.578v-.033l-.001-.017-.002-.016-.002-.016-.002-.017-.002-.016-.003-.017-.004-.016-.003-.016-.004-.016-.005-.016-.005-.016-.005-.016-.006-.016-.006-.015-.007-.016-.006-.015-.008-.015-.007-.015-.009-.015-.008-.015-.009-.015-.01-.014-.009-.014-.01-.014-.01-.014-.011-.014-.011-.013-.012-.013z"/%3e%3cpath id="_414972848" class="fil1" d="M2.251 1.56a.729.729 0 0 1 .706.976l1.396 1.396a.69.69 0 0 1 .927.646.687.687 0 0 1-.201.487c-.012 0-.293.202-.488.202a.687.687 0 0 1-.487-.202c-.056 0-.174-.284-.187-.345a.692.692 0 0 1 .015-.342L2.524 2.97a.73.73 0 0 1-.927-.418.729.729 0 0 1-.05-.295c-.007-.002.016-.076.08-.074.021.001.04.01.053.023l.12.121.149.148.203-.054.198-.053.112-.401c-.042-.04-.102-.108-.147-.154l-.122-.121s-.029-.08 0-.11a.077.077 0 0 1 .058-.022z"/%3e%3c/g%3e%3c/g%3e%3cpath d="M3.413 0a3.413 3.413 0 1 1 0 6.827 3.413 3.413 0 0 1 0-6.827z" style="fill:%23AEFF00"/%3e%3cpath d="M2.25 1.56a.729.729 0 0 1 .707.976l1.395 1.396a.69.69 0 0 1 .928.646.687.687 0 0 1-1.176.487.686.686 0 0 1-.172-.687L2.523 2.97a.73.73 0 0 1-.927-.418.729.729 0 0 1-.049-.295l.077.003-.077-.003a.077.077 0 0 1 .132-.05l.121.12.148.148c.001.001.186-.049.203-.054l.198-.053.112-.401c-.042-.04-.101-.108-.147-.154l-.121-.121a.077.077 0 0 1 .058-.132zm2.653 2.934-.048-.18-.18-.048-.18-.048-.132.132-.132.132.048.18.048.18.18.048.18.048.132-.132.132-.132-.048-.18z" style="fill:%231F1F1F%3bfill-rule:nonzero"/%3e%3cpath d="m2.36 1.688.04.04c.048.049.094.104.144.15l.053.05-.019.07c-.031.116-.08.28-.104.37l.023.086-.314.084-.101.027c-.067.018-.158.056-.219-.004l-.177-.177h-.011a.604.604 0 0 0 .807.472l.072-.026 1.514 1.514-.02.07a.571.571 0 0 0 .141.566.566.566 0 0 0 .804 0 .566.566 0 0 0 0-.804.566.566 0 0 0-.599-.131l-.072.027-1.505-1.505.026-.072a.61.61 0 0 0-.348-.773.585.585 0 0 0-.135-.034zm2.593 2.528.133.494-.181.182-.182.18-.247-.066-.247-.066-.067-.247-.066-.247.363-.363.247.067.247.066z" style="%23030000"/%3e%3c/g%3e%3c/svg%3e'); } .svg_imgupload{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23A6FF00%7d%3c/style%3e%3c/defs%3e%3cg id="_12-Images_Sharing" data-name="12-Images Sharing"%3e%3cpath class="cls-1" d="M20 18h20v2H20z"/%3e%3cpath class="cls-1" stroke="%236ec700" d="M63 12H47v2h15v40h-4V19a1 1 0 0 0-1-1H45V7.41l2.29 2.29 1.41-1.41-4-4a1 1 0 0 0-1.41 0l-4 4L40.7 9.7 43 7.41V18a2 2 0 0 0 2 2h11v38H2V20h13a2 2 0 0 0 2-2V7.41l2.29 2.29 1.41-1.41-4-4a1 1 0 0 0-1.41 0l-4 4L12.7 9.7 15 7.41V18H5v-4h8v-2H4a1 1 0 0 0-1 1v5H1a1 1 0 0 0-1 1v40a1 1 0 0 0 1 1h56a1 1 0 0 0 1-1v-3h5a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1z"/%3e%3cpath class="cls-1" d="M5 24v30a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V24a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1zm46 29H39.41l-8-8L39 37.42l12 12zM7 25h44v21.59l-11.29-11.3a1 1 0 0 0-1.41 0l-8.3 8.3-8.26-8.26a1 1 0 0 0-1.41 0L7 48.65zm0 26.48 14-14L36.59 53H7z"/%3e%3cpath class="cls-1" d="M30 37a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0-8a3 3 0 1 1-3 3 3 3 0 0 1 3-3zM29 12h2v2h-2zM33 12h7v2h-7zM21 12h6v2h-6z"/%3e%3c/g%3e%3c/svg%3e');} .svg_datesheet{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23A6FF00%7d%3c/style%3e%3c/defs%3e%3cg id="calendar_date" data-name="calendar date"%3e%3cpath class="cls-1" d="M22.5 3H21V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1h-4V2a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v1H7V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v1H2.5A1.5 1.5 0 0 0 1 4.5v18A1.5 1.5 0 0 0 2.5 24h20a1.5 1.5 0 0 0 1.5-1.5v-18A1.5 1.5 0 0 0 22.5 3zM19 2h1v3h-1zm-7 0h1v3h-1zM5 2h1v3H5zM2.5 4H4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h4v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V4h1.5a.5.5 0 0 1 .5.5V8H2V4.5a.5.5 0 0 1 .5-.5zm20 19h-20a.5.5 0 0 1-.5-.5V9h21v13.5a.5.5 0 0 1-.5.5z"/%3e%3cpath class="cls-1" d="M20.5 15h-6a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5zm-.5 5h-5v-4h5zM6.5 11h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zM6 13H5v-1h1zM10.5 11h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zm-.5 2H9v-1h1zM6.5 16h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zM6 18H5v-1h1zM10.5 16h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zm-.5 2H9v-1h1zM14.5 14h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5zm.5-2h1v1h-1zM20.5 11h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zm-.5 2h-1v-1h1z"/%3e%3c/g%3e%3c/svg%3e'); } .svg_minus{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cg data-name="52.Remove"%3e%3cpath fill="%23A6FF00" d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z"/%3e%3cpath fill="%23A6FF00" d="M6 11h12v2H6z"/%3e%3c/g%3e%3c/svg%3e');} .svg_minus_4d{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill="%23A6FF00" d="M2 20h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2zM4 9h12v2H4z"/%3e%3c/svg%3e');} .svg_plus{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cg data-name="51.Add"%3e%3cpath fill="%23A6FF00" d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z"/%3e%3cpath fill="%23A6FF00" d="M11 6h2v12h-2z"/%3e%3cpath fill="%23A6FF00" d="M6 11h12v2H6z"/%3e%3c/g%3e%3c/svg%3e');} .svg_plus_4d{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill="%23a7ff01" stroke="%2373cc00" d="M0 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2zm4 7h5V4h2v5h5v2h-5v5H9v-5H4z"/%3e%3c/svg%3e');} .svg_retune{background-image: url('data:image/svg+xml,%3csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23A6FF00%3bstroke:%23030000%3bstroke-miterlimit:10%3bstroke-width:1.92px%7d%3c/style%3e%3c/defs%3e%3cpath class="cls-1" d="M2.25 16A10.58 10.58 0 0 1 4.54 4.54l.22-.21H.5M23.5 19.67h-4.26l.22-.21A10.58 10.58 0 0 0 21.75 8M8 2.27a10.57 10.57 0 0 1 11.46 2.27l.21.22V.5M4.33 23.5v-4.26l.21.22a10.57 10.57 0 0 0 11.51 2.27M16.79 10.08h-3.83V6.25l-5.75 7.67h3.83v3.83l5.75-7.67z"/%3e%3c/svg%3e');} .svg_remix{background-image: url('data:image/svg+xml,%3csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none%3bstroke:%23A6FF00%3bstroke-miterlimit:10%3bstroke-width:1.84px%7d%3c/style%3e%3c/defs%3e%3cpath class="cls-1" d="M17.53 10.16h-4.61V3.71L6.47 13.84h4.61v6.46l6.45-10.14z"/%3e%3cpath class="cls-1" d="M16.61 3a10.14 10.14 0 0 1-2.94 19M7.39 21a10.14 10.14 0 0 1 2.94-19"/%3e%3cpath class="cls-1" d="M16.61 7.39V2.78h4.61M7.39 16.61v4.61H2.78"/%3e%3c/svg%3e');} .svg_return{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill="%23A6FF00" d="M20 8V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6h-8v3l-5-5 5-5v3z"/%3e%3c/svg%3e');} .svg_quote{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"%3e%3cpath style="fill:%23A6FF00" d="M64 0C33.958 0 9.6 24.358 9.6 54.4c0 30.042 24.358 54.4 54.4 54.4V128s24.269-13.146 39.898-32.102c9.485-11.52 14.502-26.97 14.502-41.498C118.4 24.358 94.042 0 64 0zm-2.842 53.478c0 9.485-1.894 18.214-14.797 18.97V65.05c4.262 0 5.875-2.931 5.875-9.203h-9.715v-16.5h18.637v14.131zm26.88 0c0 9.485-1.894 18.214-14.797 18.97V65.05c4.262 0 5.875-2.931 5.875-9.203h-9.715v-16.5h18.637v14.131z"/%3e%3c/svg%3e');} .svg_cart{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cg data-name="81.Shopping Cart"%3e%3cpath fill="%23A6FF00" d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z"/%3e%3cpath fill="%23A6FF00" d="M16 16H6.586L5 14.414V8h7v2H7v3.586l.414.414H14V7.586L15.586 6H18v2h-1.586L16 8.414V16zM7 16h2v2H7zM13 16h2v2h-2z"/%3e%3c/g%3e%3c/svg%3e');} .svg_pano{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cpath fill="%23A6FF00" d="M0 7v10c0 1.69 1.67 3.13 4.71 4.05a1 1 0 0 0 1.29-1v-5.4a27.91 27.91 0 0 1 12 0c0 5.52-.18 5.77.4 6.2a1 1 0 0 0 .89.16c3-.92 4.71-2.36 4.71-4.05V7C24 .36 0 .34 0 7zm4 11.67c-1.37-.59-2-1.24-2-1.67V9.88a11.78 11.78 0 0 0 2 .93zm2-6.05c0-2.7.14-3.23-.71-3.49C-2.32 6.82 5 4 12 4s14.32 2.82 6.71 5.13c-.85.26-.71.79-.71 3.49a29.23 29.23 0 0 0-12 0zM22 17c0 .43-.63 1.08-2 1.67v-7.86a11.49 11.49 0 0 0 1.88-.81c.18-.16.12-.87.12 7z" data-name="360 Screen"/%3e%3c/svg%3e');} .svg_resize{scale(-1, 1);background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cg data-name="Maximize screen"%3e%3cpath fill="%23A6FF00" d="M15 10.41V12a1 1 0 0 0 2 0c0-5.94.87-5-5-5a1 1 0 0 0 0 2h1.59l-3 3H2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-8.59zM10 21H3v-7h7z"/%3e%3cpath fill="%23A6FF00" d="M22 1H2a1 1 0 0 0-1 1v7a1 1 0 0 0 2 0V3h18v18h-6a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/%3e%3c/g%3e%3c/svg%3e');} .svg_resize2{scale(-1, 1);background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cg data-name="Maximize screen"%3e%3cpath fill="%23A6FF00" stroke="%23AEFF00" d="M15 10.41V12a1 1 0 0 0 2 0c0-5.94.87-5-5-5a1 1 0 0 0 0 2h1.59l-3 3H2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-8.59zM10 21H3v-7h7z"/%3e%3cpath fill="%23A6FF00" stroke="%23e8ff42" d="M22 1H2a1 1 0 0 0-1 1v7a1 1 0 0 0 2 0V3h18v18h-6a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/%3e%3c/g%3e%3c/svg%3e');} .svg_resize3{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill="%23A6FF00" d="m11.817 18.021-6.161-6.083 6.179-6.262 1.579 1.579 2.828-2.828L11.817 0 0 11.976 11.835 23.66l4.405-4.405-2.828-2.828-1.595 1.594z"/%3e%3cpath d="M21.811 9.841h-.099l-2.884-2.884v2.884h-7.017v4h7.017v3.116l5-5-2.017-2.018v-.098z" fill="%23A6FF00"/%3e%3c/svg%3e');} .svg_delete{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3e%3cg data-name="23-Remove"%3e%3cpath fill="%23bfff19" stroke="%238de600" d="M25 0H7a7 7 0 0 0-7 7v18a7 7 0 0 0 7 7h18a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7zm5 25a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5h18a5 5 0 0 1 5 5z"/%3e%3cpath fill="%23bfff19" stroke="%238de600" d="M23.29 7.29 16 14.59l-7.29-7.3-1.42 1.42 7.3 7.29-7.3 7.29 1.42 1.42 7.29-7.3 7.29 7.3 1.42-1.42-7.3-7.29 7.3-7.29-1.42-1.42z"/%3e%3c/g%3e%3c/svg%3e');} .svg_delete2{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve"%3e%3ccircle fill="%23bfff19" cx="256" cy="256" r="246"/%3e%3ccircle fill="%238de600" cx="256" cy="256" r="205"/%3e%3cpath fill="%23deff38" d="m379.213 175.213-42.426-42.426L256 213.573l-80.787-80.786-42.426 42.426L213.573 256l-80.786 80.787 42.426 42.426L256 298.427l80.787 80.786 42.426-42.426L298.427 256z"/%3e%3c/svg%3e');} .svg_delete3{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill="%2300ccff" d="M22 11a11 11 0 1 0-11 11 11 11 0 0 0 11-11zm-6.051 3.536-1.414 1.414L11 12.414 7.465 15.95l-1.414-1.414L9.586 11 6.051 7.465l1.414-1.414L11 9.586l3.535-3.535 1.414 1.414L12.414 11z"/%3e%3c/svg%3e');} .svg_edit{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3e%3cpath fill="%23A6FF00" stroke="%2383dc00" d="M20.548 3.452a1.542 1.542 0 0 1 0 2.182l-7.636 7.636-3.273 1.091 1.091-3.273 7.636-7.636a1.542 1.542 0 0 1 2.182 0zM4 21h15a1 1 0 0 0 1-1v-8a1 1 0 0 0-2 0v7H5V6h7a1 1 0 0 0 0-2H4a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1z"/%3e%3c/svg%3e');} .svg_edit2{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3e%3cpath fill="%23a7ff01" stroke="%23a6ff00" d="M25.14 26.07a1 1 0 0 0-1.3.55 2.19 2.19 0 0 1-2 1.38H10.2A2.21 2.21 0 0 1 8 25.8V6.2A2.21 2.21 0 0 1 10.2 4h11.6a2.19 2.19 0 0 1 2 1.38 1 1 0 1 0 1.85-.76A4.18 4.18 0 0 0 21.8 2H10.2A4.21 4.21 0 0 0 6 6.2v19.6a4.21 4.21 0 0 0 4.2 4.2h11.6a4.18 4.18 0 0 0 3.89-2.62 1 1 0 0 0-.55-1.31z"/%3e%3cpath fill="%23a7ff01" d="M29.53 9.52 25.84 8a1 1 0 0 0-.76 0 1 1 0 0 0-.55.54l-1.16 2.77L19.1 21.4a1 1 0 0 0-.1.6l.68 3.54a1 1 0 0 0 .59.74 1.07 1.07 0 0 0 .39.07 1 1 0 0 0 .55-.16l3-2a1 1 0 0 0 .37-.45l5.43-12.9a1 1 0 0 0-.48-1.32zM26 10.2l1.84.78-.39.92-1.84-.78zm-3.09 12.48-1.51 1-.34-1.77L24.82 13l1.85.78zM20 9a1 1 0 0 0-1-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1zM18 13a1 1 0 0 0-1-1h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 1-1zM12 24a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"/%3e%3c/svg%3e');} .svg_arrowright{rotate(180)deg;} .svg_arrowright, .svg_arrowleft{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 128 128" style="enable-background:new 0 0 128 128" xml:space="preserve"%3e%3cpath id="_x31_" style="fill:%23a7ff01" d="M0 127V1l128 63z"/%3e%3c/svg%3e');} .svg_calendar{background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"%3e%3cpath fill="%23a7ff01" stroke="" d="M0 24h22V2h-4V0h-2v2H6V0H4v2H0zm16-10v-2h2v2zm2 1v2h-2v-2zm-5 2v-2h2v2zm2 1v2h-2v-2zm-2-4v-2h2v2zm-3 3v-2h2v2zm2 1v2h-2v-2zm-2-4v-2h2v2zm-3 3v-2h2v2zm2 1v2H7v-2zm-2-4v-2h2v2zm-1 1v2H4v-2zm-2 3h2v2H4zM4 4v2h2V4h10v2h2V4h2v4H2V4z"/%3e%3c/svg%3e');} /**animations*************************************/ .anim_spin_right{animation: anim_spin_right 0.5s linear 10;} @keyframes anim_spin_right{ 100% { transform:rotate(360deg); } } .anim_spin_left{animation: anim_spin_left 0.5s linear 10;} @keyframes anim_spin_left{ 100% { transform:rotate(-360deg); } } .anim_move_left_right{animation: move_left_right 5s ease-in-out 1;} @keyframes move_left_right {from {left: -1920px;}to {left: 100%;}} .anim_wiggle{animation: anim_wiggle 2s linear 1;} @keyframes anim_wiggle {0%,7% {transform: rotateZ(0);}15% {transform: rotateZ(-1deg); } 20%{transform: rotateZ(1deg);}25% {transform: rotateZ(-1deg); } 30%{transform: rotateZ(1deg);}35% {transform: rotateZ(-1deg);} 40%,100%{transform: rotateZ(0);}} .anim_looper{animation: perspect 4s infinite linear; user-select:none; } @keyframes perspect{0%{transform:perspective(750px) rotateY(0deg)} 25%{transform:perspective(750px) rotateY(90deg)} 50%{transform:perspective(750px) rotateY(180deg)} 75%{transform:perspective(750px) rotateY(270deg)} 100%{transform:perspective(750px) rotateY(360deg)}} .anim_rotator{animation: rotate-box 3s linear infinite; transform-origin: 50% 50%; transform-box: fill-box; } @keyframes rotate-box { to {transform: rotate(360deg); } } .anim_gradient{animation: gradient 5s linear infinite; background:linear-gradient(var(--startColor), var(--endColor)); } @keyframes gradient_1 {0%{}, 50%{ --startColor: rgb(116,205,0,50%); --endColor: rgb(43,35,35,100%); } 100%{ --startColor: #3b3838; --endColor: #deff38; } } /*css3 bg gradients 1 */.gradient2{background-image: repeating-linear-gradient(30deg, rgb(116,205,0,33%) ,rgb(0,0,0,33%) ,rgb(116,205,0,33%) 20px) 60; } /*css3 bg gradients */ .glow, .glowbg{contain:layout; grid-column:full; grid-row:page-header; background-image:radial-gradient(ellipse at 49% 12%,rgb(31,31,31,25%), rgb(174,255,0,75%) 337% 337%); background-color:rgb(31,31,31,75%); box-shadow:inset 0px 7px 1px -5px rgb(174,255,0,45%);} /** css3 bg blend modes by class**/ .normal{mix-blend-mode:normal;background-blend-mode:normal;}.multiply{mix-blend-mode:multiply;background-blend-mode:multiply;}.screen{mix-blend-mode:screen;background-blend-mode:screen;}.overlay{mix-blend-mode:overlay;background-blend-mode:overlay;}.darken{mix-blend-mode:darken;background-blend-mode:darken;}.lighten{mix-blend-mode:lighten;background-blend-mode:lighten;}.color-dodge{mix-blend-mode:color-dodge;background-blend-mode:color-dodge;}.color-burn{mix-blend-mode:color-burn;background-blend-mode:color-burn;}.difference{mix-blend-mode:difference;background-blend-mode:difference;}.exclusion{mix-blend-mode:exclusion;background-blend-mode:exclusion;}.hue{mix-blend-mode:hue;background-blend-mode:hue;}.saturation{mix-blend-mode:saturation;background-blend-mode:saturation;}.color{mix-blend-mode:color;background-blend-mode:color}.luminosity{mix-blend-mode:luminosity;background-blend-mode:luminosity;} /* The fade-in/out animation code */ @keyframes page_fade_in { 0% {background-color:rgb(166,255,0,75%); height:0%; opacity:0.0;top:-500px;} 100% {background-color:rgb(3,0,0,100%); height:100%; opacity:0.99; top:0px; display:block;} } @keyframes page_fade_out { 0% {background-color:rgb(3,0,0,100%); height:100%; opacity:0.99; bottom:0px; display:block; visibility:visible; } 50% {background-color:rgb(8,0,0,75%); height:50px; opacity:0.75; top:0px;} 100% {background-color:rgb(174,255,0,0%); height:0px; opacity:0.0; top:-500px; display:block;}} .fade_in { animation-name: page_fade_in; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: 1; animation-fill-mode: forwards;} .fade_out { animation-name: page_fade_out; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: 1; animation-fill-mode: forwards;} /* The togleFade animation code */ .togglefade { animation-name: page_fade_out; animation-duration: 4000ms; animation-delay: 1000ms; animation-iteration-count: 1; animation-fill-mode: forwards;} @keyframes togglefade { 0% {background-color:rgb(3,0,0,100%); height:100%; opacity:0.99; bottom:0px; display:block; visibility:visible; } 25% {background-color:rgb(8,0,0,75%); height:50px; opacity:0.75; top:0px;} 50% {background-color:rgb(174,255,0,0%); height:0px; opacity:0.0; top:-500px;} 75% {background-color:rgb(166,255,0,75%); height:50%; opacity:0.75;top:0px;} 100% {background-color:rgb(3,0,0,100%); height:100%; opacity:0.99; top:0; display:none;} } #scroll_arrow_top{position:fixed; display:flex; bottom:7.8rem; left:calc(50% - 12rem); width:4.4rem; height:4.4rem; z-index:3; align-items: center; justify-content:center; transform:translateX(-50%) scale(0.8) rotate(-90deg); opacity:0.5; backdrop-filter: saturate(180%) blur(.8rem); border: .2rem solid rgb(101,101,101,25%); background:rgb(216,255,50,75%); color:rgb(50,50,50,75%); transition: background .1s cubic-bezier(.645,.045,.355,1), color .3s cubic-bezier(.645,.045,.355,1),transform .5s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1);} #scroll_arrow_top:hover{position:fixed; opacity:1; justify-content:flex-end; transform:translateX(-50%) scale(1.1) rotate(360deg); transition:transform 1s linear 1, opacity .2s linear 1; color:rgb(50,50,50,100%); background: rgb(200,142,0,75%);}