.css-jtawwa{margin-bottom:32px;} .css-1d87hyi{display:block;max-width:100%;height:auto;margin-bottom:16px;} .css-button-v0k0bo{display:block;margin-bottom:8px;text-align:center;}.css-6482o6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;list-style:none;margin-left:-16px;margin-right:-16px;}.css-10ozgd1{margin-left:16px;margin-right:16px;padding:0;}.css-i1gwhw{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(1px,1px,1px,1px);clip:rect(1px,1px,1px,1px);white-space:nowrap;}.css-eo7znu{padding:32px 16px;background:#fafafa;background-image:url(/d46fe0040c336e955a1a794927bd278d.png);} .css-1gd1yml{margin-bottom:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .css-oi3rzz{margin-top:0;margin-bottom:16px;} .css-jtawwa{margin-bottom:32px;} .css-haw22i{margin-bottom:16px;}.css-17k05uf{padding:8px;}@media (max-width:650px){.css-17k05uf{display:none;}}.css-r9vozr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:64px;} .css-panel-1asgzqv{-webkit-flex-basis:300px;-ms-flex-preferred-size:300px;flex-basis:300px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;} .css-panelPrev-h368eu{padding-right:16px;} .css-panelNext-1i6c957{padding-left:16px;text-align:right;} .css-1njlj0m{margin-bottom:2px;font-weight:bold;} .css-link-h8hsyv{display:block;position:relative;}.css-link-h8hsyv::before{font-family:"Avenir Next","Helvetica Neue",sans-serif;position:absolute;margin-top:0.15em;} .css-linkPrev-966ksh::before{content:"\2190";left:-1.2em;} .css-linkNext-1a0mc68::before{content:"\2192";right:-1.2em;}@media (min-width:500px){.css-1nfeoes{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}} .css-baseStyle-3b5wad{display:block;width:100%;height:52px;margin-bottom:8px;padding:0.6em 1em;background-color:#fff;border:2px solid #6eedf8;border-radius:52px;font-size:20.28px;outline:none;}@media (min-width:500px){.css-baseStyle-3b5wad{width:auto;}} .css-inputStyle-16d70pc{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;color:#222;}@media (min-width:500px){.css-inputStyle-16d70pc{border-right:0;border-radius:52px 0 0 52px;}}.css-inputStyle-16d70pc:focus,.css-inputStyle-16d70pc:focus ~ input{border-color:#09b5c4;} .css-buttonStyle-hwyor0{-webkit-letter-spacing:0.05em;-moz-letter-spacing:0.05em;-ms-letter-spacing:0.05em;letter-spacing:0.05em;font-weight:700;color:#09b5c4;-webkit-transition:background-color cubic-bezier(.23,1,.32,1) 0.3s, color cubic-bezier(.23,1,.32,1) 0.3s;transition:background-color cubic-bezier(.23,1,.32,1) 0.3s, color cubic-bezier(.23,1,.32,1) 0.3s;}@media (min-width:500px){.css-buttonStyle-hwyor0{border-radius:0 52px 52px 0;}}.css-buttonStyle-hwyor0:hover{color:#0de1f3;background-color:rgba(110,237,248,0.2);}@charset "UTF-8"; /* Where does the horizontal grid start? */ html:after { content: "js-breakpoints-getComputedStyleTest"; display: none; } /*------------------------------------*\ $MIXINS \*------------------------------------*/ /** * Create a fully formed type style (sizing and vertical rhythm) by passing in a * single value, e.g.: * `@include font-size(10px);` * * Thanks to @redclov3r for the `line-height` Sass: * twitter.com/redclov3r/status/250301539321798657 */ /** * Force overly long spans of text to truncate, e.g.: * `@include truncate(100%);` * * Where `$truncation-boundary` is a united measurement. */ /** * CSS arrows!!! But... before you read on, you might want to grab a coffee... * * This mixin creates a CSS arrow on a given element. We can have the arrow * appear in one of 12 locations, thus: * * 01 02 03 * +------------------+ * 12 | | 04 * | | * 11 | | 05 * | | * 10 | | 06 * +------------------+ * 09 08 07 * * You pass this position in along with a desired arrow color and optional * border color, for example: * * `@include arrow(top, left, red)` * * for just a single, red arrow, or: * * `@include arrow(bottom, center, red, black)` * * which will create a red triangle with a black border which sits at the bottom * center of the element. Call the mixin thus: * .foo{ background-color:#BADA55; border:1px solid #ACE; @include arrow(top, left, #BADA55, #ACE); } * */ /** * Media query mixin. * * It’s not great practice to define solid breakpoints up-front, preferring to * modify your design when it needs it, rather than assuming you’ll want a * change at ‘mobile’. However, as inuit.css is required to take a hands off * approach to design decisions, this is the closest we can get to baked-in * responsiveness. It’s flexible enough to allow you to set your own breakpoints * but solid enough to be frameworkified. * * We define some broad breakpoints in our vars file that are picked up here * for use in a simple media query mixin. Our options are: * * palm * lap * lap-and-up * portable * desk * desk-wide * * Not using a media query will, naturally, serve styles to all devices. * * `@include media-query(palm){ [styles here] }` * * We work out your end points for you: */ .fadeIn-enter { opacity: 0.01; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .fadeIn-enter.fadeIn-enter-active { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } .fadeIn-leave { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .fadeIn-leave.fadeIn-leave-active { -webkit-transform: translateX(200px); transform: translateX(200px); opacity: 0.01; } /*------------------------------------*\ $RESET \*------------------------------------*/ /** * A more considered reset; more of a restart... * As per: csswizardry.com/2011/10/reset-restarted */ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } /** * The usual... */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; } /** * Give a help cursor to elements that give extra info on `:hover`. */ abbr[title], dfn[title] { cursor: help; } /** * Remove underlines from potentially troublesome elements. */ u, ins { text-decoration: none; } /** * Apply faux underline via `border-bottom`. */ ins { border-bottom: 1px solid; } /** * So that `alt` text is visually offset if images don’t load. */ img { font-style: italic; } /** * Give form elements some cursor interactions... */ label, button, select, option { cursor: pointer; } .text-input:active, .text-input:focus, textarea:active, textarea:focus { cursor: text; outline: none; } /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /* * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /* * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /* * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /* * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ } /* * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------*\ $CLEARFIX \*------------------------------------*/ /** * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php * Extend the clearfix class with Sass to avoid the `.cf` class appearing over * and over in your markup. */ .clearfix:after, .cf:after { content: ""; display: table; clear: both; } body:after { display: none; } @media only screen and (min-width: 1650px) { body:after { content: "media-query-desk-wide"; } } @media only screen and (min-width: 1350px) { body:after { content: "media-query-desk"; } } @media only screen and (max-width: desk) { body:after { content: "media-query-desk"; } } @media only screen and (max-width: 1349px) { body:after { content: "media-query-portable"; } } @media only screen and (max-width: portable) { body:after { content: "media-query-portable"; } } @media only screen and (max-width: 649px) { body:after { content: "media-query-palm"; } } @media only screen and (max-width: palm) { body:after { content: "media-query-palm"; } } html { font: 1.125em/1.5 "Lora", "Merriweather", "Georgia", serif; line-height: 27px; font-weight: 400; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } body, button, input { color: #222; } button, input { font-family: "Avenir Next", "Helvetica Neue", sans-serif; } input { padding: 3px 6px; border: 1px solid #dedede; border-radius: 3px; } ::-moz-selection { background: #5bbac3; color: #fff; } ::selection { background: #5bbac3; color: #fff; } ::-moz-selection { background: #5bbac3; color: #fff; } h1, h2, h3, h4, h5, h6 { font-family: "Avenir Next", "Helvetica Neue", sans-serif; color: #222; font-weight: 600; line-height: 1.2; } /* remove code formatting from headers */ h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { background-color: inherit; font-size: inherit; } h1 { font-size: 44.55516px; font-weight: 700; } h2 { font-size: 34.2732px; font-weight: 700; } h3 { font-size: 26.364px; } h4 { font-size: 20.28px; } h5 { font-size: 15.6px; text-transform: uppercase; margin-bottom: 0; } p { margin-bottom: 27px; } pre, code { font-family: "Input Sans Narrow", "Source Code Pro", "Input Sans", "Inconsolata", monospace; font-weight: 400; background-color: #eee; border-radius: 3px; padding: 6.75px; } code { font-size: 15px; font-size: 0.83333rem; line-height: 1.8; } pre { margin-bottom: 27px; overflow-y: auto; font-size: 13px; font-size: 0.72222rem; line-height: 2.07692; } @media only screen and (max-width: 649px) { pre { border-radius: 0; } } @media only screen and (max-width: palm) { pre { border-radius: 0; } } pre > code { display: block; padding: 0; } .section-heading { margin-top: 54px; margin-bottom: 27px; } .beefcake, .strong { font-weight: 700; } .weak { font-weight: 300; } .bigger { font-size: 26.364px; font-size: 1.46467rem; line-height: 1.02412; line-height: 40.5px; } .centi { font-family: "Avenir Next", "Helvetica Neue", sans-serif; font-size: 13px; font-size: 0.72222rem; line-height: 2.07692; } .small, .milli { font-family: "Avenir Next", "Helvetica Neue", sans-serif; font-size: 11px; font-size: 0.61111rem; line-height: 2.45455; } .micro, .tiny { font-family: "Avenir Next", "Helvetica Neue", sans-serif; font-size: 10px; font-size: 0.55556rem; line-height: 2.7; } .quiet { color: #919191; } .em, .italic { font-style: italic; } .one-line { line-height: 27px; } .two-lines { line-height: 54px; } .three-lines { line-height: 81px; } .right { text-align: right; } time { font-family: "Avenir Next", "Helvetica Neue", sans-serif; color: #999; font-size: 15px; font-size: 0.83333rem; line-height: 1.8; } body { background-color: #fff; background-image: url(/0453e790e0f849b7a792c41191a075ca.png); } .grid { margin: 0 auto; max-width: 700px; width: 100%; padding: 0 27px; -ms-flex-item-align: center; align-self: center; } .latestpost { margin-top: 27px; font-family: "Avenir Next", "Helvetica Neue", sans-serif; font-weight: 600; color: #fff; } a { color: #09b5c4; text-decoration: none; } a:hover, a:focus, a:active { outline: 0; color: #0de1f3; text-decoration: underline; } ul, ol { margin-bottom: 27px; margin-left: 27px; } ul > li:before, ol > li:before { position: absolute; margin-left: -1em; } ul ul, ol ul { margin-left: 1em; } ul ul li, ol ul li { margin-bottom: 0.25em; } li { margin-bottom: 0.5em; padding-right: 2em; } @media only screen and (max-width: 754px) { li { margin-left: 1em; } } .nav__wrapper { position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; } @media only screen and (max-width: 649px) { .nav__wrapper { position: fixed; background-color: transparent; pointer-events: none; } } @media only screen and (max-width: palm) { .nav__wrapper { position: fixed; background-color: transparent; pointer-events: none; } } .nav { width: 100%; text-align: center; padding: 0; background: white; z-index: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (max-width: 649px) { .nav { -webkit-transform: translateY(-100%); transform: translateY(-100%); background-color: #fff; -webkit-transition: -webkit-transform ease-in 0.2s; transition: -webkit-transform ease-in 0.2s; transition: transform ease-in 0.2s; transition: transform ease-in 0.2s, -webkit-transform ease-in 0.2s; will-change: transform; pointer-events: all; } .nav__toggle:checked ~ .nav { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } } @media only screen and (max-width: palm) { .nav { -webkit-transform: translateY(-100%); transform: translateY(-100%); background-color: #fff; -webkit-transition: -webkit-transform ease-in 0.2s; transition: -webkit-transform ease-in 0.2s; transition: transform ease-in 0.2s; transition: transform ease-in 0.2s, -webkit-transform ease-in 0.2s; will-change: transform; pointer-events: all; } .nav__toggle:checked ~ .nav { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.3s; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } } .nav__items { margin: 0; padding: 0; } .nav__link, .nav__toggle-label { z-index: 10000; text-transform: uppercase; letter-spacing: 4px; font-weight: 600; pointer-events: all; font-family: "Avenir Next", "Helvetica Neue", sans-serif; } .nav__link { display: inline-block; margin: 0; padding: 8px 16px; font-size: 15px; font-size: 0.83333rem; line-height: 1.8; } @media only screen and (max-width: 649px) { .nav__link { text-align: center; width: 100%; } } @media only screen and (max-width: palm) { .nav__link { text-align: center; width: 100%; } } .nav__link_selected a { color: black; } .nav__toggle { display: none; } .nav__toggle-label { display: none; width: 54px; height: 54px; border-radius: 50%; text-align: center; color: #09b5c4; padding: 13.5px 0; position: absolute; top: 0; right: 0; background-color: #fff; } .nav__toggle-label:before { top: 21px; } .nav__toggle-label:after { top: 33px; } .nav__toggle-label:before, .nav__toggle-label:after { content: ""; width: 27px; height: 3px; background-color: #09b5c4; border-radius: 3px; position: absolute; left: calc(50% - 13.5px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s; } .nav__toggle:checked ~ .nav__toggle-label:before, .nav__toggle:checked ~ .nav__toggle-label:after { -webkit-transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; transition: top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s, top 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0.3s; } .nav__toggle:checked ~ .nav__toggle-label:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; } .nav__toggle:checked ~ .nav__toggle-label:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 27px; } @media only screen and (max-width: 649px) { .nav__toggle-label { display: block; } } @media only screen and (max-width: palm) { .nav__toggle-label { display: block; } } .btn { font-family: "Avenir Next", "Helvetica Neue", sans-serif; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700; -webkit-appearance: none; -webkit-appearance: normal; outline: none; text-decoration: none; background-color: transparent; padding: 0.6em 1em; border-radius: 2em; font-size: 20.28px; line-height: 1.4; -webkit-transition: background-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s, color cubic-bezier(0.23, 1, 0.32, 1) 0.3s; transition: background-color cubic-bezier(0.23, 1, 0.32, 1) 0.3s, color cubic-bezier(0.23, 1, 0.32, 1) 0.3s; } .btn--normal { border: 2px #6EEDF8 solid; color: #09b5c4; } .btn--normal:hover, .btn--normal:focus, .btn--normal:active { text-decoration: none; background-color: rgba(110, 237, 248, 0.2); } .btn--inverted { border: 2px #fff solid; color: #fff; } .btn--inverted:hover, .btn--inverted:focus, .btn--inverted:active { text-decoration: none; background-color: #fff; color: #09b5c4; } blockquote { margin-bottom: 32px; padding: 8px 16px; font-size: 18px; font-style: normal; background: #f5fffb; color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 5px; } blockquote code { color: #222; } blockquote p:last-child { margin: 0; } blockquote.warning { background-color: #fdf2bb; } .post-list { list-style: none; } .post-list li:before { content: ""; } @media only screen and (max-width: 754px) { .post-list li { margin-left: 0; } } .post-list__heading { margin: 0; } .post-list__preview { margin-bottom: 54px; } .draft-text { font-family: "Avenir Next", "Helvetica Neue", sans-serif; color: #c40000; font-size: 13px; font-size: 0.72222rem; line-height: 2.07692; } @media only screen and (max-width: 649px) { .draft-text { padding: 0 13.5px; } } @media only screen and (max-width: palm) { .draft-text { padding: 0 13.5px; } } .leanpub-insert, .leanpub-delete { line-height: initial; } .leanpub-insert { display: inline-block; font-weight: bold; } .leanpub-delete { display: inline-block; text-decoration: line-through; } .social-links { margin-bottom: 3em; } .social-links__header { margin-top: 0; } .social-links__tip { margin-top: 0.5em; } .github-fork-ribbon-wrapper.ribbon { position: fixed; } @media only screen and (max-width: 649px) { .github-fork-ribbon-wrapper.ribbon { display: none; } } @media only screen and (max-width: palm) { .github-fork-ribbon-wrapper.ribbon { display: none; } } .header { line-height: 1.25; letter-spacing: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 40.5px; margin-bottom: 13.5px; } .toc-nav__wrapper .toc-nav { margin-bottom: 2em; list-style: none; margin-left: 0; } .toc-nav__wrapper .toc-nav > li:before { content: ""; } .toc-nav__wrapper .toc-nav--header { margin-top: 0; margin-bottom: 0.5em; } .toc-nav__wrapper .toc-nav__section { margin-bottom: 2.5em; } .toc-nav__wrapper .toc-nav__search, .toc-nav__wrapper .algolia-autocomplete { width: 100%; } .toc-nav__wrapper li.toc-part { margin-top: 0.5em; } .toc-nav__wrapper li.toc-chapter { padding-left: 1em; padding-right: 0; } .toc-nav__wrapper .chapter:first-child { margin-left: inherit; } #search { max-width: 100%; } .frontpage .front__buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 27px; } .frontpage .front__buttons > .btn { margin: 0 13.5px; margin-bottom: 27px; } .frontpage .front__buttons > .btn:last-child { margin-right: 0; } .frontpage .front__buttons > .btn:first-child { margin-left: 0; } @media only screen and (max-width: 649px) { .frontpage .front__buttons > .btn { width: calc(100% - 54px); margin-left: 0; margin-right: 0; } } @media only screen and (max-width: palm) { .frontpage .front__buttons > .btn { width: calc(100% - 54px); margin-left: 0; margin-right: 0; } } .frontpage .front-button-wrapper { margin-top: calc(0.6rem + 0.5vh + 1vw); color: white; font-family: "Avenir Next", "Helvetica Neue", sans-serif; } .frontpage .front-button-wrapper .btn--buy-main { display: inline-block; padding: 0.25em; padding-left: 0.75em; padding-right: 0.75em; margin-top: 0.5em; margin-bottom: 0.5em; color: black; background-color: rgba(255, 255, 255, 0.9); } .frontpage .front-button-wrapper .btn--buy-main:hover { background-color: white; } .frontpage .front-button-wrapper .buy-or { margin-left: 0.5em; margin-right: 0.5em; } .frontpage .front-text-wrapper { margin-top: 2em; margin-bottom: 2em; } .frontpage .front-motto { margin-top: calc(1rem + 0.5vh + 1vw); margin-bottom: 0; font-size: 20px; color: #cccccc; font-family: "Avenir Next", "Helvetica Neue", sans-serif; } .frontpage .front__heading { background: #323232; background-image: url(/766e80b10c4d9a099a719f6a8c26234b.jpg); background-size: cover; height: calc(22vh + 6vw); min-height: 260px; } .frontpage .front-header-wrapper { height: inherit; max-width: 1400px; min-height: inherit; margin: 0 auto; padding: 0 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .frontpage .react-image { margin-left: 16px; width: 100px; height: 100px; float: right; } .frontpage .kanban-animation { display: block; margin-left: auto; margin-right: auto; max-width: 100%; width: auto; height: auto; } .frontpage .post--front { max-width: 1000px; padding: 0 16px; } @media only screen and (max-width: 1349px) { .frontpage .read-free { margin-top: 0.5em; display: inline-block; } } @media only screen and (max-width: portable) { .frontpage .read-free { margin-top: 0.5em; display: inline-block; } } .frontpage .author-photo { clear: both; float: right; margin-left: 0.5em; border-radius: 50px; width: 100px; height: 100px; } .frontpage .btn-group { display: grid; grid-gap: 16px; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } .frontpage .btn--buy { display: inline-block; text-align: center; } .frontpage .front__testimonials { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 16px; background: #d6f5f7; } .frontpage .testimonial { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 320px; padding: 16px; font-size: 15px; font-family: "Avenir Next", "Helvetica Neue", sans-serif; } .frontpage .testimonial .text-wrapper { position: relative; padding: 16px; padding-bottom: 32px; min-height: 10em; background: #fff; border: 2px solid #eee; border-radius: 6px; } .frontpage .testimonial .text-wrapper:after { content: "\201D"; position: absolute; right: 16px; bottom: 0; color: #999; font-family: "Lora", "Merriweather", "Georgia", serif; font-size: 44.55516px; } .frontpage .testimonial .photo-wrapper { text-align: center; } .frontpage .testimonial .photo-wrapper .photo { position: relative; border: 2px solid #999; margin-top: -25px; border-radius: 50%; width: 50px; height: 50px; } .frontpage .testimonial .name-wrapper { text-align: center; } .frontpage .testimonial .title-wrapper { text-align: center; font-size: 13px; font-style: italic; } .page .latestpost { margin-top: 0; } .page .author { float: right; margin-left: 16px; border-radius: 50%; width: 100px; height: 100px; } .page__container { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 649px) { .page__container { display: block; } } @media only screen and (max-width: palm) { .page__container { display: block; } } .page__main { max-width: 700px; margin: 0 auto; padding: 32px; } @media only screen and (max-width: 649px) { .page__main > * { font-size: 16px; font-size: 0.88889rem; line-height: 1.6875; } } @media only screen and (max-width: palm) { .page__main > * { font-size: 16px; font-size: 0.88889rem; line-height: 1.6875; } } .page__main table { margin-top: 1em; margin-bottom: 1em; } .page__main table td { padding: 0.5em; } .page__main img { max-width: 100%; } .page__main .inline-img { width: 100%; left: auto; } .page__section { margin-bottom: 64px; } /**/ .main-wrapper { padding-top: 27px; } .no-show { display: none; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .sticky { position: -webkit-sticky; position: sticky; top: 10px; z-index: 200; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; } input[type="date"], .input { text-align: center; -webkit-appearance: none; height: 54px; border: none; } .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vertical-margin { margin-top: 27px; margin-bottom: 27px; } .vertical-margin--double { margin-top: 54px; margin-bottom: 54px; } .vertical-margin--half { margin-top: 13.5px; margin-bottom: 13.5px; } .horizontal-margin { margin-left: 27px; margin-right: 27px; } .horizontal-margin--double { margin-left: 54px; margin-right: 54px; } .horizontal-margin--half { margin-left: 13.5px; margin-right: 13.5px; } .top-margin { margin-top: 27px; } .top-margin--double { margin-top: 54px; } .top-margin--half { margin-top: 13.5px; } .bottom-margin, .h1-size { margin-bottom: 27px; } .bottom-margin--double { margin-bottom: 54px; } .bottom-margin--half { margin-bottom: 13.5px; } .left-margin { margin-left: 27px; } .left-margin--double { margin-left: 54px; } .left-margin--half { margin-left: 13.5px; } .right-margin { margin-right: 27px; } .right-margin--double { margin-right: 54px; } .right-margin--half { margin-right: 13.5px; } .no-margin { margin: 0; } /**/ .vertical-padding { padding-top: 27px; padding-bottom: 27px; } .vertical-padding--double { padding-top: 54px; padding-bottom: 54px; } .vertical-padding--half { padding-top: 13.5px; padding-bottom: 13.5px; } .right-padding { padding-right: 27px; } .right-padding--half { padding-right: 13.5px; } .left-padding { padding-left: 27px; } .left-padding--half { padding-left: 13.5px; } .bottom-padding { padding-bottom: 27px; } .bottom-padding--half { padding-bottom: 13.5px; } .top-padding { padding-top: 27px; } .top-padding--half { padding-top: 13.5px; } .no-padding { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } /**/ .rotate90, .rotate180, .rotate270, .rotate360 { display: inline-block; } .rotate90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotate180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .rotate360 { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .header-anchor { display: block; position: relative; top: -10vh; } pre { padding: 0.5em; padding-left: 1em; } pre code { line-height: 1.5; font-size: 0.8rem; } q { color: #09b5c4; } hr { margin-top: 32px; margin-bottom: 32px; border-top: 0; border-bottom: 1px solid #999; } .post { margin: 0 auto; } .github-corner svg { position: fixed !important; z-index: 1000; } /* make sure post content isn't centered (probably should remove that default) */ .post__content { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } .post__content img { position: inherit; max-width: 100%; width: 100vw; } .post__content .center-image { display: block; margin: 0 auto; max-width: 100%; width: initial; height: auto; } .post-list__demo { margin-bottom: 1em; } .post__meta { margin-top: 1em; margin-bottom: 1em; } @media screen and (max-width: 1150px) { .post__content pre { /* low resolutions need this */ word-break: break-all; } } .post__dates { margin-bottom: 1em; } .post__publish-date { display: inline; } .post__update-date { float: right; display: inline; } .post__date-text { margin-right: 0.25em; font-family: "Avenir Next", "Helvetica Neue", sans-serif; color: #999; font-size: 0.83333rem; line-height: 1.8; } .header-anchor-select { display: none; margin-left: 0.25em; } .header:active .header-anchor-select, .header:hover .header-anchor-select { display: inline; } @media only screen and (max-width: 1349px) { #disqus_thread { margin: 1em; } .gitter-open-chat-button { display: none; } } @media only screen and (max-width: portable) { #disqus_thread { margin: 1em; } .gitter-open-chat-button { display: none; } } .gitter-chat-embed-action-bar { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start !important; } table { margin-bottom: 1em; } table th { text-align: left; border-bottom: 0.01em solid #050505; } table th, table td { padding: 0.25em; } table th, table td { border-right: 0.01em solid #050505; } table th:last-child, table td:last-child { border-right: none; } .blog-index { margin-top: 32px; } .blog-index h1 { margin-top: 0; margin-bottom: 32px; } .blog-index ul { margin: 0; } figcaption { text-align: center; font-weight: bold; } .author + figcaption { display: none; } /* CarbonAds */ #carbonads { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; } #carbonads { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 330px; background-color: #fafafa; -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1); margin-bottom: 32px; } #carbonads a { color: inherit; text-decoration: none; } #carbonads a:hover { color: inherit; } #carbonads span { position: relative; display: block; overflow: hidden; } #carbonads .carbon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .carbon-img { display: block; margin: 0; line-height: 1; } .carbon-img img { display: block; } .carbon-text { font-size: 13px; padding: 10px; line-height: 1.5; text-align: left; } .carbon-poweredby { display: block; padding: 8px 10px; background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.025) 5px, rgba(0, 0, 0, 0.025) 10px) rgba(241, 243, 244, 0.4); text-align: center; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; font-size: 9px; line-height: 1; } /* prism coy */ .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata { color: #7D8B99; } .token.punctuation { color: #5F6364; } .token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted { color: #c92c2c; } .token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted { color: #2f9c0a; } .token.operator, .token.entity, .token.url, .token.variable { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword, .token.class-name { color: #1990b8; } .token.regex, .token.important { color: #e90; } .language-css .token.string, .style .token.string { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.important { font-weight: normal; } .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .namespace { opacity: .7; } @media screen and (max-width: 767px) { pre[class*="language-"]:before, pre[class*="language-"]:after { bottom: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /* Plugin styles */ .token.tab:not(:empty):before, .token.cr:before, .token.lf:before { color: #e0d7d1; } /* Plugin styles: Line Numbers */ pre[class*="language-"].line-numbers { padding-left: 0; } pre[class*="language-"].line-numbers code { padding-left: 3.8em; } pre[class*="language-"].line-numbers .line-numbers-rows { left: 0; } /* Plugin styles: Line Highlight */ pre[class*="language-"][data-line] { padding-top: 0; padding-bottom: 0; padding-left: 0; } pre[data-line] code { position: relative; padding-left: 4em; } pre .line-highlight { margin-top: 0; } code { padding: 0.25em; } code .token.operator { background-color: initial; font-weight: bold; } .icon-right-open:before { content: '\E800'; } /* '' */ .icon-left-open:before { content: '\E801'; } /* '' */ .icon-down-open:before { content: '\E802'; } /* '' */ .icon-attention:before { content: '\E803'; } /* '' */ .icon-attention-circled:before { content: '\E804'; } /* '' */ .icon-rss:before { content: '\E805'; } /* '' */ .icon-rss-squared:before { content: '\E806'; } /* '' */ .icon-attention-alt:before { content: '\E807'; } /* '' */ .icon-comment-empty:before { content: '\E808'; } /* '' */ .icon-export:before { content: '\E809'; } /* '' */ .icon-export-alt:before { content: '\E80A'; } /* '' */ .icon-twitter-squared:before { content: '\E80B'; } /* '' */ .icon-twitter:before { content: '\E80C'; } /* '' */@font-face { font-family: 'fontello'; font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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LbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKxAAAqsQAFQrEACCqxAAVCsQAIKrEABUK5AAAACSqxAAVCuQAAAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbEADCq4Af+FsASNsQIARAA=') format('truetype'); } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?59229568#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-right-open:before { content: '\E800'; } /* '' */ .icon-left-open:before { content: '\E801'; } /* '' */ .icon-down-open:before { content: '\E802'; } /* '' */ .icon-attention:before { content: '\E803'; } /* '' */ .icon-attention-circled:before { content: '\E804'; } /* '' */ .icon-rss:before { content: '\E805'; } /* '' */ .icon-rss-squared:before { content: '\E806'; } /* '' */ .icon-attention-alt:before { content: '\E807'; } /* '' */ .icon-comment-empty:before { content: '\E808'; } /* '' */ .icon-export:before { content: '\E809'; } /* '' */ .icon-export-alt:before { content: '\E80A'; } /* '' */ .icon-twitter-squared:before { content: '\E80B'; } /* '' */ .icon-twitter:before { content: '\E80C'; } /* '' */.css-auin2p{margin-bottom:32px;padding:8px 16px;font-size:15.600000000000001px;background:#f5fffb;color:rgba(0,0,0,0.6);border:1px solid rgba(0,0,0,0.03);border-radius:5px;}.css-1p0c11a{max-width:1400px;margin:0 auto;padding:16px;} .css-1hn7g06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -16px 16px;padding:0;list-style:none;} .css-1aw10to{-webkit-flex:1;-ms-flex:1;flex:1;min-width:320px;margin:0 0 16px;padding:0 16px;} .css-denyih{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;min-width:100%;}@media (min-width:500px){.css-denyih{min-width:500px;}} .css-16c4ror{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;margin-bottom:16px;}@media (min-width:500px){.css-16c4ror{float:left;width:40%;margin-right:16px;}} .css-1agjru6{margin:0 0 16px;} .css-1agjru6{margin:0 0 16px;} .css-1kt4agr{margin:0;line-height:1.2;} .css-15k12ya{margin-bottom:calc(0.2rem + 0.5vh + 1vw);text-transform:uppercase;font-family:"Avenir Next","Helvetica Neue",sans-serif;font-size:calc(0.8rem + 0.1vh + 0.5vw);font-weight:700;color:#ccc;}.css-15k12ya strong{color:#09b5c4;} .css-1a73mhq{color:#09b5c4;font-size:calc(1.2rem + 0.5vh + 1vw);font-weight:400;}.css-xfgthk{position:fixed;bottom:0;left:0;right:0;height:32px;z-index:100000;}@media (min-width:650px){.css-xfgthk{position:static;height:auto;z-index:0;}} .css-tb0k38{position:fixed;top:0;bottom:0;left:0;right:0;padding:32px;background:#fff;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform ease-in 0.3s;-webkit-transition:transform ease-in 0.3s;transition:transform ease-in 0.3s;will-change:transform;}input[type="checkbox"]:checked + .css-tb0k38{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform cubic-bezier(.23,1,.32,1) 0.4s;-webkit-transition:transform cubic-bezier(.23,1,.32,1) 0.4s;transition:transform cubic-bezier(.23,1,.32,1) 0.4s;overflow:auto;}@media (min-width:650px){.css-tb0k38{position:static;max-width:250px;height:100%;-webkit-transform:none;-ms-transform:none;transform:none;background:rgba(0,0,0,0.01);}}@media (min-width:1150px){.css-tb0k38{max-width:350px;}} .css-1whlnn6{position:relative;display:block;width:100%;height:32px;text-align:center;line-height:32px;color:#09b5c4;background:#fff;font-family:"Avenir Next","Helvetica Neue",sans-serif;font-size:15.600000000000001px;border:0;z-index:100001;box-shadow:0 -1px 1px rgba(0,0,0,0.05);}@media (min-width:650px){.css-1whlnn6{display:none;}} .css-38lglc{display:none;}.css-1u80qtg{position:relative;height:calc(22vh + 6vw);min-height:260px;background:linear-gradient( 0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100% );} .css-1hd6kp5{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#434343;background-size:cover;background-position:50% 50%;} .css-13wbkqf{height:inherit;min-height:inherit;margin:0;padding:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;line-height:1.2;font-size:calc(1rem + 1vh + 2vw);} .css-18xzi2i{position:absolute;right:8px;bottom:8px;line-height:1;font-size:12px;font-family:"Avenir Next","Helvetica Neue",sans-serif;opacity:0.6;}.css-18xzi2i a{color:#fff;}