@charset "utf-8";@font-face{font-family:"Play";src:url(fonts/play-regular.woff2) format("woff2"),url(fonts/play-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:"Play";src:url(fonts/play-bold.woff2) format("woff2"),url(fonts/play-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:fallback}:root{interpolate-size:allow-keywords}::selection{background:#3bac4e;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:#999}::-webkit-scrollbar-thumb:hover{background:#000}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;&.active{color:#3bac4e}}body{background:#f5f5f5;min-height:100svh;display:flex;flex-flow:column;font-family:"Play";font-size:14px;-webkit-tap-highlight-color:#fff0}container{max-width:1200px;display:block;position:relative;margin:auto}header{padding:0 10px;container{display:flex;align-items:center;justify-content:space-between;padding:15px 0}a.logo{max-width:200px;max-height:100px;display:flex;img{width:100%;pointer-events:none}}}main{//min-height:50vh;flex:1;padding:0 10px;container{padding:0 0 40px;p{margin:15px 0;line-height:24px;a{font-size:16px;//font-weight:500;color:#000;&:hover{color:#3bac4e}}img{max-width:100%;height:auto!important}}strong{//font-size:16px;//font-weight:500}ul,ol{padding-left:25px;line-height:24px;li{position:relative;padding:10px;&::before{content:"";border-radius:5px;background:url(images/favicon.svg) center no-repeat;width:24px;height:30px;position:absolute;top:10px;left:-25px}}}map{//border-radius:5px;background:#eee;height:350px;display:block;margin:60px 0}}}footer{min-height:100px;padding:0 10px;container{display:flex;flex-flow:row wrap;justify-content:space-between;padding:40px 0;&::before{content:"";background:url(images/favicon.svg) no-repeat top;background-size:cover;width:40%;aspect-ratio:30/11;position:absolute;bottom:0;right:0;z-index:-1}}p{padding:5px 0}strong{//font-size:16px;//font-weight:500}box{display:flex;gap:20px 40px;info{//max-width:52%;line-height:24px}}copyright{max-width:320px;display:flex;flex-flow:row wrap;align-items:center;gap:5px 10px;margin:10px 0;font-weight:700;color:#000;a{font-weight:400;font-size:12px;color:#000;&:hover{color:#3bac4e}}sep{background:#000;width:1px;height:10px}}a[href*=blures]{font-size:12px;color:#000;&:hover{color:#3bac4e}}}h1{font-size:32px;//font-weight:500}h2{margin:20px 0 20px;font-size:24px;//font-weight:500;text-transform:uppercase;color:#3bac4e}h3{font-size:24px;//font-weight:500;text-transform:uppercase;color:#3bac4e}h4{margin:80px 0 5px;font-size:18px;font-weight:500}h5{margin:0 0 5px;font-size:16px;font-weight:500}:is(photo,.photo):empty,img.error{background:#ebecec;mask:url(images/no-photo.svg) no-repeat center;mask-size:auto 50%}menu{display:flex;//flex-direction:row-reverse;//gap:5px;position:relative;right:-10px;user-select:none;button{outline:none;border:none;background:none;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;&[name=nav]{order:1;z-index:2;span{display:flex;&,&::before,&::after{border-radius:2px;background:#000;width:30px;height:3px;position:absolute;transition:.2s}&::before{content:"";translate:0 -11px}&::after{content:"";translate:0 11px}}&.checked{span{background:transparent!important;transition:.1s;&::before{background:#000;translate:0;rotate:45deg}&::after{background:#000;translate:0;rotate:-45deg}}}&:hover{span{&,&::before,&::after{background:#000}}}}}}publications{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px 10px;margin:30px 0;a{//border-radius:10px;background:#fff;position:relative;//overflow:hidden;&:hover photo img{scale:1.1;transition:scale .25s}photo{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;img{object-fit:cover;width:100%;height:100%;transition:scale .5s;pointer-events:none}}wrapper{display:flex;flex-flow:column;gap:10px;padding:10px}h2{order:2;margin:0;font-size:14px;font-weight:700;text-align:center;color:#000}date{order:1;display:flex;align-items:center;//position:relative;//margin:10px 0;font-size:12px;color:#999}description{display:none}}}publication{date{display:flex;align-items:center;//position:relative;margin:10px 0 20px;font-size:12px;color:#999}&:not(:has(gallery)) img{max-width:100%;display:block;margin:40px auto}share{margin:20px 0 20px auto}}gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:5px;margin:40px 0 20px;padding:20px;a{display:flex;align-items:center;justify-content:center;overflow:hidden;&:hover img{scale:1.1;transition:scale .25s}img{object-fit:cover;aspect-ratio:1/1;width:100%;height:100%;transition:scale .5s;pointer-events:none}}}breadcrumbs{max-width:1200px;display:flex;margin:10px auto;user-select:none;ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;li{&:not(:first-child){position:relative;padding-left:15px;&::before,&::after{content:"";border-radius:2px;background:#000;width:5px;height:1px;position:absolute;top:0;bottom:0;left:0;//inset:0;margin:auto}&::before{translate:0 1.5px;rotate:-45deg}&::after{translate:0 -1.5px;rotate:45deg}}a:hover span{color:#3bac4e}span{color:#000}}}}pagination{user-select:none;ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:10px;li{a{padding:5px;font-size:16px;color:#000;&:hover{color:#000}&.checked{font-size:18px;font-weight:500;color:#000}&:is(.first,.last){position:relative;top:2px;&::before,&::after{content:"";border-radius:2px;background:#000;width:6px;height:1px;position:absolute;inset:0;margin:auto;transition:background .25s,rotate .25s}&::before{translate:0 1.8px}&::after{translate:0 -1.8px}&[href]:hover{&::before,&::after{background:#000}}&:not([href]){cursor:not-allowed}}&.first{&::before{rotate:45deg}&::after{rotate:-45deg}}&.last{&::before{rotate:-45deg}&::after{rotate:45deg}}}count{padding:5px;font-size:16px;color:#000}}}}share{&:not([url]){display:flex;align-items:center;justify-content:flex-end;gap:10px;user-select:none;&::before{content:"Udostępnij"}}a{display:flex;&:hover svg{fill:#3bac4e}svg{width:30px;height:15px;fill:#000;transition:fill .2s}}&[url]{display:flex;align-items:center;gap:5px;user-select:none;cursor:pointer;&:hover svg{stroke:#3bac4e}svg{width:20px;height:15px;fill:none;stroke:#000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;pointer-events:none}}}[slider=true]{position:relative;user-select:none;[slider=items]{scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-behavior:smooth;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;&::-webkit-scrollbar{display:none}&[mouse]{scroll-snap-type:none;scroll-snap-stop:normal;scroll-behavior:auto;cursor:grabbing}}[slider=item]{scroll-snap-align:start;&[pointer]{pointer-events:none}}}:hover>:is([prev],[next]):not([disabled]){opacity:.9;transition:.25s}[prev],[next]{width:50px;height:75px;display:flex;align-items:center;//justify-content:center;position:absolute;top:0;bottom:0;margin:auto;opacity:.3;//scale:1;transition:.5s;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#000;width:25px;height:3px;position:absolute;left:13px}&::before{translate:0 -7.8px}&::after{translate:0 7.8px}&[disabled]{opacity:0;scale:0}&:not([disabled]):hover{scale:1.2}}[prev]{left:0;&::before{rotate:-45deg}&::after{rotate:45deg}}[next]{right:0;&::before{rotate:45deg}&::after{rotate:-45deg}}form{//user-select:none}form[name]{display:flex;flex-flow:column wrap}form[name=contact]{margin:40px auto!important}form wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;margin:10px 0;padding:5px 0}form a{padding:5px;font-weight:700;color:#000;&:hover{color:#3bac4e}}form div a{padding:0}svg[hidden]{width:0;height:0;display:none}label{width:100%;display:flex;align-items:center;gap:10px;position:relative;margin:5px 0;span{position:absolute;top:10px;left:10px;transform-origin:left;transition:.25s;pointer-events:none}}[invalid]::before{content:"!";border-radius:2px;background:#ffa300;width:20px;height:20px;display:grid;place-content:center;position:absolute;right:10px;font-size:14px;font-weight:700;color:#fff;animation:notify .25s}input{outline:none;border:none;border-bottom:1px solid #999;background:#fff0;width:100%;padding:10px;font:inherit;color:#000;&:focus+span,&[value]+span{color:#3bac4e;scale:.7;translate:0 -100%}&:invalid{outline:none;box-shadow:none}}textarea{outline:none;border:none;border-bottom:1px solid #999;background:#fff0;width:100%;padding:10px;font:inherit;color:#000;resize:none;overflow:hidden;&:focus+span,&[value]+span{color:#3bac4e;scale:.7;translate:0 -100%}&:invalid{outline:none;box-shadow:none}}[type=checkbox],[type=radio]{height:100%;position:absolute;opacity:0;pointer-events:none;&~div{cursor:pointer}&~svg{flex:0 0 auto;width:18px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#ccc;cursor:pointer;.path{stroke-dasharray:60;stroke-dashoffset:0;stroke-width:1.5;transition:.2s .1s}.polyline{stroke-dasharray:22;stroke-dashoffset:66;stroke-width:2;transition:.2s .1s}}&:checked~svg{stroke:#3bac4e;.path{stroke-dashoffset:60;transition:.4s}.polyline{stroke-dashoffset:43;transition:.2s .2s}}&:not(:checked,:disabled):hover~svg{stroke:#999}}[type=submit],[type=button]{outline:none;border:none;//border-radius:5px;background:#000;width:40%;position:relative;margin-left:auto;padding:10px;font:inherit;text-transform:uppercase;color:#fff;cursor:pointer;transition:.2s;&:disabled,&:disabled:hover{background:#eee;color:#999;cursor:not-allowed}&:active{scale:.96}&:hover{background:#3bac4e}}.collapse{height:auto;opacity:1;transition:height .25s,opacity .1s linear .25s;&.hidden{margin:0;height:0;opacity:0;overflow:clip;transition:height .25s,opacity 0s}}[length]::after{content:attr(length);position:absolute;bottom:-15px;right:0;font-size:10px;color:#999}[for^=agreement]{div{font-size:10px}&[invalid] div{margin-right:40px}}[type=number]{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none}}[type=file]{height:100%;position:absolute;opacity:0;pointer-events:none;&~div{border-bottom:1px solid #999;width:100%;min-height:40px;padding:10px;cursor:pointer;photos,files{display:flex;flex-wrap:wrap;gap:5px}photo{border-radius:5px;background:#fff;width:100px;height:80px;display:inline-flex;align-items:center;justify-content:center;position:relative;//overflow:hidden;&:hover img{scale:1.1;transition:scale .25s}img{object-fit:contain;width:80%;height:80%;transition:scale .5s;pointer-events:none}}button{border:none;background:#fff!important;width:20px!important;height:20px;position:absolute;top:0;right:0;svg{pointer-events:none}}}}@keyframes notify{50%{scale:1.5}}banner{//background:#3bac4e;background-size:cover;width:100%;//height:600px;min-height:200px;aspect-ratio:5/2;display:block;position:relative;overflow:hidden;img{width:100%;height:auto;margin-left:auto;pointer-events:none}txt{position:absolute;bottom:20px;left:20px;font-size:clamp(24px,6vw,96px);//font-size:60px;font-weight:700;text-align:center;text-transform:uppercase;text-wrap:balance;color:#3bac4e;animation:title 1s 1s backwards;span{color:#000}}}section{min-height:600px;display:flex;gap:20px 40px;position:relative;margin:60px 0;img{mix-blend-mode:darken;max-width:60%;max-height:100%;height:auto;position:absolute;pointer-events:none}wrapper{width:60%;position:relative;top:60px;margin-left:auto}}products{display:flex;//flex-flow:row nowrap;gap:40px 20px;product{display:flex;flex:1;flex-flow:column;align-items:flex-start;gap:20px;img{pointer-events:none}params{display:flex;flex-flow:column;gap:5px;name{text-transform:uppercase;color:#3bac4e}}a{outline:none;border:none;//border-radius:5px;background:#000;//width:40%;position:relative;//margin-left:auto;padding:10px;//font:inherit;text-align:center;text-transform:uppercase;color:#fff;cursor:pointer;transition:.2s;&:active{scale:.96}&:hover{background:#3bac4e}}}}items{display:flex;flex-flow:row wrap;gap:10px;margin:20px 0 60px;item{flex:1 1 auto;width:50%;display:flex;flex-flow:row nowrap;gap:10px;icon{flex:0 0 auto;background:#fff;width:80px;height:80px;display:flex;align-items:center;justify-content:center;img{//width:40px;height:40px;pointer-events:none}}wrapper{padding:20px 10px;txt{font-size:16px;font-weight:700;text-transform:uppercase}p{margin:5px 0;line-height:20px}}}}:has(map){a[href^=tel]{width:fit-content;display:flex;align-items:center;gap:10px;margin:10px 0;font-size:18px;font-weight:700;&::before{content:"";background:#000;mask:url(images/phone.svg) no-repeat center;width:20px;height:16px}&:hover::before{background:#3bac4e}}a[href^=mail]{width:fit-content;display:flex;align-items:center;margin:10px 0;gap:10px;&::before{content:"";background:#000;mask:url(images/mail.svg) no-repeat center;width:20px;height:16px}&:hover::before{background:#3bac4e}}}p>img[src*=logo-gecon]{max-width:40%;position:absolute;right:0;animation:fly 1s 1s backwards;z-index:1}p img[src*=gecon]{animation:zoom 1s 0s backwards}@keyframes fly{0%{opacity:0;translate:-10px}100%{opacity:1;translate:0}}@keyframes zoom{0%{opacity:0;scale:.9}100%{opacity:1;scale:1}}@keyframes title{0%{opacity:0;translate:0 -2vw}100%{opacity:1;translate:0}}@media (max-width:768px){header{}footer{container{flex-flow:column}box{flex-flow:column}}social{margin:25px auto!important}h1{//font-size:18px;//font-weight:500}h3{//font-size:16px;//font-weight:500}nav a.active{color:#fff}menu{z-index:2;button{&[name=nav]~nav{opacity:0;translate:100%;transition:.5s allow-discrete}&[name=nav].checked~nav{display:block;opacity:1;translate:0;box-shadow:0 0 40px rgb(0 0 0 / .1);@starting-style{opacity:0;translate:-100%}}&[name=nav].checked{position:fixed;top:40px}}}nav{//background:rgb(255 255 255 / .5);background:#3bac4e;//background:#999;width:100%;display:none;align-items:center;justify-content:center;position:fixed;inset:0;margin:0;padding:120px 10px 20px;z-index:1;backdrop-filter:blur(25px);font-size:16px;ul{list-style:none;margin:0;padding:0;ul{background:rgb(0 0 0 / .05);height:0;opacity:0;overflow:clip;transition:height .5s,opacity .25s}li{a,span{display:block;position:relative;padding:8px 10px;color:#000;cursor:pointer;&:hover{background:rgb(0 0 0 / .05)}}&.checked>ul{height:auto;opacity:1;transition:height .25s,opacity .1s linear .25s}&:has(ul)>:is(a,span){&::before,&::after{content:"";border-radius:2px;background:#000;width:8px;height:2px;position:absolute;top:0;bottom:0;right:10px;margin:auto;transition:background .25s,rotate .25s}&::before{translate:2.2px;rotate:-45deg}&::after{translate:-2.2px;rotate:45deg}}&:hover:has(ul)>:is(a,span){&::before,&::after{background:#000}}&.checked:has(ul)>:is(a,span){&::before,&::after{background:#000}&::before{rotate:45deg}&::after{rotate:-45deg}}}}}breadcrumbs{display:none}form[name]{max-width:inherit;margin:auto}form>div{margin-top:20px}button:is([type=submit],[type=button]){width:100%}section{flex-flow:column;flex-direction:column-reverse;img{max-width:100%;position:relative}wrapper{width:100%;top:0}}products{flex-flow:column}}@media (min-width:769px){footer{container{gap:20px}box{info{max-width:clamp(52%, 100%, 600px)}}}menu button[name=nav]{display:none}nav{display:flex;align-items:center;//position:absolute;//right:0;ul{list-style:none;margin:0;padding:0;display:flex;ul{background:rgb(255 255 255 / .75);//width:100%;//max-width:300px;display:none;position:absolute;top:120%;padding:10px 0;opacity:0;translate:0 20px;transition:.1s allow-discrete;z-index:1;backdrop-filter:blur(25px)}li{a,span{display:block;position:relative;padding:5px 20px;color:#000;cursor:pointer;white-space:nowrap;transition:.25s;&:hover{color:#3bac4e}}&.checked>ul{display:block;opacity:1;translate:0;box-shadow:0 0 40px rgb(0 0 0 / .1);@starting-style{opacity:0;translate:0 -5px}}&:has(ul)>:is(a,span){padding-right:30px;&::before,&::after{content:"";border-radius:2px;background:#000;width:8px;height:2px;position:absolute;top:0;bottom:0;right:10px;margin:auto;transition:background .25s,rotate .25s}&::before{translate:2.2px;rotate:-45deg}&::after{translate:-2.2px;rotate:45deg}}&:hover:has(ul)>:is(a,span){&::before,&::after{background:#000}}&.checked:has(ul)>:is(a,span){&::before,&::after{background:#000}&::before{rotate:45deg}&::after{rotate:-45deg}}}}}nav>ul>li>a{font-size:16px}form[name]{//max-width:60%;margin:auto}form[name=contact]{[for*=email],[for*=phone]{width:calc(50% - 10px)}}social{position:absolute;bottom:20px;right:20px;a{&:hover svg{fill:#fff!important}}}}@media (min-width:1599px){container{max-width:1500px}breadcrumbs{max-width:1500px}}selectx{width:100%;display:flex;position:relative;margin:5px 0;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#000;width:6px;height:2px;position:absolute;top:0;bottom:0;right:10px;margin:auto;transition:background .25s,rotate .25s}&::before{translate:1.5px;rotate:-45deg}&::after{translate:-1.5px;rotate:45deg}&:hover{&::before,&::after{background:#000}}&:hover>label{//border-bottom:1px solid #ccc}&>label{//border-bottom:1px solid #eee;margin:0;//cursor:pointer;pointer-events:none;&>input{position:absolute;inset:0;opacity:0;cursor:pointer}&>div{border-bottom:1px solid #999;width:100%;min-height:40px;display:flex;align-items:flex-end;padding:10px}}items{background:#fff;width:100%;display:none;position:absolute;top:calc(100% - 1px);opacity:0;translate:0 20px;transition:.1s allow-discrete;z-index:1}&.checked{&::before,&::after{background:#000}&::before{rotate:45deg}&::after{rotate:-45deg}&>label{&>span{color:#3bac4e;scale:.7;translate:0 -100%}}items{display:block;opacity:1;translate:0;box-shadow:0 0 20px rgb(0 0 0 / .1);@starting-style{opacity:0;translate:0 -5px}}}ul{max-height:350px;list-style:none;margin:0;padding:2px;overflow:auto;li{display:flex;padding:2px 10px;white-space:nowrap;&:hover{background:rgb(0 0 0 / .025)}&.active{background:rgb(0 0 0 / .05);font-weight:500}label{margin:0;padding:0;cursor:pointer}img,name{pointer-events:none}[for^=price]{width:100px;gap:5px;margin:2px 0;input{&:focus+span,&[value]+span{translate:0 -75%}}}}}searcher{display:flex;align-items:center;position:relative;svg{width:20px;position:absolute;left:10px;pointer-events:none;path{stroke:#ccc}}&:has(svg) [type=search]{padding-left:40px}[type=search]{border:none}}button{width:100%!important;display:none}}selectx[for=language]{width:80px;margin:0;div,li{border:none;align-items:center;gap:5px;text-transform:uppercase}img{width:24px}items{top:20px}}banner{display:grid;margin:20px 0 60px;wrapper{border-radius:10px;//min-height:300px;display:grid;overflow:hidden;box-shadow:0 0 40px rgb(0 0 0 / .1)}div{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;a,span{display:grid;place-items:center;overflow:hidden;img{object-fit:cover;max-inline-size:100%;block-size:auto;//max-width:100%;//max-height:100%;pointer-events:none}h2{position:absolute;bottom:40px;left:40px;margin:0;font-size:60px;font-weight:400;line-height:1;color:#000;opacity:0}&[visible]{h2{animation:title 1s 1s forwards}img{animation:rotator 2s forwards}}}}[thumbs]{list-style:none;margin:0;padding:0 10px;width:100%;display:flex;flex-flow:row;justify-content:center;gap:10px;position:absolute;bottom:0;translate:0 30px;li{width:80px;height:20px;display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;&::before{content:"";background:rgb(0 0 0 / .1);width:80px;height:2px;transition:.1s}&::after{content:"";background:#000;width:80px;height:2px;position:absolute;translate:-100%}&:hover{&::before{background:rgb(0 0 0 / .2)}}&.active{&::before{background:rgb(0 0 0 / .2)}&::after{translate:0;transition:translate 6s}}}}@media (min-width:769px){[thumbs]{justify-content:right}}@media (hover:hover) and (pointer:fine){&:hover [thumbs] li.active::after{translate:-100%;transition:translate .25s}}@media (pointer:coarse){&:active [thumbs] li.active::after{translate:-100%;transition:translate .25s}}}@keyframes title{0%{opacity:0;translate:0 -10vw}}@keyframes rotator{0%{opacity:.75;scale:1}10%{opacity:1}100%{opacity:1;scale:1.1}}[wait] *{cursor:wait!important}[noscroll]{overflow:hidden}[fixed]{position:fixed;top:0;right:0;z-index:10}[clipboard]{width:max-content;font-size:16px;color:#1a7ec0;cursor:copy;//user-select:none}[message]::before{content:attr(message);background:#1a7ec0;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;left:0;font-size:12px;font-weight:500;color:#fff;z-index:100}cookies{//border-radius:10px;background:#fff;width:clamp(320px, calc(100% - 40px), 860px);display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:10px;position:fixed;bottom:20px;left:20px;padding:20px;text-align:center;opacity:0;scale:.9;transition:.1s;z-index:10;box-shadow:0 0 40px rgb(0 0 0 / .1);&[active]{opacity:1;scale:1;transition:scale .2s}a{//border-radius:5px;background:#fff;padding:10px 20px;color:#000;transition:.25s;cursor:pointer;&:hover{background:#eee}}button{max-width:120px;margin:0!important}}close{width:50px;height:50px;display:none;align-items:center;justify-content:center;position:absolute;right:0;z-index:100;cursor:pointer;&::before,&::after{content:"";border-radius:2px;background:#fff;width:30px;height:3px;position:absolute;transition:.2s}&::before{rotate:45deg}&::after{rotate:-45deg}&:hover{&::before,&::after{background:#d00!important}}}[active]{close{display:flex;opacity:.9;&:hover{opacity:1;transition:.3s}}}popup{display:grid;place-items:center;position:fixed;inset:0;margin:auto;z-index:20;scale:0;translate:0 0 100%;transition:.4s;pointer-events:none;&[active]{scale:1;translate:0;transition:.2s}content{width:min(1080px, 90vw, 90vh);display:flex;position:relative;pointer-events:auto;img{border-radius:20px;width:100%;box-shadow:0 5px 30px rgb(0 0 0 / .75);pointer-events:none}close{&::before,&::after{background:#000}}}}notification{//border-radius:10px;width:80%;position:fixed;top:40%;left:0;right:0;margin:auto;padding:30px;font-size:18px;text-align:center;color:#fff;opacity:0;scale:.5;transition:.5s;z-index:10;box-shadow:0 0 40px rgb(0 0 0 / .1);&.success{background:#b0cb1f}&.error{background:#d00}&.warning{background:#ffa300}&[active]{opacity:1;scale:1;transition:scale .25s linear}}alerts{//border-radius:10px;border:1px solid #eee;background:#fff;max-width:90%;display:block;position:relative;margin:60px auto;padding:20px 25px;animation:alert .5s;box-shadow:0 25px 20px -20px rgb(0 0 0 / .05);user-select:none;&::before{border-radius:2px;width:20px;height:20px;display:grid;place-content:center;position:absolute;top:10px;left:-10px;font-size:14px;font-weight:700;color:#fff;animation:notify .25s}&.information::before{content:"i";background:#3bac4e}&.error::before{content:"!";background:#d00}&.warning::before{content:"!";background:#ffa300}a{font-weight:500;color:#000;&:hover{color:#3bac4e}}}@keyframes alert{0%{opacity:0;scale:0}40%{opacity:0}}e404{display:flex;flex-flow:column;h1{font-size:100px;line-height:1;color:#000}h2{color:#3bac4e}a{color:#3bac4e}img{max-width:100%;margin:auto}}map{--gmp-mat-color-secondary-container:#3bac4e;--gmp-mat-color-on-secondary-container:#fff;--gmp-thumbnail-border-radius:0px;gmp-place-details-compact{color-scheme:only light;border-radius:0;border:none;background:rgb(255 255 255 / .75);width:360px;position:absolute;top:20px;left:20px;backdrop-filter:blur(10px);box-shadow:0 0 20px rgb(0 0 0 / .1)}.gm-style{div{border-color:#3bac4e!important}button{width:inherit}}.drop{animation:drop .3s linear forwards .5s}}@keyframes drop{0%{opacity:0;translate:0 -200px}5%{opacity:.7}50%,100%{opacity:1;translate:0}75%{translate:0 -22px}}social{display:flex;align-items:center;//justify-content:flex-start;gap:10px;margin:30px 0;user-select:none;a{display:flex;&:hover svg{fill:#3bac4e}svg{width:30px;height:15px;fill:#000;transition:fill .2s;pointer-events:none}}}ambilight{display:block;position:relative;margin:0;padding:5%;user-select:none;img{//border-radius:20px;max-width:100%;pointer-events:none;&.light{height:100%;position:absolute;inset:0;z-index:-1;opacity:.75;filter:blur(50px)}}video{aspect-ratio:16/9;border-radius:20px;width:100%}canvas{width:100%;height:100%;position:absolute;inset:0;z-index:-1;filter:blur(80px) saturate(300%);animation:zoomIn 1s forwards}}@keyframes zoomIn{0%{opacity:0;scale:0}100%{opacity:.5;scale:1.1}}pointer{border-radius:50%;//background:linear-gradient(225deg,#009846,#3bac4e);background:#fff;width:20px;height:20px;position:absolute;top:var(--posY);left:var(--posX);cursor:pointer;animation:pulse 2s infinite var(--delay);&:hover{background:#3bac4e;description{opacity:1;scale:1;translate:0;transition:.2s}}description{//border-radius:10px;//background:#fff;background:rgb(255 255 255 / .75);width:max-content;//min-width:200px;position:absolute;top:-15px;left:30px;padding:15px;z-index:1;opacity:0;scale:0;translate:20px;transform-origin:left 15px;transition:.4s;backdrop-filter:blur(25px);box-shadow:0 0 40px rgb(0 0 0 / .1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #3bac4e}100%{box-shadow:0 0 0 20px #fff0}}bluresbox{backdrop-filter:blur(0);&[active]{backdrop-filter:blur(5px)}img{background:none!important;box-shadow:none!important}}