@charset "UTF-8";
/***!  /templates/esperluette/css/toggles.css?f4f922  !***/

.toggleBtn{cursor:pointer;padding:.5rem 2rem;color:var(--color-green)}.toggleBtn svg{width:28px;height:17px;margin:0 auto;stroke:var(--color-green)}.toggleBtn span{font-family:var(--font2);font-size:10px}.toggleBtnClose{display:none}.btnClose{display:none}.btnClose+.toggleBtnClose{display:block}.togglePane{opacity:0;visibility:hidden;transition:opacity .5s;z-index:100}.togglePane.open{opacity:1}.togglePane.visible{visibility:visible}body[class*="overlay"]{overflow:hidden}body::before{content:'';position:fixed;top:0;left:0;background:rgba(255,255,255,.8);opacity:0;transition:opacity .5s}body[class*="overlay"]::before{right:0;bottom:0;opacity:1;z-index:100}