From fd7f4fd810e5ce1f5d0f1e256ca083f51bc0d382 Mon Sep 17 00:00:00 2001 From: Sn4il Date: Thu, 25 Jan 2024 13:01:45 +0300 Subject: =?UTF-8?q?=D0=97=D0=B0=D0=BC=D0=B5=D0=BD=D0=B0=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 340 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 339 insertions(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 3680bd1..de97607 100755 --- a/style.css +++ b/style.css @@ -1 +1,339 @@ -:root{--page-margin:6vw;--entry-width:42rem;--navbar-height:4.4rem;--border-radius:6px;--gallery-gap:0.28333rem;--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--logo-font:var(--body-font);--menu-font:var(--body-font);--font-weight-normal:400;--font-weight-bold:700;--headings-weight:700;--headings-transform:none;--line-height:1.7;--hero-height:80vh;--hero-bg:#17181E;--hero-heading-color:#FFFFFF;--hero-text-color:rgba(255,255,255,0.75);--hero-link-color:#FFFFFF;--hero-link-color-hover:rgba(255,255,255,0.75);--hero-border-color:rgba(255,255,255,0.3);--white:#FFFFFF;--white-rgb:255,255,255;--black:#000000;--dark:#17181E;--gray:#747577;--light:#E6E7EB;--lighter:#F3F3F3;--page-bg:#FFFFFF;--section-bg:#17181E;--color:#D73A42;--color-rgb:215,58,66;--text-color:#17181E;--headings-color:#17181E;--link-color:#17181E;--link-color-hover:#D73A42;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:246,220,144;--info-color:#A8D8FF;--info-color-rgb:168,216,255;--success-color:#A4E4B2;--success-color-rgb:164,228,178;--warning-color:#FFC1BF;--warning-color-rgb:255,193,191}@media all and (min-width:56.25em){:root{--navbar-height:6rem}}@media (prefers-color-scheme:dark){:root{--white:#FFFFFF;--white-rgb:255,255,255;--black:#FFFFFF;--dark:#CECBCB;--gray:#9D9D9D;--light:#373737;--lighter:#1e1e1e;--page-bg:#181818;--section-bg:#1e1e1e;--color:#FFC074;--color-rgb:255,192,116;--text-color:#BFBFBF;--headings-color:#EEEDED;--link-color:#EEEDED;--link-color-hover:#FFC074;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:24,24,24;--info-color:#5B9ED5;--info-color-rgb:24,24,24;--success-color:#54A468;--success-color-rgb:24,24,24;--warning-color:#FB6762;--warning-color-rgb:24,24,24}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}article,aside,footer,header,hgroup,main,nav,section{display:block}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}address{font-style:normal}.facebook{background:#3b5998}.twitter{background:#55acee}.mix{background:#fd8235}.instagram{background:#405de6}.vimeo{background:#1ab7ea}.pinterest{background:#bd081c}.youtube{background:#cd201f}.linkedin{background:#007bb6}.buffer{background:#333}.whatsapp{background:#25d366}::-moz-selection{background:var(--color);color:var(--white)}::selection{background:var(--color);color:var(--white)}html{font-size:clamp(1.1rem, 1.1rem + .1 * ((100vw - 20rem) / 50), 1.2rem);font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--page-bg);color:var(--text-color);font-family:var(--body-font);font-weight:var(--font-weight-normal);line-height:var(--line-height);-ms-scroll-chaining:none;overscroll-behavior:none}a{text-decoration:none}a{color:var(--link-color);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}a:hover{color:var(--link-color-hover)}a:active{color:var(--link-color-hover)}a:focus{outline:0}.invert{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.invert:hover{color:var(--link-color)}.invert:active{color:var(--link-color)}.invert:focus{outline:0}dl,ol,p,ul{margin-top:calc(1.1333333333rem + .25vw)}blockquote,figure,hr,pre,table{margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw)}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-weight:var(--headings-weight);-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;line-height:1.2;margin-top:calc(1.7rem + 1vw);text-transform:var(--headings-transform)}.h1,h1{font-size:clamp(1.5710900065rem, 1.5710900065rem + 1.424540906 * ((100vw - 20rem) / 50), 2.9956309125rem);font-family:var(--heading-font)}.h2,h2{font-size:clamp(1.3808408252rem, 1.3808408252rem + .9332127447 * ((100vw - 20rem) / 50), 2.3140535699rem)}.h3,h3{font-size:clamp(1.2136296308rem, 1.2136296308rem + .4621997101 * ((100vw - 20rem) / 50), 1.6758293408rem)}.h4,h4{font-size:clamp(1.1377777785rem, 1.1377777785rem + .1567604947 * ((100vw - 20rem) / 50), 1.2945382732rem)}.h5,h5{font-size:clamp(1.066666667rem, 1.066666667rem + .0711111115 * ((100vw - 20rem) / 50), 1.1377777785rem)}.h6,h6{font-size:clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 50), 1rem)}h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:calc(.5666666667rem + .25vw)}b,strong{font-weight:var(--font-weight-bold)}blockquote{color:var(--headings-color);font-family:var(--heading-font);padding:3.6833333333rem 0 0;position:relative;text-align:center;font-size:clamp(1.1377777785rem, 1.1377777785rem + .2430630467 * ((100vw - 20rem) / 50), 1.3808408252rem)}blockquote::before{color:var(--dark);content:"“";font:normal 320%/0.9 Georgia,Times,Times New Roman,serif;top:.5666666667rem;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}blockquote>:first-child{margin-top:0}ol,ul{margin-left:2rem}ol>li,ul>li{list-style:inherit;padding:0 0 .2833333333rem .85rem}dl dt{font-weight:var(--font-weight-bold)}pre{background-color:var(--lighter);font-size:.8239746086rem;padding:1.7rem;white-space:pre-wrap;word-wrap:break-word}pre>code{color:var(--text-color);display:inline-block;font-size:inherit;padding:0}code{background-color:var(--lighter);color:var(--color);font-size:.8239746086rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace}table{border:1px solid var(--light);border-collapse:collapse;border-spacing:0;vertical-align:top;text-align:left;width:100%}table th{font-weight:var(--font-weight-bold);padding:.7083333333rem 1.1333333333rem}table td{border-top:1px solid var(--light);padding:.7083333333rem 1.1333333333rem}.table-striped tr:nth-child(2n){background:var(--lighter)}.table-bordered td,.table-bordered th{border:1px solid var(--light)}.table-title th{background:var(--lighter)}figcaption{clear:both;color:gray-2;font-style:italic;font-size:.7241964329rem;margin:.85rem 0 0;text-align:center}kbd{background:var(--dark);border-radius:2px;color:var(--white);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8789062495rem;padding:.1416666667rem .425rem}sub,sup{font-size:65%}small{font-size:.8789062495rem}.separator,hr{background:0 0;border:none;height:auto;line-height:1;max-width:none;text-align:center}.separator::before,hr::before{content:"···";color:var(--dark);font-size:1.2136296308rem;font-weight:var(--font-weight-bold);letter-spacing:1.1377777785rem;padding-left:1.1377777785rem}.separator--dot::before{content:"·";color:var(--dark);font-size:1.2136296308rem;font-weight:var(--font-weight-bold);letter-spacing:1.1377777785rem;padding-left:1.1377777785rem}.separator--long-line{position:relative}.separator--long-line::before{content:"";height:1.2136296308rem}.separator--long-line::after{border-top:1px solid var(--light);content:"";height:1px;position:absolute;width:100%;top:50%;left:0}.btn,[type=button],[type=submit],button{background:var(--color);border:1px solid var(--color);border-radius:2px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.08);color:var(--white);cursor:pointer;display:inline-block;font-family:var(--body-font);font-size:.6789341556rem;font-weight:var(--font-weight-bold);overflow:hidden;padding:.5666666667rem 1.4166666667rem;text-align:center;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;text-transform:uppercase;vertical-align:middle;will-change:transform}@media all and (max-width:19.9375em){.btn,[type=button],[type=submit],button{width:100%}}@media all and (max-width:37.4375em){.btn,[type=button],[type=submit],button{margin-bottom:.5666666667rem}}.btn:active,.btn:focus,.btn:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{-webkit-box-shadow:0 7px 14px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);box-shadow:0 7px 14px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);color:var(--white);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}@media all and (min-width:20em){.btn+.btn,.btn+[type=button],.btn+[type=submit],.btn+button,[type=button]+.btn,[type=button]+[type=button],[type=button]+[type=submit],[type=button]+button,[type=submit]+.btn,[type=submit]+[type=button],[type=submit]+[type=submit],[type=submit]+button,button+.btn,button+[type=button],button+[type=submit],button+button{margin-left:.5666666667rem}}.btn:disabled,[type=button]:disabled,[type=submit]:disabled,button:disabled{background-color:var(--light);border-color:var(--light);color:var(--gray);cursor:not-allowed}[type=button],[type=submit],button{-webkit-appearance:none;-moz-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}fieldset{border:1px solid var(--light);margin:calc(1.7rem + 1vw) 0 0;padding:1.7rem}fieldset>legend{margin-left:-1rem;padding:0 1rem}legend{font-weight:500;padding:0}label{font-weight:500;margin:0 1.1333333333rem .85rem 0}[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{background-color:var(--page-bg);border:none;border:1px solid var(--light);color:var(--text-color);font-size:1rem;outline:0;padding:.34rem .85rem;vertical-align:middle;width:100%;-webkit-appearance:none;-moz-appearance:none}@media all and (min-width:37.5em){[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{width:auto}}[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,select:focus,textarea:focus{border-color:var(--dark)}input[type=checkbox],input[type=radio]{opacity:0;position:absolute}input[type=checkbox]+label,input[type=radio]+label{position:relative;margin-left:-1px;cursor:pointer;padding:0}input[type=checkbox]+label:before,input[type=radio]+label:before{background-color:var(--white);border:1px solid var(--light);border-radius:2px;content:"";display:inline-block;height:1.4166666667rem;line-height:1.4166666667rem;margin-right:1.1333333333rem;vertical-align:middle;text-align:center;width:1.4166666667rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23d73a42'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:11px 8px;background-position:50% 50%}input[type=radio]+label:before{border-radius:50%}input[type=radio]:checked+label:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3ccircle cx='4' cy='4' r='4' fill='%23d73a42'/%3e%3c/svg%3e")}[type=file]{margin-bottom:1.7rem;width:100%}select{max-width:100%;width:auto;position:relative}select:not([multiple]){background:url('data:image/svg+xml;utf8,') no-repeat 90% 50%;background-size:8px;padding-right:3.4rem}select[multiple]{border:1px solid var(--light);padding:1.7rem;width:100%}select[multiple]:hover{border-color:var(--light)}select[multiple]:focus{border-color:var(--dark)}select[multiple]:disabled{background-color:var(--light);cursor:not-allowed}select[multiple]:disabled:hover{border-color:var(--light)}textarea{display:block;overflow:auto;resize:vertical;max-width:100%}.top{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--navbar-height);position:absolute;padding:0 var(--page-margin);-webkit-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;width:100%;z-index:2}@media all and (min-width:56.25em){.top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--navbar-height)}}.top.is-visible{background:var(--section-bg);-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.06);box-shadow:0 3px 10px 0 rgba(0,0,0,.06);opacity:1;position:fixed;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:height .3s,background .3s,opacity .24s,-webkit-transform .24s;transition:height .3s,background .3s,opacity .24s,-webkit-transform .24s;-o-transition:transform .24s,height .3s,background .3s,opacity .24s;transition:transform .24s,height .3s,background .3s,opacity .24s;transition:transform .24s,height .3s,background .3s,opacity .24s,-webkit-transform .24s;width:100%}@media all and (min-width:56.25em){.top.is-hidden{opacity:0;-webkit-transform:translate(0,-86px);-ms-transform:translate(0,-86px);transform:translate(0,-86px);-webkit-transition:background .3s,color .3s,opacity .24s,-webkit-transform .24s;transition:background .3s,color .3s,opacity .24s,-webkit-transform .24s;-o-transition:transform .24s,background .3s,color .3s,opacity .24s;transition:transform .24s,background .3s,color .3s,opacity .24s;transition:transform .24s,background .3s,color .3s,opacity .24s,-webkit-transform .24s}}.logo{color:var(--logo-color)!important;font-size:1.2136296308rem;font-family:var(--logo-font);font-weight:var(--font-weight-normal);margin-right:auto}.logo>img{max-height:calc(3.9666666667rem + 1vw);width:auto}.search{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media all and (min-width:56.25em){.search{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}.search__btn{border:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0;padding:.5666666667rem;width:auto}@media all and (min-width:56.25em){.search__btn{margin-left:1rem;padding-right:0}}.search__btn:focus,.search__btn:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search__btn:focus>svg,.search__btn:hover>svg{fill:rgba(255,255,255,0.7)}.search__btn>svg{display:block;fill:var(--white);height:15px;-webkit-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease;width:15px}.search__form{-ms-flex-preferred-size:90%;flex-basis:90%}.search__input{background:0 0;border:none!important;color:var(--white);display:none;font-family:var(--heading-font);margin:0!important;opacity:0;padding:0;width:100%;font-size:clamp(1.2136296308rem, 1.2136296308rem + .3574603758 * ((100vw - 20rem) / 50), 1.5710900065rem)}.search__close{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none;color:transparent;cursor:pointer;margin:0!important;opacity:0;padding:0;height:1.6rem;width:1.6rem;position:relative;text-indent:-999rem}.search__close:after,.search__close:before{background-color:var(--white);content:"";left:1rem;height:1.6rem;opacity:1;position:absolute;width:1px;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .14s ease-out;-o-transition:all .14s ease-out;transition:all .14s ease-out}.search__close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.search__close:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search__close:hover:after,.search__close:hover:before{background-color:rgba(255,255,255,.7)}.search__overlay{background-color:var(--section-bg);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.05);box-shadow:0 3px 3px rgba(0,0,0,.05);left:0;opacity:0;position:fixed;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;top:0;visibility:hidden;width:100%;z-index:2005}.search__overlay-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:4.4rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 var(--page-margin)}@media all and (min-width:56.25em){.search__overlay-inner{height:6rem}}.search__overlay.expanded{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;display:block;visibility:visible}.search__overlay.expanded .search__input{-webkit-animation:slideininput .24s .12s forwards;animation:slideininput .24s .12s forwards;display:block}@-webkit-keyframes slideininput{60%{opacity:0}100%{opacity:1}}@keyframes slideininput{60%{opacity:0}100%{opacity:1}}.search__overlay.expanded .search__close{-webkit-animation:slideinclose .24s .12s forwards;animation:slideinclose .24s .12s forwards}@-webkit-keyframes slideinclose{60%{opacity:0}100%{opacity:1}}@keyframes slideinclose{60%{opacity:0}100%{opacity:1}}.navbar{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.navbar .navbar__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media all and (max-width:56.1875em){.navbar .navbar__menu{display:none}}.navbar .navbar__menu li{font-family:var(--menu-font);display:block;font-size:.7724761953rem;line-height:var(--line-height);font-weight:500;padding:0;position:relative;text-transform:uppercase;width:auto}.navbar .navbar__menu li a,.navbar .navbar__menu li span[aria-haspopup=true]{color:var(--nav-link-color);display:block;padding:0 .5666666667rem;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.navbar .navbar__menu li a:active,.navbar .navbar__menu li a:focus,.navbar .navbar__menu li a:hover,.navbar .navbar__menu li span[aria-haspopup=true]:active,.navbar .navbar__menu li span[aria-haspopup=true]:focus,.navbar .navbar__menu li span[aria-haspopup=true]:hover{color:var(--nav-link-color-hover)}.navbar .navbar__menu li span{color:var(--nav-link-color);cursor:default;display:block;padding:0 .5666666667rem}.navbar .navbar__menu>li:hover>a,.navbar .navbar__menu>li:hover>span[aria-haspopup=true]{color:var(--nav-link-color-hover)}.navbar .has-submenu:active>.navbar__submenu,.navbar .has-submenu:focus>.navbar__submenu,.navbar .has-submenu:hover>.navbar__submenu{left:0;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);visibility:visible;margin-top:.85rem}.navbar .has-submenu:active>.navbar__submenu:before,.navbar .has-submenu:focus>.navbar__submenu:before,.navbar .has-submenu:hover>.navbar__submenu:before{content:"";height:.85rem;position:absolute;width:100%;top:-.85rem}.navbar .has-submenu:active>.navbar__submenu.is-right-submenu,.navbar .has-submenu:focus>.navbar__submenu.is-right-submenu,.navbar .has-submenu:hover>.navbar__submenu.is-right-submenu{left:auto;right:0;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.navbar .has-submenu .has-submenu:active>.navbar__submenu,.navbar .has-submenu .has-submenu:focus>.navbar__submenu,.navbar .has-submenu .has-submenu:hover>.navbar__submenu{top:0;margin-top:0}.navbar .has-submenu .has-submenu:active>.navbar__submenu.is-right-submenu,.navbar .has-submenu .has-submenu:focus>.navbar__submenu.is-right-submenu,.navbar .has-submenu .has-submenu:hover>.navbar__submenu.is-right-submenu{top:0;margin-top:0}.navbar .navbar__submenu{background:var(--section-bg);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.25);box-shadow:0 5px 5px rgba(0,0,0,.25);border-radius:var(--border-radius);left:-9999px;list-style-type:none;margin:0;padding:10px 0;position:absolute;visibility:hidden;white-space:nowrap;z-index:1;opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 top;-ms-transform-origin:0 top;transform-origin:0 top;-webkit-transition:opacity .15s,-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1),-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar .navbar__submenu__submenu{z-index:2}.navbar .navbar__submenu li{line-height:1.5;font-size:.7241964329rem}.navbar .navbar__submenu li a,.navbar .navbar__submenu li span[aria-haspopup=true]{color:var(--nav-link-color-hover)!important;padding:.5666666667rem 1.4166666667rem;-webkit-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease}.navbar .navbar__submenu li a:active,.navbar .navbar__submenu li a:focus,.navbar .navbar__submenu li a:hover,.navbar .navbar__submenu li span[aria-haspopup=true]:active,.navbar .navbar__submenu li span[aria-haspopup=true]:focus,.navbar .navbar__submenu li span[aria-haspopup=true]:hover{background:rgba(var(--white-rgb),.05);color:var(--nav-link-color)!important}.navbar .navbar__submenu li span{color:var(--nav-link-color-hover)!important;padding:.5666666667rem 1.4166666667rem}.navbar .navbar__submenu li:hover>a,.navbar .navbar__submenu li:hover>span[aria-haspopup=true]{color:var(--nav-link-color)!important}.navbar .navbar__toggle{background:var(--section-bg);-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:3px;cursor:pointer;display:block;line-height:1;margin:0;overflow:visible;padding:1rem;position:relative;right:-1rem;text-transform:none;z-index:2004}@media all and (min-width:56.25em){.navbar .navbar__toggle{display:none}}.navbar .navbar__toggle:focus,.navbar .navbar__toggle:hover{-webkit-box-shadow:none;box-shadow:none;outline:0;-webkit-transform:none;-ms-transform:none;transform:none}.navbar .navbar__toggle-box{width:24px;height:14px;display:inline-block;position:relative}.navbar .navbar__toggle-inner{display:block;top:50%;text-indent:-9999999em}.navbar .navbar__toggle-inner::before{content:"";display:block;top:-6px}.navbar .navbar__toggle-inner::after{content:"";display:block;bottom:-6px}.navbar .navbar__toggle-inner,.navbar .navbar__toggle-inner::after,.navbar .navbar__toggle-inner::before{width:22px;height:2px;background-color:var(--white);position:absolute;-webkit-transition:opacity .14s ease-out,-webkit-transform;transition:opacity .14s ease-out,-webkit-transform;-o-transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out,-webkit-transform}.navbar .navbar__toggle-inner{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-o-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.navbar .navbar__toggle-inner::before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;-o-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.navbar .navbar__toggle-inner::after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);-o-transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19),-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)}.navbar .navbar__toggle.is-active .navbar__toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-o-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.navbar .navbar__toggle.is-active .navbar__toggle-inner::before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;-o-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s}.navbar .navbar__toggle.is-active .navbar__toggle-inner::after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;-o-transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.navbar_mobile_overlay{background:var(--page-bg);height:calc(100vh - 4.4rem);left:0;opacity:1;overflow:auto;pointer-events:auto;position:fixed;top:4.4rem;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:1001}.navbar_mobile_overlay.is-hidden{opacity:0;pointer-events:none}.navbar_mobile_overlay .navbar__menu{margin:24px}.navbar_mobile_overlay .navbar__menu li{list-style:none;margin:0;padding:0;text-align:center}.navbar_mobile_overlay .navbar__menu li a,.navbar_mobile_overlay .navbar__menu li span{color:var(--dark);display:block;padding:.5666666667rem;position:relative}.navbar_mobile_overlay .navbar__menu li a:active,.navbar_mobile_overlay .navbar__menu li a:focus,.navbar_mobile_overlay .navbar__menu li a:hover,.navbar_mobile_overlay .navbar__menu li span:active,.navbar_mobile_overlay .navbar__menu li span:focus,.navbar_mobile_overlay .navbar__menu li span:hover{color:var(--dark)}.navbar_mobile_overlay .navbar__menu li a[aria-haspopup=true]::after,.navbar_mobile_overlay .navbar__menu li span[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:currentColor transparent transparent transparent;left:.5666666667rem;top:15px;position:relative}.navbar_mobile_overlay .navbar__submenu{margin:0;padding:0;visibility:hidden}.navbar_mobile_overlay .navbar__submenu[aria-hidden=false]{visibility:visible}.navbar_mobile_overlay .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_overlay .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar{background:var(--page-bg);-webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);height:100vh;left:0;max-width:400px;overflow:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:80%;z-index:1001}.navbar_mobile_sidebar.is-hidden{left:-400px}.navbar_mobile_sidebar .navbar__menu{margin:24px}.navbar_mobile_sidebar .navbar__menu li{font-family:var(--menu-font);font-size:16px;list-style:none;line-height:1.3;margin:0;padding:0}.navbar_mobile_sidebar .navbar__menu li .is-separator,.navbar_mobile_sidebar .navbar__menu li a{color:var(--dark);display:block;padding:10px 20px 10px 0;position:relative}.navbar_mobile_sidebar .navbar__menu li .is-separator:active,.navbar_mobile_sidebar .navbar__menu li .is-separator:focus,.navbar_mobile_sidebar .navbar__menu li .is-separator:hover,.navbar_mobile_sidebar .navbar__menu li a:active,.navbar_mobile_sidebar .navbar__menu li a:focus,.navbar_mobile_sidebar .navbar__menu li a:hover{color:var(--dark)}.navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup=true]::after,.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:currentColor transparent transparent transparent;right:0;top:18px;position:absolute}.navbar_mobile_sidebar .navbar__submenu{margin:0 0 0 24px;padding:0;visibility:hidden}.navbar_mobile_sidebar .navbar__submenu[aria-hidden=false]{visibility:visible}.navbar_mobile_sidebar .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar__overlay{background:rgba(0,0,0,.5);height:100%;opacity:1;pointer-events:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:10}.navbar_mobile_sidebar__overlay.is-hidden{opacity:0;pointer-events:none}.site-container{background:var(--page-bg);max-width:100%;overflow:hidden}.wrapper{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:var(--entry-width);margin:0 auto;padding:0 var(--page-margin)}.readmore{display:inline-block;color:var(--gray);font-size:.8239746086rem;font-style:italic;text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.hero{background:var(--hero-bg);height:var(--hero-height);position:relative;top:0;z-index:1}.hero__content{bottom:10%;color:var(--hero-text-color);left:50%;position:absolute;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;z-index:2}.hero__content h1{color:var(--hero-heading-color)}.hero__content h1>sup{font-size:1.066666667rem;vertical-align:top}.hero__content h1+p{margin-top:calc(.2833333333rem + .25vw)}.hero__content a{color:var(--hero-link-color);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.hero__content a:hover{color:var(--hero-link-color-hover)}.hero__content a:active{color:var(--hero-link-color)}.hero__content a:focus{outline:0}.hero__image{height:100%;margin:0;position:absolute;width:100%}.hero__image--overlay::after{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.64)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.64) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.64) 100%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.hero__image>img{display:block;height:inherit;-o-object-fit:cover;object-fit:cover;width:inherit}.hero__image>figcaption{background:var(--page-bg);border-radius:calc(4 * var(--border-radius));bottom:1rem;color:var(--text-color);display:block;padding:0 .34rem;position:absolute;text-align:right;right:var(--page-margin);z-index:3}.feed__item{margin-top:calc(2.55rem + 1.5vw);padding-bottom:calc(.5666666667rem + 1vw)}.feed__image{-webkit-box-sizing:content-box;box-sizing:content-box;margin:calc(1.7rem + 1vw) auto;max-width:calc(var(--entry-width) + 20%);padding:0 6vw}.feed__image>img{display:inline-block;height:auto;width:100%}.feed__meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:gray-2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.8239746086rem;margin-bottom:calc(-1.1333333333rem - 1vw)}.feed__author{font-family:var(--menu-font);font-weight:var(--font-weight-bold);text-decoration:none}.feed__date{color:var(--gray);font-style:italic}.feed__author+.feed__date{margin-left:.85rem}.feed__author+.feed__date::before{content:"";background:var(--light);display:inline-block;height:1px;margin-right:4px;width:1rem;vertical-align:middle}.feed__readmore{margin-top:calc(1.1333333333rem + .25vw)}.feed--grid{display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;grid-gap:calc(1.7rem + 1.5vw);margin-top:0;padding-top:calc(2.55rem + 1.5vw)}@media all and (min-width:37.5em){.feed--grid{-ms-grid-columns:1fr calc(1.7rem + 1.5vw) 1fr;grid-template-columns:repeat(2,1fr)}}.feed--grid h2{margin-top:0}.feed--grid sup{font-size:1.066666667rem;vertical-align:top}.feed--grid-tag-desc>:first-child{margin-top:0}.post__image{display:inline-block}.post__image>img{display:inline-block}.post__image--left{float:left;margin-bottom:1.7rem;margin-right:1.7rem;max-width:50%}.post__image--right{float:right;margin-bottom:1.7rem;margin-left:1.7rem;max-width:50%}.post__image--center{display:block;margin-left:auto;margin-right:auto;text-align:center}.post__image--wide{display:block}@media all and (min-width:56.25em){.post__image--wide{margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin));text-align:center}.post__image--wide a,.post__image--wide img{display:block;height:auto;width:100%}}.post__image--full{display:block;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);text-align:center}.post__image--full a,.post__image--full img{display:block;height:auto;width:100%}.post__meta{color:gray-2;font-size:.8239746086rem;font-style:italic;margin-bottom:calc(-1.4166666667rem - 1vw)}.post__meta--author{border-top:1px solid var(--hero-border-color);font-style:normal;display:inline-block;margin-top:1.7rem;padding-top:1.4166666667rem}@media all and (min-width:37.5em){.post__meta--author{margin-top:2.8333333333rem;padding-top:1.7rem}}.post__author-thumb{border-radius:50%;height:1.7rem;margin-right:.5666666667rem;width:1.7rem}.post__entry{margin-top:calc(2.55rem + 1.5vw)}.post__entry>:first-child{margin-top:0}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a){color:var(--link-color-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):active,.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):focus,.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):hover{color:var(--link-color)}.post__avatar-thumbs{border-radius:50%;height:4.5333333333rem;width:4.5333333333rem}.post__last-updated{color:var(--gray);font-size:.7724761953rem;font-style:italic;margin-top:2.2666666667rem}.post__last-updated+.post__tag{margin:1.1333333333rem 0 0}.post__tag{margin:2.2666666667rem 0 0;font-family:var(--menu-font);font-size:.8239746086rem}.post__tag>li{display:inline-block;margin-right:.2833333333rem;padding:0}.post__tag>li>a{background:var(--lighter);border-radius:calc(4 * var(--border-radius));color:var(--dark);font-size:.7241964329rem;font-weight:var(--font-weight-normal);padding:.425rem .85rem}.post__tag>li>a:hover{background:var(--light)}.post__share{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(2.8333333333rem + 1vw) -.2833333333rem 0}.post__share>a{border-radius:calc(4 * var(--border-radius));-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:.2833333333rem;line-height:0;padding:.7083333333rem 1.1333333333rem;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;text-align:center}.post__share>a:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.post__share>a span{color:var(--white);font-family:var(--menu-font);font-size:.5967194723rem;font-weight:var(--font-weight-bold);margin-left:.2833333333rem;text-transform:uppercase}.post__share>a svg{fill:var(--white);height:18px;pointer-events:none;width:18px;vertical-align:middle}.post__bio{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:calc(3.4rem + 1vw) 0 calc(3.4rem + 2vw)}@media all and (min-width:37.5em){.post__bio::before{content:"";border-top:1px solid var(--light);height:1px;margin-right:2rem;width:20%}}.bio__avatar{border-radius:50%;-ms-flex-negative:0;flex-shrink:0;height:3rem;margin-right:1.2rem;width:3rem}@media all and (min-width:37.5em){.bio__avatar{height:4rem;margin-right:2rem;width:4rem}}.bio__name{font-family:var(--menu-font);font-size:1rem;font-weight:var(--font-weight-bold);margin:0}.bio__desc{font-family:var(--body-font);font-size:.8239746086rem;line-height:1.5}@media all and (min-width:37.5em){.bio__desc{width:80%}}.bio__desc>:first-child{margin-top:.5666666667rem}.bio__desc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.bio__desc a{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.bio__desc a:hover{color:var(--link-color)}.bio__desc a:active{color:var(--link-color)}.bio__desc a:focus{outline:0}.post__nav{border-top:1px solid var(--light);margin-top:calc(2.55rem + 1vw);padding:2.55rem var(--page-margin) 2.8333333333rem;position:relative}@media all and (min-width:37.5em){.post__nav-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media all and (min-width:37.5em){.post__nav-next,.post__nav-prev{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}.post__nav-next svg,.post__nav-prev svg{fill:var(--gray)}@media all and (max-width:37.4375em){.post__nav-next svg,.post__nav-prev svg{display:none}}@media all and (min-width:37.5em){.post__nav-next{margin-left:auto;text-align:right}}@media all and (max-width:37.4375em){.post__nav-prev+.post__nav-next{margin-top:1.1333333333rem}}@media all and (min-width:37.5em){.post__nav-prev+.post__nav-next{margin-left:1.7rem}}.post__nav-link{font-family:var(--body-font);font-size:.8239746086rem;font-style:italic;line-height:1.5}@media all and (min-width:37.5em){.post__nav-link[rel=prev]{padding-left:.85rem}}@media all and (min-width:37.5em){.post__nav-link[rel=next]{padding-right:.85rem}}.post__nav-link>span{color:var(--gray);display:block;font-size:.7724761953rem;font-family:var(--menu-font);font-style:normal}.post__nav+.post__related{margin-top:0}.post__nav+.post__comments{border-top:1px solid var(--light);margin-top:0}.post__related{background:var(--lighter);margin-top:calc(2.55rem + 1vw);margin-bottom:calc(-2.55rem - 1vw);padding:calc(.85rem + 1vw) 0 calc(3.4rem + 3vw)}.related__item{margin-top:calc(3.4rem + 1vw)}.related__item::before{content:"";border-top:1px solid var(--light);display:block;height:1px;margin-bottom:2rem;width:20%}.post__related+.post__comments{border-top:none}.post+.post__comments{margin-top:0}.post+.post__comments .h5{margin-top:0}.post__comments{margin-top:calc(2.55rem + 1vw);overflow:hidden}.post__iframe,.post__video{display:block;margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw);overflow:hidden;padding:0;position:relative;width:100%}.post__iframe::before,.post__video::before{display:block;content:"";padding-top:var(--embed-aspect-ratio)}.post__iframe iframe,.post__iframe video,.post__video iframe,.post__video video{border:none;height:100%;left:0;position:absolute;top:0;bottom:0;width:100%}.post__toc h3{font-size:1rem;margin:0}.post__toc ul{counter-reset:item;list-style:decimal;margin:calc(.5666666667rem + .25vw) 0 0 1rem}.post__toc ul li{counter-increment:item;padding:0}.post__toc ul ul{margin-top:0}.post__toc ul ul li{display:block}.post__toc ul ul li:before{content:counters(item, ".") ". ";margin-left:-20px}.banner{text-align:center}.banner--after-post{margin-top:calc(2.55rem + 1vw)}.page__desc>:first-child{margin-top:calc(.2833333333rem + .25vw)}.page__desc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.page--author__avatar{border-radius:50%;height:3rem;margin-bottom:calc(-1.4166666667rem - 1vw);width:3rem}@media all and (min-width:37.5em){.page--author__avatar{height:4rem;width:4rem}}.page--author__website{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.page--author__website a{font-family:var(--menu-font);font-weight:var(--font-weight-bold);margin-left:.4rem;text-decoration:none}.page--search form{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media all and (max-width:37.4375em){.page--search input{margin-bottom:.5666666667rem}}@media all and (min-width:20em){.page--search input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:.5666666667rem}}@media all and (max-width:37.4375em){.page--search button{width:100%}}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.msg{border-left:4px solid;font-size:.9374999997rem;padding:1.1333333333rem 1.7rem;position:relative}.msg--highlight{background-color:rgba(var(--highlight-color-rgb),.4);border-color:var(--highlight-color)}.msg--info{background-color:rgba(var(--info-color-rgb),.4);border-color:var(--info-color)}.msg--success{background-color:rgba(var(--success-color-rgb),.4);border-color:var(--success-color)}.msg--warning{background-color:rgba(var(--warning-color-rgb),.4);border-color:var(--warning-color)}.ordered-list{counter-reset:listCounter}.ordered-list li{counter-increment:listCounter;list-style:none;padding-left:.2833333333rem;position:relative}.ordered-list li::before{color:var(--color);content:counter(listCounter,decimal-leading-zero) ".";font-weight:var(--font-weight-bold);left:-2rem;position:absolute}.dropcap:first-letter{color:var(--headings-color);float:left;font-size:3.6355864383rem;line-height:.7;margin-right:.5666666667rem;padding:.5666666667rem .5666666667rem .5666666667rem 0}.pec-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.pec-overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--light);font-size:14px;display:none;height:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.4;padding:1rem;position:relative;text-align:center}@media all and (min-width:37.5em){.pec-overlay{font-size:16px;line-height:var(--line-height);padding:1rem 2rem}}.pec-overlay.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}.pec-overlay-inner p{margin:0 0 1rem}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:calc(3.4rem + 1vw)}@media all and (min-width:56.25em){.pagination{margin-top:calc(5.1rem + 1vw)}}.pagination__item+.pagination__item{margin-left:1.1333333333rem}.pagination svg{fill:var(--gray)}.footer{background:var(--section-bg);font-family:var(--menu-font);overflow:hidden;padding:calc(3.4rem + 1vw) var(--page-margin);margin:calc(2.55rem + 1vw) 0 0;text-align:center}.footer__social svg{fill:var(--white);height:.9374999997rem;margin:0 .85rem;opacity:.6;-webkit-transition:all .12s linear 0s;-o-transition:all .12s linear 0s;transition:all .12s linear 0s;width:.9374999997rem}.footer__social svg:hover{opacity:1}.footer__copyright{color:var(--gray);font-size:.6789341556rem;letter-spacing:1px;text-transform:uppercase;padding:1.7rem 0}.footer a{color:var(--white)}.footer a:hover{color:rgba(var(--white-rgb),.7)}.footer__bttop{bottom:1.4166666667rem;border-radius:50%;line-height:1;opacity:0;padding:.51rem;position:fixed;right:2rem;text-align:center;width:auto!important;visibility:hidden;z-index:999}@media all and (min-width:56.25em){.footer__bttop{bottom:2.8333333333rem}}.footer__bttop:hover{opacity:1}.footer__bttop>svg{fill:var(--white);height:23px;margin:0;width:23px}.footer__bttop.is-visible{visibility:visible;opacity:1}.gallery{margin:calc(1.7rem + 1vw) calc(var(--gallery-gap) * -1)}@media all and (min-width:20em){.gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media all and (min-width:56.25em){.gallery-wrapper--wide{margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin))}.gallery-wrapper--wide .gallery{width:calc(100% + var(--gallery-gap) * 2)}}.gallery-wrapper--full{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}@media all and (min-width:20em){.gallery[data-columns="1"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}}@media all and (min-width:30em){.gallery[data-columns="2"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}}@media all and (min-width:37.5em){.gallery[data-columns="3"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 33.333%;flex:1 0 33.333%}}@media all and (min-width:56.25em){.gallery[data-columns="4"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}}@media all and (min-width:56.25em){.gallery[data-columns="5"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}}@media all and (min-width:56.25em){.gallery[data-columns="6"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 16.666%;flex:0 1 16.666%}}@media all and (min-width:56.25em){.gallery[data-columns="7"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 14.285%;flex:1 0 14.285%}}@media all and (min-width:56.25em){.gallery[data-columns="8"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 12.5%;flex:1 0 12.5%}}.gallery__item{margin:0;padding:var(--gallery-gap);position:relative}@media all and (min-width:20em){.gallery__item{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}}@media all and (min-width:30em){.gallery__item{-webkit-box-flex:1;-ms-flex:1 0 33.333%;flex:1 0 33.333%}}@media all and (min-width:37.5em){.gallery__item{-webkit-box-flex:1;-ms-flex:1 0 25%;flex:1 0 25%}}.gallery__item a{display:block;height:100%;width:100%}.gallery__item a::after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));background:-o-linear-gradient(bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);bottom:var(--gallery-gap);content:"";display:block;opacity:0;left:var(--gallery-gap);height:calc(100% - var(--gallery-gap) * 2);position:absolute;right:var(--gallery-gap);top:var(--gallery-gap);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;width:calc(100% - var(--gallery-gap) * 2)}.gallery__item a:hover::after{opacity:1}.gallery__item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gallery__item figcaption{bottom:1.2rem;color:var(--white);left:50%;opacity:0;position:absolute;text-align:center;-webkit-transform:translate(-50%,1.2rem);-ms-transform:translate(-50%,1.2rem);transform:translate(-50%,1.2rem);-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.gallery__item:hover figcaption{opacity:1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.pswp--dark .pswp__bg{background:#000}.pswp--light .pswp__bg{background:var(--white)}.pswp--light .pswp__counter{color:var(--text-color)}.pswp--light .pswp__caption__center{color:var(--text-color)}.pswp .pswp__button{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none}.hero__image--overlay::after{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.64) 100%)}img[loading]{opacity:0}img.is-loaded{opacity:1;transition:opacity 1s cubic-bezier(.215, .61, .355, 1)} \ No newline at end of file + +/*Begin copy-pasted segment from meowcity.club (with minor ajustments)*/ +/*Links styling*/ +a[href]:before { + content: "["; +} +a[href]:after { + content: "]"; +} +a[href], +a>span /*Only required because some instances do some strange stuff with links*/{ + color: cyan; + text-decoration: none; +} + + +/*Header styling*/ +h1, +.p-name, +.snac-top-user-name { + font-size: 1em!important; + color: red; +} +h1:before, +.p-name:before, +.snac-top-user-name { + content: "# "; +} + +h2, +.snac-top-user-id { + font-size: 1em!important; + color: deepskyblue; +} +h2:before, +.snac-top-user-id::before { + content: "## "; +} + +h3 { + font-size: 1em; + color: magenta; +} +h3>a /*h3 colouring overrides the link*/{ + color: magenta; +} +h3:not(.terminal-input)::before { + content: "### "; +} + +h4:before { + content: "#### " +} +h4 { + font-size: 1em; + color: pink; +} + + +/*Markup styling*/ +strong, +strong>span/*Once again due to weird instance styling*/ { + color: coral; +} +strong:before { + content: "<"; +} +strong:after { + content: ">"; +} +ul { + list-style-type: none; +} +li>h3:before /*List prefix overrides h3 prefix*/{ + content: "- " !important; +} +li:not(:has(h3)):before { + content: "- "; +} + + +/*Default SNAC css*/ +body { + width: 85%; + margin: auto; + line-height: 1.5; + padding: 0.8em; + word-wrap: break-word; +} + +pre { + overflow-x: scroll; /*Don't crop on overflow; this doesn't happen very often*/ +} + +.snac-embedded-video, +img { + max-width: 100% +} + +.snac-origin { + font-size: 85% +} +.snac-score { + float: right; + font-size: 85% +} + +.snac-top-user { + text-align: center; + padding-bottom: 2em +} + +.snac-top-user-name { + font-size: 200% +} + +.snac-top-user-id { + font-size: 150% +} + +.snac-avatar { + float: left; + height: 2.5em; + padding: 0.25em +} + +.snac-author { + font-size: 90%; + text-decoration: none +} + +.snac-author-tag { + font-size: 80% +} + +.snac-pubdate { + color: #a0a0a0; + font-size: 90% +} + +.snac-top-controls { + padding-bottom: 1.5em +} + +.snac-post { + border-top: 1px solid #a0a0a0; +} + +.snac-children { + padding-left: 2em; + border-left: 1px solid #a0a0a0; +} + +.snac-textarea { + font-family: inherit; + width: 100% +} + +.snac-history { + border: 1px solid #606060; + border-radius: 3px; + margin: 2.5em 0; + padding: 0 2em +} + +.snac-btn-mute { + float: right; + margin-left: 0.5em +} + +.snac-btn-unmute { + float: right; + margin-left: 0.5em +} + +.snac-btn-follow { + float: right; + margin-left: 0.5em +} + +.snac-btn-unfollow { + float: right; + margin-left: 0.5em +} + +.snac-btn-hide { + float: right; + margin-left: 0.5em +} + +.snac-btn-delete { + float: right; + margin-left: 0.5em +} + +.snac-btn-limit { + float: right; + margin-left: 0.5em +} + +.snac-btn-unlimit { + float: right; + margin-left: 0.5em +} + +.snac-footer { + margin-top: 2em; + font-size: 75% +} +.snac-poll-result { + margin-left: auto; + margin-right: auto; +} + +/*Begin og segment*/ +* { + background-color: black; + color: white; + font-family: monospace; +} + +/*This makes buttons look like any other text - this was intended to have surrounding symbols, +but it doesn't work on inputs, so you may want to re-enable the border for a11y*/ +input[type=submit] { + border-width: 0px; + color: lime; + font-size: .9em; + cursor: pointer; +} +input[type=text] { + border-width: 0px; +} + +/*Summary ajustments*/ +details[open]>summary::marker { + content: "v " +} +details>summary:hover { + cursor: pointer; +} +details>summary::marker { + color: hotpink; + content: "> " +} + +/*Changes user @s in mentions and in posts*/ +.snac-origin>a, +.snac-post-with-desc>p>b>a, +.mention, +.snac-author-tag, +.mention>span { + color: mediumslateblue!important +} +.snac-origin>a::before, +.mention::before, +.snac-author::before, +.snac-author-tag::before, +.snac-post-with-desc>p>b>a:before { + content: "("!important; +} +.snac-origin>a::after, +.mention::after, +.snac-author::after, +.snac-author-tag::after, +.snac-post-with-desc>p>b>a::after { + content: ")"!important +} + +/*Changes date from mm-dd-yyyy to [mm-dd-yyyy]*/ +.snac-pubdate::before { + content: "[" +} +.snac-pubdate::after { + content: "]" +} + +/*Origin ajustments - this includes boosts and replies*/ +.snac-origin { + color: indianred +} +.snac-origin::before { + content: "((" +} +.snac-origin::after { + content: "))" +} + +/*Media fixes*/ +.snac-embedded-video, +img { + max-width: 200px; + max-height: 200px; + height: fit-content; + object-fit: contain; +} +.snac-content-attachments>a::before, +.snac-content-attachments>a::after { + content: "" +} +.snac-content-attachments, +img { + animation-play-state: paused; +} +.snac-content-attachments:hover, +img:hover { + animation-play-state: running; +} + +.snac-top-user { + text-align: left; + padding-top: 1em; +} + +/*The below only styling works on webkit browsers*/ +input[type=submit]::after { + content: "]" +} +input[type=submit]::before { + content: "[" +} +input[type=checkbox] { + visibility: hidden; +} +input[type=checkbox]::after { + visibility: visible; + content: "[-]"; + color: red; +} +input[type=checkbox]::after:checked { + content: "[X]" +} + +/*Hides pinned posts in private view*/ +/*Only works in userstyles; change to instance URL*/ +@-moz-document regexp(".*/admin.*") { + .snac-post:has(.snac-post-header > .snac-score > span) { + display: none; + } +} -- cgit v1.2.3