"Cards_Journal"
Bootstrap 4.0.0 Snippet by jaious

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="js-postFooterPlacements" data-action-scope="_actionscope_8"><div class="streamItem streamItem--placementCardGrid js-streamItem"><div class="u-clearfix u-backgroundGrayLightest"><div class="row u-marginAuto u-maxWidth1000 u-paddingTop30 u-paddingBottom40"><div class="col u-padding8 u-xs-size12of12 u-size4of12"><div class="u-height280 u-sizeFullWidth u-backgroundWhite u-borderCardBorder u-boxShadow u-borderBox u-borderRadius4 js-trackedPost" data-post-id="6d40326e4362" data-source="placement_card_footer_grid---------0-45" data-tracking-context="placement" data-scroll="native"><a class="link link--noUnderline u-baseColor--link" href="https://chocoladesign.com/seja-freela-30-o-super-designer-parte-1-6d40326e4362?source=placement_card_footer_grid---------0-45" data-action-source="placement_card_footer_grid---------0-45"><div class="u-backgroundCover u-backgroundColorGrayLight u-height100 u-sizeFullWidth u-borderBottomLight u-borderRadiusTop4" style="background-image: url("https://cdn-images-1.medium.com/fit/c/400/120/0*bsiRW0Ljq0KJ2NWl.png"); background-position: 50% 50% !important;"></div></a><div class="u-padding15 u-borderBox u-flexColumn u-height180"><a class="link link--noUnderline u-flex1 u-baseColor--link" href="https://chocoladesign.com/seja-freela-30-o-super-designer-parte-1-6d40326e4362?source=placement_card_footer_grid---------0-45" data-action-source="placement_card_footer_grid---------0-45"><div class="postMetaInline u-marginBottom7">More on Designer from Choco la Design</div><div class="u-textColorDarkest u-contentSansBold u-fontSize24 u-maxHeight2LineHeightTighter u-lineClamp2 u-textOverflowEllipsis u-letterSpacingTight u-paddingBottom2">Seja Freela #30 — O Super Designer (Parte 1)</div></a><div class="u-paddingTop10 u-flex0 u-flexCenter"><div class="u-flex1 u-minWidth0"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://chocoladesign.com/@filipesf" data-action="show-user-card" data-action-value="2f3bb966f25d" data-action-type="hover" data-user-id="2f3bb966f25d" data-collection-slug="chocoladesign" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/36/36/1*k-vh3N_Cqdv-9jCKLfH_lg.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Filipe Fernandes"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--darker u-baseColor--link" href="https://chocoladesign.com/@filipesf?source=placement_card_footer_grid---------0-45" data-action="show-user-card" data-action-source="placement_card_footer_grid---------0-45" data-action-value="2f3bb966f25d" data-action-type="hover" data-user-id="2f3bb966f25d" data-collection-slug="chocoladesign" dir="auto">Filipe Fernandes</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><span class="readingTime u-textColorNormal" title="3 min read"></span></div></div></div></div><div class="u-flex0 u-flexCenter"><div class="buttonSet"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="6d40326e4362" data-is-label-padded="true" data-is-compressed="true" data-source="placement_card_footer_grid---------0-45"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="sign-in-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/6d40326e4362" data-action-source="placement_card_footer_grid---------0-45" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"></span></div></div><div class="u-height20 u-borderRightLighter u-inlineBlock u-relative u-marginRight10 u-marginLeft12"></div><div class="buttonSet"><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="sign-in-prompt" data-sign-in-action="add-to-bookmarks" data-requires-token="true" data-redirect="https://medium.com/_/bookmark/p/6d40326e4362"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div></div><div class="col u-padding8 u-xs-size12of12 u-size4of12"><div class="u-height280 u-sizeFullWidth u-backgroundWhite u-borderCardBorder u-boxShadow u-borderBox u-borderRadius4 js-trackedPost" data-post-id="3b912fe95f32" data-source="placement_card_footer_grid---------1-43" data-tracking-context="placement" data-scroll="native"><a class="link link--noUnderline u-baseColor--link" href="https://medium.com/swlh/5-mobile-marketing-metrics-startups-should-track-3b912fe95f32?source=placement_card_footer_grid---------1-43" data-action-source="placement_card_footer_grid---------1-43"><div class="u-backgroundCover u-backgroundColorGrayLight u-height100 u-sizeFullWidth u-borderBottomLight u-borderRadiusTop4" style="background-image: url("https://cdn-images-1.medium.com/fit/c/400/120/1*7G5aksJvCO3BjrrzAFvPyA.jpeg"); background-position: 50% 50% !important;"></div></a><div class="u-padding15 u-borderBox u-flexColumn u-height180"><a class="link link--noUnderline u-flex1 u-baseColor--link" href="https://medium.com/swlh/5-mobile-marketing-metrics-startups-should-track-3b912fe95f32?source=placement_card_footer_grid---------1-43" data-action-source="placement_card_footer_grid---------1-43"><div class="postMetaInline u-marginBottom7">Also tagged Marketing</div><div class="u-textColorDarkest u-contentSansBold u-fontSize24 u-maxHeight2LineHeightTighter u-lineClamp2 u-textOverflowEllipsis u-letterSpacingTight u-paddingBottom2">5 Mobile Marketing Metrics Startups Should Track</div></a><div class="u-paddingTop10 u-flex0 u-flexCenter"><div class="u-flex1 u-minWidth0"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://medium.com/@josiah_humphrey" data-action="show-user-card" data-action-value="f576c9fe8447" data-action-type="hover" data-user-id="f576c9fe8447" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/36/36/1*mwCgAiwoBhqAUGxaWZyR6w.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Josiah Humphrey"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--darker u-baseColor--link" href="https://medium.com/@josiah_humphrey?source=placement_card_footer_grid---------1-43" data-action="show-user-card" data-action-source="placement_card_footer_grid---------1-43" data-action-value="f576c9fe8447" data-action-type="hover" data-user-id="f576c9fe8447" dir="auto">Josiah Humphrey</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><span class="readingTime u-textColorNormal" title="8 min read"></span></div></div></div></div><div class="u-flex0 u-flexCenter"><div class="buttonSet"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="3b912fe95f32" data-is-label-padded="true" data-is-compressed="true" data-source="placement_card_footer_grid---------1-43"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="sign-in-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/3b912fe95f32" data-action-source="placement_card_footer_grid---------1-43" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents u-marginLeft4" data-action="show-recommends" data-action-value="3b912fe95f32">394</button></span></div></div><div class="u-height20 u-borderRightLighter u-inlineBlock u-relative u-marginRight10 u-marginLeft12"></div><div class="buttonSet"><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="sign-in-prompt" data-sign-in-action="add-to-bookmarks" data-requires-token="true" data-redirect="https://medium.com/_/bookmark/p/3b912fe95f32"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div></div><div class="col u-padding8 u-xs-size12of12 u-size4of12"><div class="u-height280 u-sizeFullWidth u-backgroundWhite u-borderCardBorder u-boxShadow u-borderBox u-borderRadius4 js-trackedPost" data-post-id="2fa8acd7d1d" data-source="placement_card_footer_grid---------2-41" data-tracking-context="placement" data-scroll="native"><a class="link link--noUnderline u-baseColor--link" href="https://chocoladesign.com/quanto-vale-uma-imagem-2fa8acd7d1d?source=placement_card_footer_grid---------2-41" data-action-source="placement_card_footer_grid---------2-41"><div class="u-backgroundCover u-backgroundColorGrayLight u-height100 u-sizeFullWidth u-borderBottomLight u-borderRadiusTop4" style="background-image: url("https://cdn-images-1.medium.com/fit/c/400/120/1*HZBZtIwbER8EdM-1YVYZMQ.jpeg"); background-position: 50% 50% !important;"></div></a><div class="u-padding15 u-borderBox u-flexColumn u-height180"><a class="link link--noUnderline u-flex1 u-baseColor--link" href="https://chocoladesign.com/quanto-vale-uma-imagem-2fa8acd7d1d?source=placement_card_footer_grid---------2-41" data-action-source="placement_card_footer_grid---------2-41"><div class="postMetaInline u-marginBottom7">More from Choco la Design</div><div class="u-textColorDarkest u-contentSansBold u-fontSize24 u-maxHeight2LineHeightTighter u-lineClamp2 u-textOverflowEllipsis u-letterSpacingTight u-paddingBottom2">Quanto vale uma imagem?</div></a><div class="u-paddingTop10 u-flex0 u-flexCenter"><div class="u-flex1 u-minWidth0"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link avatar u-baseColor--link" href="https://chocoladesign.com/@reneproenca" data-action="show-user-card" data-action-value="4339188cddc7" data-action-type="hover" data-user-id="4339188cddc7" data-collection-slug="chocoladesign" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/36/36/1*Do3UKCyx8y8343Nj8MgH2A.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Rene Proenca"></a></div><div class="postMetaInline postMetaInline-authorLockup u-flex1 u-noWrapWithEllipsis"><a class="link link link--darken link--darker u-baseColor--link" href="https://chocoladesign.com/@reneproenca?source=placement_card_footer_grid---------2-41" data-action="show-user-card" data-action-source="placement_card_footer_grid---------2-41" data-action-value="4339188cddc7" data-action-type="hover" data-user-id="4339188cddc7" data-collection-slug="chocoladesign" dir="auto">Rene Proenca</a><div class="u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><span class="readingTime u-textColorNormal" title="4 min read"></span></div></div></div></div><div class="u-flex0 u-flexCenter"><div class="buttonSet"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="2fa8acd7d1d" data-is-label-padded="true" data-is-compressed="true" data-source="placement_card_footer_grid---------2-41"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton" data-action="sign-in-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/2fa8acd7d1d" data-action-source="placement_card_footer_grid---------2-41" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"></path><path d="M14.815 3.776l1.84-2.551-1.43-.471z"></path><path d="M8.378 1.224l1.84 2.551L9.81.753z"></path><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 0 1 .66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 0 1 .707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 0 0 .624-.624L4.11 14.04l-1.75-1.75a.998.998 0 1 1 1.41-1.413l4.154 4.156a.44.44 0 0 0 .624 0 .44.44 0 0 0 0-.624l-4.152-4.153-1.172-1.171a.998.998 0 0 1 0-1.41 1.018 1.018 0 0 1 1.41 0l1.172 1.17 4.153 4.152a.437.437 0 0 0 .624 0 .442.442 0 0 0 0-.624L6.43 8.222a.988.988 0 0 1-.291-.705.99.99 0 0 1 .29-.706 1 1 0 0 1 1.412 0l6.992 6.993a.443.443 0 0 0 .71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 0 1 .66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 0 1-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 0 1 1.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 0 0-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 0 0-1.095-.562 1.776 1.776 0 0 0-.992.128l-2.636-2.636a1.883 1.883 0 0 0-2.658 0 1.862 1.862 0 0 0-.478.847 1.886 1.886 0 0 0-2.671-.012 1.867 1.867 0 0 0-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 0 0 0 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 0 0 0 2.659l.624.622a1.879 1.879 0 0 0-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 0 0 1.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"></path></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"></path><path d="M16.634 1.224l-1.432-.47-.408 3.022z"></path><path d="M9.79.754l-1.431.47 1.84 2.552z"></path><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 0 0-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 0 1-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"></path><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"></path><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 0 0-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 1 1-.868.612L7.2 6.378a.986.986 0 1 0-1.395 1.395l4.401 4.403a.538.538 0 1 1-.762.762L5.046 8.54 3.802 7.295a.99.99 0 0 0-1.396 0 .981.981 0 0 0 0 1.394L3.647 9.93l4.402 4.403a.537.537 0 0 1 0 .761.535.535 0 0 1-.762 0L2.89 10.696a.992.992 0 0 0-1.399-.003.983.983 0 0 0 0 1.395l1.855 1.854 2.763 2.765a.538.538 0 0 1-.76.761l-2.765-2.764a.982.982 0 0 0-1.395 0 .989.989 0 0 0 0 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"></path></g></svg></span></span></button></div><span class="u-textAlignCenter u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents u-marginLeft4" data-action="show-recommends" data-action-value="2fa8acd7d1d">14</button></span></div></div><div class="u-height20 u-borderRightLighter u-inlineBlock u-relative u-marginRight10 u-marginLeft12"></div><div class="buttonSet"><button class="button button--chromeless is-touchIconFadeInPulse u-baseColor--buttonNormal button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" title="Bookmark this story to read later" aria-label="Bookmark this story to read later" data-action="sign-in-prompt" data-sign-in-action="add-to-bookmarks" data-requires-token="true" data-redirect="https://medium.com/_/bookmark/p/2fa8acd7d1d"><span class="button-defaultState"><span class="svgIcon svgIcon--bookmark svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px"><svg class="svgIcon-use" width="25" height="26" viewBox="0 0 25 26"><path d="M19 7c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 17.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V7z" fill-rule="evenodd"></path></svg></span></span></button></div></div></div></div></div></div></div></div></div></div> </div> </div>
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block } audio,canvas,progress,video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden],template { display:none } a { background-color:transparent } a:active,a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b,strong { font-weight:700 } dfn { font-style:italic } h1 { font-size:2em; margin:.67em 0 } mark { background:#ff0; color:#000 } small { font-size:80% } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-.5em } sub { bottom:-.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { box-sizing:content-box; height:0 } pre { overflow:auto } code,kbd,pre,samp { font-family:monospace,monospace; font-size:1em } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0 } button { overflow:visible } button,select { text-transform:none } button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled] { cursor:default } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance:none; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:none; margin:0; padding:0 } legend { border:0; padding:0 } textarea { overflow:auto } optgroup { font-weight:700 } table { border-collapse:collapse; border-spacing:0 } td,th { padding:0 } :root { --x-height-multiplier:0; --baseline-multiplier:0 } .m-breakWord { word-break:break-word; word-wrap:break-word } .tabularNumeral { font-feature-settings:"tnum" on; -moz-font-feature-settings:"tnum" on; -webkit-font-feature-settings:"tnum" on; display:inline-block; width:.6em; text-align:center } .tabularNumeral--comma { width:.3em; text-align:left } .middotDivider { padding-right:.45em; padding-left:.45em; font-size:14px } .middotDivider:after { content:'·' } .subscript { margin-left:2px; font-size:12px; vertical-align:subscript } @font-face { font-family:Cambria; src:local('Arial'),local('Helvetica'); unicode-range:U+2500-259F } @-ms-viewport { width:device-width } body { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -moz-font-feature-settings:"liga" on; color:rgba(0,0,0,.8); font-size:18px; line-height:1.4 } h1,h2,h3,h4,h5,h6 { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } a { color:inherit; text-decoration:none } a,button,input { -webkit-tap-highlight-color:transparent } html { overflow-y:scroll } body,html { overflow-x:hidden } blockquote,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul { margin:0 } p { margin-bottom:30px } menu,ol,ul { padding:0; list-style:none; list-style-image:none } figcaption { -webkit-nbsp-mode:normal } main { display:block } @media screen and (max-device-width:1000px) { html { -webkit-text-size-adjust:none } } @media print { h2,h3 { page-break-after:avoid; page-break-inside:avoid } } @media print and (color) { * { -webkit-print-color-adjust:exact; print-color-adjust:exact } } @keyframes pop-upwards { 0% { transform:matrix(.97,0,0,1,0,12); opacity:0 } 20% { transform:matrix(.99,0,0,1,0,2); opacity:.7 } 40% { transform:matrix(1,0,0,1,0,-1); opacity:1 } 70% { transform:matrix(1,0,0,1,0,0); opacity:1 } 100% { transform:matrix(1,0,0,1,0,0); opacity:1 } } @keyframes pop-downwards { 0% { transform:matrix(.97,0,0,1,0,-12); opacity:0 } 20% { transform:matrix(.99,0,0,1,0,-2); opacity:.7 } 40% { transform:matrix(1,0,0,1,0,1); opacity:1 } 70% { transform:matrix(1,0,0,1,0,0); opacity:1 } 100% { transform:matrix(1,0,0,1,0,0); opacity:1 } } @keyframes pop { 0% { transform:scale(1) } 50% { transform:scale(1.1) } 100% { transform:scale(1) } } @keyframes shift-rightwards { 0% { transform:translateX(-100%) } 40% { transform:translateX(0) } 60% { transform:translateX(0) } 100% { transform:translateX(100%) } } @keyframes shift-upwards-50 { 0% { transform:translateY(50px) } 100% { transform:translateY(0) } } @keyframes shimmy-shake { 0% { transform:translateX(-1%) } 20% { transform:translateX(1%) } 40% { transform:translateX(-1%) } 60% { transform:translateX(1%) } 80% { transform:translateX(-1%) } 100% { transform:translateX(0) } } @keyframes fade-in-pulse-06 { 0% { opacity:0; transform:scale(.6) } 50% { opacity:1 } 100%,70% { transform:scale(1) } } @keyframes fade-in-pulse-08 { 0% { opacity:0; transform:scale(.8) } 50% { opacity:1 } 100%,70% { transform:scale(1) } } @keyframes black-pulse-09 { 0% { transform:scale(1); fill:#000 } 15% { transform:scale(.9) } 100% { transform:scale(1); fill:#000 } } @keyframes pulse-shadow { 0% { box-shadow:0 0 0 0 #48e79a } 70% { box-shadow:0 0 5px 10px rgba(255,255,255,0) } 100% { box-shadow:0 0 0 0 rgba(255,255,255,0) } } @keyframes pulse-shadow--collection { 0% { box-shadow:0 0 } 70% { box-shadow:0 0 5px 10px rgba(255,255,255,0) } 100% { box-shadow:0 0 0 0 rgba(255,255,255,0) } } @keyframes pulse-grow { 0% { transform:scale(1) } 15% { transform:scale(1.1) } 100% { transform:scale(1) } } .u-animation-onHover--pulseShadow:hover { animation:pulse-shadow 2s infinite!important } .u-animation-onHover--pulseShadow { animation:none } @keyframes scale-fade-out { 0% { transform:scale(0); opacity:1; visibility:visible } 50% { transform:scale(1) } 99% { opacity:0 } 100% { visibility:hidden } } @keyframes scale-08-fade-in-50 { 0% { transform:scale(.8); opacity:0; visibility:hidden } 1% { opacity:0; visibility:visible } 100% { transform:scale(1); opacity:1 } } @keyframes fade-in { 0% { visibility:hidden } 1% { visibility:visible; opacity:0 } 100% { opacity:1 } } @keyframes fade-out { 0% { opacity:1; visibility:visible } 99% { opacity:0 } 100% { visibility:hidden } } @keyframes fade-step-in-50 { 0% { opacity:0 } 50% { opacity:1 } 100% { opacity:0 } } @keyframes blink { 0% { opacity:1 } 80% { opacity:1 } 100% { opacity:0 } } @keyframes scale-out-delayed { 0% { transform:scale(1); opacity:1; max-height:800px } 40% { transform:scale(.99); opacity:0 } 100% { transform:scale(0); opacity:0; max-height:0 } } @keyframes float-upwards-fade-out { 0% { opacity:1; transform:translateY(0) } 10% { opacity:1; transform:translateY(-3px) } 100% { opacity:0; transform:translateY(-50px) } } @keyframes burst-dot { 0% { opacity:0; transform:scale(1) } 32% { opacity:1 } 100% { opacity:0; transform:scale(1.5) } } @keyframes burst-triangle { 0% { opacity:0; transform:scale(1) } 32% { opacity:1; transform:scale(1.3) } 100% { opacity:0; transform:scale(1.6) } } .u-alignMiddle .u-alignBlock,.u-alignMiddle:before { display:inline-block!important; vertical-align:middle!important } .u-alignMiddle:before { content:''!important; height:100%!important } .u-floatLeft { float:left!important } .u-floatRight { float:right!important } .u-floatNone { float:none!important } .u-clearBoth { clear:both!important } @media (max-width:767px) { .u-xs-floatLeft { float:left!important } .u-xs-floatRight { float:right!important } .u-xs-floatNone { float:none!important } } .u-verticalAlignTop { vertical-align:top!important } .u-verticalAlignMiddle { vertical-align:middle!important } .u-verticalAlignBottom { vertical-align:bottom!important } .u-verticalAlignBaseline { vertical-align:baseline!important } .u-verticalAlignTextBottom { vertical-align:text-bottom!important } .u-disablePointerEvents { pointer-events:none!important } .u-pointerEventsAuto { pointer-events:auto!important } .u-noUserSelect { -webkit-user-select:none!important; -moz-user-select:none!important; -ms-user-select:none!important; user-select:none!important; -webkit-tap-highlight-color:transparent!important } .u-overflowX { overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; -ms-overflow-style:-ms-autohiding-scrollbar!important } .u-overflowScroll { overflow:scroll!important } .u-overflowScrollY { overflow-y:scroll!important } .u-overflowHidden { overflow:hidden!important } .u-overflowHiddenY { overflow-y:hidden!important } .u-overflowVisible { overflow:visible!important } .u-overflowAuto { overflow:auto!important } @media screen and (max-width:991px) { .u-sm-overflowHidden { overflow:hidden!important } } @media screen and (max-width:767px) { .u-xs-overflowScrollX { overflow-x:scroll!important; -webkit-overflow-scrolling:touch!important; -ms-overflow-style:-ms-autohiding-scrollbar!important } .u-xs-overflowHidden { overflow:hidden!important } } .u-flex { display:-ms-flexbox!important; display:flex!important } .u-flexTop { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:start!important; align-items:flex-start!important } .u-flexCenter { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:center!important; align-items:center!important } .u-flexBottom { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:bottom!important; align-items:bottom!important } .u-flexEnd { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:end!important; align-items:flex-end!important } .u-flexStretch { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:stretch!important; align-items:stretch!important } .u-flexColumn { display:-ms-flexbox!important; display:flex!important; -ms-flex-direction:column!important; flex-direction:column!important; -ms-flex-pack:center!important; justify-content:center!important } .u-flexColumnTop { display:-ms-flexbox!important; display:flex!important; -ms-flex-direction:column!important; flex-direction:column!important; -ms-flex-pack:start!important; justify-content:flex-start!important } .u-flexColumnBottom { display:-ms-flexbox!important; display:flex!important; -ms-flex-direction:column!important; flex-direction:column!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .u-flexColumnSpaceBetween { display:-ms-flexbox!important; display:flex!important; -ms-flex-direction:column!important; flex-direction:column!important; -ms-flex-pack:justify!important; justify-content:space-between!important } .u-justifyContentSpaceBetween { -ms-flex-pack:justify!important; justify-content:space-between!important } .u-justifyContentCenter { -ms-flex-pack:center!important; justify-content:center!important } .u-flex0 { -ms-flex:0 0 auto; flex:0 0 auto } .u-flex1 { -ms-flex:1 1 auto; flex:1 1 auto } .u-flexShrink1 { -ms-flex-negative:1; flex-shrink:1 } .u-flexWrap { -ms-flex-wrap:wrap; flex-wrap:wrap } .u-alignSelfStart { -ms-flex-item-align:start!important; -ms-grid-row-align:start!important; align-self:start!important } .u-flexAlignSelfCenter { -ms-flex-item-align:center!important; -ms-grid-row-align:center!important; align-self:center!important } .u-flexAlignSelfEnd { -ms-flex-item-align:end!important; align-self:flex-end!important } .u-flexOrderNegative1 { -ms-flex-order:-1; order:-1 } @media (max-width:991px) { .u-sm-flex { display:-ms-flexbox!important; display:flex!important } .u-sm-flexWrap { -ms-flex-wrap:wrap; flex-wrap:wrap } .u-sm-flexAlignStretch { -ms-flex-align:stretch; align-items:stretch } .u-sm-flex1 { -ms-flex:1 1 auto!important; flex:1 1 auto!important } .u-sm-flex0 { -ms-flex:0 0 auto!important; flex:0 0 auto!important } } @media (max-width:767px) { .u-xs-flex { display:-ms-flexbox!important; display:flex!important } .u-xs-flexColumn { display:-ms-flexbox!important; display:flex!important; -ms-flex-direction:column!important; flex-direction:column!important; -ms-flex-pack:center!important; justify-content:center!important } .u-xs-flexTop { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:start!important; align-items:flex-start!important } .u-xs-flexColumnTop { display:-ms-flexbox!important; display:flex!important; -ms-flex-direction:column!important; flex-direction:column!important; -ms-flex-pack:center!important; justify-content:center!important; -ms-flex-align:start!important; align-items:flex-start!important } .u-xs-flexCenter { display:-ms-flexbox!important; display:flex!important; -ms-flex-align:center!important; align-items:center!important } .u-xs-flexEnd { -ms-flex-align:end!important; align-items:flex-end!important } .u-xs-flexWrap { -ms-flex-wrap:wrap; flex-wrap:wrap } .u-xs-flexNoWrap { -ms-flex-wrap:nowrap; flex-wrap:nowrap } .u-xs-flexColumnReverse { -ms-flex-direction:column-reverse; flex-direction:column-reverse } .u-xs-flexAlignStretch { -ms-flex-align:stretch; align-items:stretch } .u-xs-flexAlignStart { -ms-flex-align:start!important; align-items:flex-start!important } .u-xs-flex0 { -ms-flex:0 0 auto!important; flex:0 0 auto!important } .u-xs-flex1 { -ms-flex:1 1 auto!important; flex:1 1 auto!important } .u-xs-flexOrderNegative1 { -ms-flex-order:-1; order:-1 } } .u-flexBasis160 { -ms-flex-preferred-size:160px; flex-basis:160px } @media screen and (max-width:767px) { .u-xs-flexBasis100 { -ms-flex-preferred-size:100px; flex-basis:100px } } .u-inline { display:inline!important } .u-inlineBlock { display:inline-block!important } .u-block { display:block!important } .u-hide { display:none!important } .u-hideIfEmpty:empty { display:none!important } .u-zeroSize { overflow:hidden; width:0!important; height:0!important } .u-table { display:table!important } .u-table:before { height:auto!important; display:inherit!important } .u-tableCell { display:table-cell!important } @media screen and (min-width:992px) { .u-sm-show { display:none!important } } @media screen and (min-width:768px) { .u-xs-show { display:none!important } } @media screen and (max-width:991px) { .u-sm-hide { display:none!important } .u-sm-block { display:block!important } .u-sm-inline { display:inline!important } } @media screen and (max-width:767px) { .u-xs-flexOrder0 { -ms-flex-order:0; order:0 } .u-xs-flexOrder1 { -ms-flex-order:1; order:1 } .u-xs-hide { display:none!important } .u-xs-block { display:block!important } .u-xs-inline { display:inline!important } } @media screen and (max-width:369px) { .u-xxs-flexOrder0 { -ms-flex-order:0; order:0 } .u-xxs-flexOrder1 { -ms-flex-order:1; order:1 } .u-xxs-hide { display:none!important } .u-xxs-block { display:block!important } .u-xxs-inline { display:inline!important } } @media print { .u-print-hide { display:none!important } } .u-clearfix:after,.u-clearfix:before { display:table; content:" " } .u-clearfix:after { clear:both } .u-foreground { position:relative!important; z-index:100!important } .u-background { z-index:70!important } .u-zIndex2 { z-index:200!important } .u-zIndex3 { z-index:300!important } .u-zIndexMetabar { z-index:500!important } .u-zIndexFloating { z-index:700!important } .u-overlay { z-index:900!important } .u-borderBox { box-sizing:border-box!important } .u-translateNegative100Percent { transform:translate(-100%,-100%) } .u-transformScale99TranslateY2 { transform:scale(1) translateY(2px) } .u-transformScale100Hover:hover { transform:scale(1) } .u-tableLayoutFixed { table-layout:fixed } .u-columnWidth170 { column-width:170px; -moz-column-width:170px; -webkit-column-width:170px } .u-margin0 { margin:0!important } .u-marginTop0 { margin-top:0!important } .u-marginBottom0 { margin-bottom:0!important } .u-marginLeft0 { margin-left:0!important } .u-marginRight0 { margin-right:0!important } .u-marginVertical0 { margin-top:0!important; margin-bottom:0!important } .u-marginHorizontal0 { margin-left:0!important; margin-right:0!important } .u-margin5 { margin:5px!important } .u-marginTop5 { margin-top:5px!important } .u-marginBottom5 { margin-bottom:5px!important } .u-marginLeft5 { margin-left:5px!important } .u-marginRight5 { margin-right:5px!important } .u-marginVertical5 { margin-top:5px!important; margin-bottom:5px!important } .u-marginHorizontal5 { margin-left:5px!important; margin-right:5px!important } .u-margin10 { margin:10px!important } .u-marginTop10 { margin-top:10px!important } .u-marginBottom10 { margin-bottom:10px!important } .u-marginLeft10 { margin-left:10px!important } .u-marginRight10 { margin-right:10px!important } .u-marginVertical10 { margin-top:10px!important; margin-bottom:10px!important } .u-marginHorizontal10 { margin-left:10px!important; margin-right:10px!important } .u-margin15 { margin:15px!important } .u-marginTop15 { margin-top:15px!important } .u-marginBottom15 { margin-bottom:15px!important } .u-marginLeft15 { margin-left:15px!important } .u-marginRight15 { margin-right:15px!important } .u-marginVertical15 { margin-top:15px!important; margin-bottom:15px!important } .u-marginHorizontal15 { margin-left:15px!important; margin-right:15px!important } .u-margin20 { margin:20px!important } .u-marginTop20 { margin-top:20px!important } .u-marginBottom20 { margin-bottom:20px!important } .u-marginLeft20 { margin-left:20px!important } .u-marginRight20 { margin-right:20px!important } .u-marginVertical20 { margin-top:20px!important; margin-bottom:20px!important } .u-marginHorizontal20 { margin-left:20px!important; margin-right:20px!important } .u-margin25 { margin:25px!important } .u-marginTop25 { margin-top:25px!important } .u-marginBottom25 { margin-bottom:25px!important } .u-marginLeft25 { margin-left:25px!important } .u-marginRight25 { margin-right:25px!important } .u-marginVertical25 { margin-top:25px!important; margin-bottom:25px!important } .u-marginHorizontal25 { margin-left:25px!important; margin-right:25px!important } .u-margin30 { margin:30px!important } .u-marginTop30 { margin-top:30px!important } .u-marginBottom30 { margin-bottom:30px!important } .u-marginLeft30 { margin-left:30px!important } .u-marginRight30 { margin-right:30px!important } .u-marginVertical30 { margin-top:30px!important; margin-bottom:30px!important } .u-marginHorizontal30 { margin-left:30px!important; margin-right:30px!important } .u-margin40 { margin:40px!important } .u-marginTop40 { margin-top:40px!important } .u-marginBottom40 { margin-bottom:40px!important } .u-marginLeft40 { margin-left:40px!important } .u-marginRight40 { margin-right:40px!important } .u-marginVertical40 { margin-top:40px!important; margin-bottom:40px!important } .u-marginHorizontal40 { margin-left:40px!important; margin-right:40px!important } .u-margin50 { margin:50px!important } .u-marginTop50 { margin-top:50px!important } .u-marginBottom50 { margin-bottom:50px!important } .u-marginLeft50 { margin-left:50px!important } .u-marginRight50 { margin-right:50px!important } .u-marginVertical50 { margin-top:50px!important; margin-bottom:50px!important } .u-marginHorizontal50 { margin-left:50px!important; margin-right:50px!important } .u-marginAuto { margin-left:auto!important; margin-right:auto!important } .u-margin3 { margin:3px!important } .u-margin4 { margin:4px!important } .u-margin8 { margin:8px!important } .u-margin16 { margin:16px!important } .u-marginTopNegative95 { margin-top:-95px!important } .u-marginTopNegative80 { margin-top:-80px!important } .u-marginTopNegative7 { margin-top:-7px!important } .u-marginTopNegative5 { margin-top:-5px!important } .u-marginTopNegative4 { margin-top:-4px!important } .u-marginTopNegative3 { margin-top:-3px!important } .u-marginTopNegative2 { margin-top:-2px!important } .u-marginTop2 { margin-top:2px!important } .u-marginTop3 { margin-top:3px!important } .u-marginTop4 { margin-top:4px!important } .u-marginTop7 { margin-top:7px!important } .u-marginTop11 { margin-top:11px!important } .u-marginTop14 { margin-top:14px!important } .u-marginTop35 { margin-top:35px!important } .u-marginTop60 { margin-top:60px!important } .u-marginTop70 { margin-top:70px!important } .u-marginTop75 { margin-top:75px!important } .u-marginTop100 { margin-top:100px!important } .u-marginTop120 { margin-top:120px!important } .u-marginTop180 { margin-top:180px!important } .u-marginBottomNegative1 { margin-bottom:-1px!important } .u-marginBottom4 { margin-bottom:4px!important } .u-marginBottom7 { margin-bottom:7px!important } .u-marginBottom60 { margin-bottom:60px!important } .u-marginBottom80 { margin-bottom:80px!important } .u-marginBottom100 { margin-bottom:100px!important } .u-marginBottom180 { margin-bottom:180px!important } .u-marginRightNegative12 { margin-right:-12px!important } .u-marginRightNegative5 { margin-right:-5px!important } .u-marginRight2 { margin-right:2px!important } .u-marginRight3 { margin-right:3px!important } .u-marginRight7 { margin-right:7px!important } .u-marginRight8 { margin-right:8px!important } .u-marginRight16 { margin-right:16px!important } .u-marginRight18 { margin-right:18px!important } .u-marginRight36 { margin-right:36px!important } .u-marginRight60 { margin-right:60px!important } .u-marginRight80 { margin-right:80px!important } .u-marginRight100 { margin-right:100px!important } .u-marginRight160 { margin-right:160px!important } .u-marginLeftAuto { margin-left:auto!important } .u-marginLeftNegative80 { margin-left:-80px!important } .u-marginLeftNegative30 { margin-left:-30px!important } .u-marginLeftNegative12 { margin-left:-12px!important } .u-marginLeftNegative2 { margin-left:-2px!important } .u-marginLeft3 { margin-left:3px!important } .u-marginLeft4 { margin-left:4px!important } .u-marginLeft8 { margin-left:8px!important } .u-marginLeft12 { margin-left:12px!important } .u-marginLeft18 { margin-left:18px!important } .u-marginLeft35 { margin-left:35px!important } .u-marginLeft100 { margin-left:100px!important } .u-marginLeft120 { margin-left:120px!important } @media screen and (max-width:991px) { .u-sm-marginTopNegative20 { margin-top:-20px!important } .u-sm-marginTop0 { margin-top:0!important } .u-sm-marginTop10 { margin-top:10px!important } .u-sm-marginRight20 { margin-right:20px!important } .u-sm-marginRight30 { margin-right:30px!important } .u-sm-marginRight50 { margin-right:50px!important } .u-sm-marginLeft0 { margin-left:0!important } .u-sm-marginLeft20 { margin-left:20px!important } .u-sm-marginLeft30 { margin-left:30px!important } .u-sm-marginLeft40 { margin-left:40px!important } .u-sm-marginBottom20 { margin-bottom:20px!important } .u-sm-marginBottom60 { margin-bottom:60px!important } } @media screen and (max-width:767px) { .u-xs-margin0 { margin:0!important } .u-xs-marginTop0 { margin-top:0!important } .u-xs-marginBottom0 { margin-bottom:0!important } .u-xs-marginLeft0 { margin-left:0!important } .u-xs-marginRight0 { margin-right:0!important } .u-xs-marginVertical0 { margin-top:0!important; margin-bottom:0!important } .u-xs-marginHorizontal0 { margin-left:0!important; margin-right:0!important } .u-xs-margin20 { margin:20px!important } .u-xs-marginTop20 { margin-top:20px!important } .u-xs-marginBottom20 { margin-bottom:20px!important } .u-xs-marginLeft20 { margin-left:20px!important } .u-xs-marginRight20 { margin-right:20px!important } .u-xs-marginVertical20 { margin-top:20px!important; margin-bottom:20px!important } .u-xs-marginHorizontal20 { margin-left:20px!important; margin-right:20px!important } .u-xs-marginTopNegative70 { margin-top:-70px!important } .u-xs-margin5 { margin:5px!important } .u-xs-margin10 { margin:10px!important } .u-xs-marginTop4 { margin-top:4px!important } .u-xs-marginTop10 { margin-top:10px!important } .u-xs-marginTop15 { margin-top:15px!important } .u-xs-marginTop30 { margin-top:30px!important } .u-xs-marginTop35 { margin-top:35px!important } .u-xs-marginTop40 { margin-top:40px!important } .u-xs-marginTop50 { margin-top:50px!important } .u-xs-marginBottom5 { margin-bottom:5px!important } .u-xs-marginBottom10 { margin-bottom:10px!important } .u-xs-marginBottom15 { margin-bottom:15px!important } .u-xs-marginBottom30 { margin-bottom:30px!important } .u-xs-marginBottom40 { margin-bottom:40px!important } .u-xs-marginBottom60 { margin-bottom:60px!important } .u-xs-marginRightNegative20 { margin-right:-20px!important } .u-xs-marginRight5 { margin-right:5px!important } .u-xs-marginRight10 { margin-right:10px!important } .u-xs-marginRight15 { margin-right:15px!important } .u-xs-marginRight30 { margin-right:30px!important } .u-xs-marginRight60 { margin-right:60px!important } .u-xs-marginLeftNegative20 { margin-left:-20px!important } .u-xs-marginLeft10 { margin-left:10px!important } .u-xs-marginLeft30 { margin-left:30px!important } .u-xs-marginAuto { margin-left:auto!important; margin-right:auto!important } } @media screen and (max-width:369px) { .u-xxs-margin0 { margin:0!important } .u-xxs-marginTop0 { margin-top:0!important } .u-xxs-marginBottom0 { margin-bottom:0!important } .u-xxs-marginLeft0 { margin-left:0!important } .u-xxs-marginRight0 { margin-right:0!important } .u-xxs-marginVertical0 { margin-top:0!important; margin-bottom:0!important } .u-xxs-marginHorizontal0 { margin-left:0!important; margin-right:0!important } .u-xxs-margin10 { margin:10px!important } .u-xxs-marginTop10 { margin-top:10px!important } .u-xxs-marginBottom10 { margin-bottom:10px!important } .u-xxs-marginLeft10 { margin-left:10px!important } .u-xxs-marginRight10 { margin-right:10px!important } .u-xxs-marginVertical10 { margin-top:10px!important; margin-bottom:10px!important } .u-xxs-marginHorizontal10 { margin-left:10px!important; margin-right:10px!important } } .u-padding0 { padding:0!important } .u-paddingTop0 { padding-top:0!important } .u-paddingBottom0 { padding-bottom:0!important } .u-paddingLeft0 { padding-left:0!important } .u-paddingRight0 { padding-right:0!important } .u-paddingVertical0 { padding-top:0!important; padding-bottom:0!important } .u-paddingHorizontal0 { padding-left:0!important; padding-right:0!important } .u-padding5 { padding:5px!important } .u-paddingTop5 { padding-top:5px!important } .u-paddingBottom5 { padding-bottom:5px!important } .u-paddingLeft5 { padding-left:5px!important } .u-paddingRight5 { padding-right:5px!important } .u-paddingVertical5 { padding-top:5px!important; padding-bottom:5px!important } .u-paddingHorizontal5 { padding-left:5px!important; padding-right:5px!important } .u-padding10 { padding:10px!important } .u-paddingTop10 { padding-top:10px!important } .u-paddingBottom10 { padding-bottom:10px!important } .u-paddingLeft10 { padding-left:10px!important } .u-paddingRight10 { padding-right:10px!important } .u-paddingVertical10 { padding-top:10px!important; padding-bottom:10px!important } .u-paddingHorizontal10 { padding-left:10px!important; padding-right:10px!important } .u-padding15 { padding:15px!important } .u-paddingTop15 { padding-top:15px!important } .u-paddingBottom15 { padding-bottom:15px!important } .u-paddingLeft15 { padding-left:15px!important } .u-paddingRight15 { padding-right:15px!important } .u-paddingVertical15 { padding-top:15px!important; padding-bottom:15px!important } .u-paddingHorizontal15 { padding-left:15px!important; padding-right:15px!important } .u-padding20 { padding:20px!important } .u-paddingTop20 { padding-top:20px!important } .u-paddingBottom20 { padding-bottom:20px!important } .u-paddingLeft20 { padding-left:20px!important } .u-paddingRight20 { padding-right:20px!important } .u-paddingVertical20 { padding-top:20px!important; padding-bottom:20px!important } .u-paddingHorizontal20 { padding-left:20px!important; padding-right:20px!important } .u-padding25 { padding:25px!important } .u-paddingTop25 { padding-top:25px!important } .u-paddingBottom25 { padding-bottom:25px!important } .u-paddingLeft25 { padding-left:25px!important } .u-paddingRight25 { padding-right:25px!important } .u-paddingVertical25 { padding-top:25px!important; padding-bottom:25px!important } .u-paddingHorizontal25 { padding-left:25px!important; padding-right:25px!important } .u-padding30 { padding:30px!important } .u-paddingTop30 { padding-top:30px!important } .u-paddingBottom30 { padding-bottom:30px!important } .u-paddingLeft30 { padding-left:30px!important } .u-paddingRight30 { padding-right:30px!important } .u-paddingVertical30 { padding-top:30px!important; padding-bottom:30px!important } .u-paddingHorizontal30 { padding-left:30px!important; padding-right:30px!important } .u-padding50 { padding:50px!important } .u-paddingTop50 { padding-top:50px!important } .u-paddingBottom50 { padding-bottom:50px!important } .u-paddingLeft50 { padding-left:50px!important } .u-paddingRight50 { padding-right:50px!important } .u-paddingVertical50 { padding-top:50px!important; padding-bottom:50px!important } .u-paddingHorizontal50 { padding-left:50px!important; padding-right:50px!important } .u-paddingTop1 { padding-top:1px!important } .u-paddingTop2 { padding-top:2px!important } .u-paddingTop3 { padding-top:3px!important } .u-paddingTop4 { padding-top:4px!important } .u-paddingTop7 { padding-top:7px!important } .u-paddingTop8 { padding-top:8px!important } .u-paddingTop11 { padding-top:11px!important } .u-paddingTop13 { padding-top:13px!important } .u-paddingTop14 { padding-top:14px!important } .u-paddingTop16 { padding-top:16px!important } .u-paddingTop18 { padding-top:18px!important } .u-paddingTop19 { padding-top:19px!important } .u-paddingTop28 { padding-top:28px!important } .u-paddingTop35 { padding-top:35px!important } .u-paddingTop40 { padding-top:40px!important } .u-paddingTop60 { padding-top:60px!important } .u-paddingTop70 { padding-top:70px!important } .u-paddingTop80 { padding-top:80px!important } .u-paddingTop90 { padding-top:90px!important } .u-paddingTop100 { padding-top:100px!important } .u-paddingTop110 { padding-top:110px!important } .u-paddingTop180 { padding-top:180px!important } .u-paddingTop177p77pct { padding-top:177.77%!important } .u-paddingTop1p25em { padding-top:1.25em!important } .u-paddingBottom2 { padding-bottom:2px!important } .u-paddingBottom3 { padding-bottom:3px!important } .u-paddingBottom4 { padding-bottom:4px!important } .u-paddingBottom7 { padding-bottom:7px!important } .u-paddingBottom8 { padding-bottom:8px!important } .u-paddingBottom18 { padding-bottom:18px!important } .u-paddingBottom35 { padding-bottom:35px!important } .u-paddingBottom40 { padding-bottom:40px!important } .u-paddingBottom60 { padding-bottom:60px!important } .u-paddingBottom80 { padding-bottom:80px!important } .u-paddingBottom100 { padding-bottom:100px!important } .u-paddingBottom150 { padding-bottom:150px!important } .u-paddingBottom150Pct { padding-bottom:150%!important } .u-paddingBottom1p25em { padding-bottom:1.25em!important } .u-paddingLeft2 { padding-left:2px!important } .u-paddingLeft6 { padding-left:6px!important } .u-paddingLeft8 { padding-left:8px!important } .u-paddingLeft9 { padding-left:9px!important } .u-paddingLeft12 { padding-left:12px!important } .u-paddingLeft13 { padding-left:13px!important } .u-paddingLeft14 { padding-left:14px!important } .u-paddingLeft22 { padding-left:22px!important } .u-paddingLeft35 { padding-left:35px!important } .u-paddingLeft40 { padding-left:40px!important } .u-paddingLeft45 { padding-left:45px!important } .u-paddingLeft60 { padding-left:60px!important } .u-paddingLeft80 { padding-left:80px!important } .u-paddingRight8 { padding-right:8px!important } .u-paddingRight12 { padding-right:12px!important } .u-paddingRight14 { padding-right:14px!important } .u-paddingRight16 { padding-right:16px!important } .u-paddingRight18 { padding-right:18px!important } .u-paddingRight35 { padding-right:35px!important } .u-paddingRight40 { padding-right:40px!important } .u-paddingRight60 { padding-right:60px!important } .u-paddingRight80 { padding-right:80px!important } .u-paddingRight100 { padding-right:100px!important } .u-paddingRight200 { padding-right:200px!important } .u-padding2 { padding:2px!important } .u-padding3 { padding:3px!important } .u-padding8 { padding:8px!important } .u-padding14 { padding:14px!important } .u-padding16 { padding:16px!important } .u-padding40 { padding:40px!important } @media (max-width:991px) { .u-sm-paddingTop0 { padding-top:0!important } .u-sm-paddingTop5 { padding-top:5px!important } .u-sm-paddingTop20 { padding-top:20px!important } .u-sm-paddingTop30 { padding-top:30px!important } .u-sm-paddingBottom30 { padding-bottom:30px!important } .u-sm-paddingBottom60 { padding-bottom:60px!important } .u-sm-paddingLeft20 { padding-left:20px!important } .u-sm-paddingLeft40 { padding-left:40px!important } .u-sm-paddingLeft50 { padding-left:50px!important } .u-sm-paddingRight20 { padding-right:20px!important } .u-sm-paddingRight40 { padding-right:40px!important } .u-sm-paddingRight50 { padding-right:50px!important } .u-sm-padding0 { padding:0!important } .u-sm-padding20 { padding:20px!important } .u-sm-padding30 { padding:30px!important } } @media (max-width:767px) { .u-xs-padding0 { padding:0!important } .u-xs-paddingTop0 { padding-top:0!important } .u-xs-paddingBottom0 { padding-bottom:0!important } .u-xs-paddingLeft0 { padding-left:0!important } .u-xs-paddingRight0 { padding-right:0!important } .u-xs-paddingVertical0 { padding-top:0!important; padding-bottom:0!important } .u-xs-paddingHorizontal0 { padding-left:0!important; padding-right:0!important } .u-xs-padding5 { padding:5px!important } .u-xs-paddingTop5 { padding-top:5px!important } .u-xs-paddingBottom5 { padding-bottom:5px!important } .u-xs-paddingLeft5 { padding-left:5px!important } .u-xs-paddingRight5 { padding-right:5px!important } .u-xs-paddingVertical5 { padding-top:5px!important; padding-bottom:5px!important } .u-xs-paddingHorizontal5 { padding-left:5px!important; padding-right:5px!important } .u-xs-padding10 { padding:10px!important } .u-xs-paddingTop10 { padding-top:10px!important } .u-xs-paddingBottom10 { padding-bottom:10px!important } .u-xs-paddingLeft10 { padding-left:10px!important } .u-xs-paddingRight10 { padding-right:10px!important } .u-xs-paddingVertical10 { padding-top:10px!important; padding-bottom:10px!important } .u-xs-paddingHorizontal10 { padding-left:10px!important; padding-right:10px!important } .u-xs-padding15 { padding:15px!important } .u-xs-paddingTop15 { padding-top:15px!important } .u-xs-paddingBottom15 { padding-bottom:15px!important } .u-xs-paddingLeft15 { padding-left:15px!important } .u-xs-paddingRight15 { padding-right:15px!important } .u-xs-paddingVertical15 { padding-top:15px!important; padding-bottom:15px!important } .u-xs-paddingHorizontal15 { padding-left:15px!important; padding-right:15px!important } .u-xs-padding20 { padding:20px!important } .u-xs-paddingTop20 { padding-top:20px!important } .u-xs-paddingBottom20 { padding-bottom:20px!important } .u-xs-paddingLeft20 { padding-left:20px!important } .u-xs-paddingRight20 { padding-right:20px!important } .u-xs-paddingVertical20 { padding-top:20px!important; padding-bottom:20px!important } .u-xs-paddingHorizontal20 { padding-left:20px!important; padding-right:20px!important } .u-xs-paddingTop0 { padding-top:0!important } .u-xs-paddingTop13 { padding-top:13px!important } .u-xs-paddingTop25 { padding-top:25px!important } .u-xs-paddingTop30 { padding-top:30px!important } .u-xs-paddingTop35 { padding-top:35px!important } .u-xs-paddingTop50 { padding-top:50px!important } .u-xs-paddingTop60 { padding-top:60px!important } .u-xs-paddingRight12 { padding-right:12px!important } .u-xs-paddingRight30 { padding-right:30px!important } .u-xs-paddingBottom5 { padding-bottom:5px!important } .u-xs-paddingBottom25 { padding-bottom:25px!important } .u-xs-paddingBottom30 { padding-bottom:30px!important } .u-xs-paddingBottom90 { padding-bottom:90px!important } .u-xs-paddingLeft4 { padding-left:4px!important } .u-xs-paddingLeft12 { padding-left:12px!important } .u-xs-paddingLeft30 { padding-left:30px!important } .u-xs-paddingLeft40 { padding-left:40px!important } .u-xs-paddingLeft50 { padding-left:40px!important } .u-xs-paddingRight40 { padding-right:40px!important } .u-xs-padding12 { padding:12px!important } .u-xs-padding30 { padding:30px!important } } .u-fixed { position:fixed!important } .u-relative { position:relative!important } .u-absolute { position:absolute!important } .u-absolute0 { position:absolute!important; top:0!important; left:0!important; right:0!important; bottom:0!important } .u-absoluteNegative1 { position:absolute!important; top:-1px!important; left:-1px!important; right:-1px!important; bottom:-1px!important } .u-topNegative100Percent { top:-100%!important } .u-topNegative150 { top:-150px!important } .u-topNegative40 { top:-40px!important } .u-topNegative36 { top:-36px!important } .u-topNegative26 { top:-26px!important } .u-topNegative12 { top:-12px!important } .u-topNegative2 { top:-2px!important } .u-topNegative1 { top:-1px!important } .u-top0 { top:0!important } .u-top1 { top:1px!important } .u-top2 { top:2px!important } .u-top3 { top:3px!important } .u-top5 { top:5px!important } .u-top10 { top:10px!important } .u-top16 { top:16px!important } .u-top20 { top:20px!important } .u-top30 { top:30px!important } .u-top35 { top:35px!important } .u-top76 { top:76px!important } .u-top155 { top:155px!important } .u-top3em { top:3em!important } .u-bottomNegative30 { bottom:-30px!important } .u-bottomNegative120 { bottom:-120px!important } .u-bottomNegative8 { bottom:-8px!important } .u-bottomNegative3 { bottom:-3px!important } .u-bottomNegative1 { bottom:-1px!important } .u-bottom0 { bottom:0!important } .u-bottom10 { bottom:10px!important } .u-bottom25 { bottom:25px!important } .u-bottom40 { bottom:40px!important } .u-bottom85 { bottom:85px!important } .u-rightNegative25Percent { right:-25%!important } .u-rightNegative70 { right:-70px!important } .u-rightNegative30em { right:-30em!important } .u-rightNegative40 { right:-40px!important } .u-rightNegative20 { right:-20px!important } .u-rightNegative15 { right:-15px!important } .u-rightNegative13 { right:-13px!important } .u-rightNegative1 { right:-1px!important } .u-right0 { right:0!important } .u-right3 { right:3px!important } .u-right10 { right:10px!important } .u-right15 { right:15px!important } .u-right20 { right:20px!important } .u-right30 { right:30px!important } .u-right1p25em { right:1.25em!important } .u-right20Percent { right:20%!important } .u-right40Percent { right:40%!important } .u-leftNegative30em { left:-30em!important } .u-leftNegative100 { left:-100px!important } .u-leftNegative40 { left:-40px!important } .u-leftNegative30 { left:-30px!important } .u-leftNegative20 { left:-20px!important } .u-leftNegative19 { left:-19px!important } .u-leftNegative10 { left:-10px!important } .u-leftNegative4 { left:-4px!important } .u-left0 { left:0!important } .u-left2 { left:2px!important } .u-left3 { left:3px!important } .u-left12 { left:12px!important } .u-left14 { left:14px!important } .u-left24 { left:24px!important } .u-left25 { left:25px!important } .u-left100 { left:100px!important } .u-left150 { left:150px!important } .u-left25Percent { left:25%!important } .u-left50Percent { left:50%!important } @media screen and (max-width:991px) { .u-sm-static { position:static!important } .u-sm-relative { position:relative!important } .u-sm-left40Percent { left:40%!important } .u-sm-rightNegative40Percent { right:-40%!important } .u-sm-right0 { right:0!important } .u-sm-left0 { left:0!important } } @media screen and (max-width:767px) { .u-xs-relative { position:relative!important } .u-xs-absolute { position:absolute!important } .u-xs-topNegative5 { top:-5px!important } .u-xs-top0 { top:0!important } .u-xs-top1 { top:1px!important } .u-xs-top2 { top:2px!important } .u-xs-top5 { top:5px!important } .u-xs-top10 { top:10px!important } .u-xs-top20 { top:20px!important } .u-xs-bottom0 { bottom:0!important } .u-xs-leftAuto { left:auto!important } .u-xs-left0 { left:0!important } .u-xs-left5 { left:5px!important } .u-xs-left10 { left:10px!important } .u-xs-left15 { left:15px!important } .u-xs-leftNegative15 { left:-15px!important } .u-xs-right0 { right:0!important } .u-xs-right5 { right:5px!important } } .u-heightAuto { height:auto!important } .u-height3 { height:3px!important } .u-height5 { height:5px!important } .u-height10 { height:10px!important } .u-height15 { height:15px!important } .u-height19 { height:19px!important } .u-height20 { height:20px!important } .u-height28 { height:28px!important } .u-height32 { height:32px!important } .u-height35 { height:35px!important } .u-height36 { height:36px!important } .u-height40 { height:40px!important } .u-height44 { height:44px!important } .u-height50 { height:50px!important } .u-height60 { height:60px!important } .u-height65 { height:65px!important } .u-height95 { height:95px!important } .u-height100 { height:100px!important } .u-height105 { height:105px!important } .u-height110 { height:110px!important } .u-height115 { height:115px!important } .u-height120 { height:120px!important } .u-height130 { height:130px!important } .u-height145 { height:145px!important } .u-height155 { height:155px!important } .u-height160 { height:160px!important } .u-height165 { height:165px!important } .u-height172 { height:172px!important } .u-height175 { height:175px!important } .u-height180 { height:180px!important } .u-height200 { height:200px!important } .u-height220 { height:220px!important } .u-height240 { height:240px!important } .u-height250 { height:250px!important } .u-height260 { height:260px!important } .u-height265 { height:265px!important } .u-height272 { height:272px!important } .u-height280 { height:280px!important } .u-height300 { height:300px!important } .u-height315 { height:315px!important } .u-height335 { height:335px!important } .u-height350 { height:350px!important } .u-height400 { height:400px!important } .u-height448 { height:448px!important } .u-height450 { height:450px!important } .u-height460 { height:460px!important } .u-height480 { height:480px!important } .u-height500 { height:500px!important } .u-height540 { height:540px!important } .u-height555 { height:555px!important } .u-height600 { height:600px!important } .u-height40em { height:40em!important } .u-widthAuto { width:auto!important } .u-width1 { width:1px!important } .u-width5 { width:5px!important } .u-width20 { width:20px!important } .u-width25 { width:25px!important } .u-width30 { width:30px!important } .u-width35 { width:35px!important } .u-width40 { width:40px!important } .u-width50 { width:50px!important } .u-width60 { width:60px!important } .u-width80 { width:80px!important } .u-width90 { width:90px!important } .u-width100 { width:100px!important } .u-width120 { width:120px!important } .u-width130 { width:130px!important } .u-width135 { width:135px!important } .u-width140 { width:140px!important } .u-width145 { width:145px!important } .u-width150 { width:150px!important } .u-width180 { width:180px!important } .u-width190 { width:190px!important } .u-width200 { width:200px!important } .u-width214 { width:214px!important } .u-width220 { width:220px!important } .u-width225 { width:225px!important } .u-width230 { width:230px!important } .u-width240 { width:240px!important } .u-width245 { width:245px!important } .u-width250 { width:250px!important } .u-width252 { width:252px!important } .u-width255 { width:255px!important } .u-width260 { width:260px!important } .u-width265 { width:265px!important } .u-width280 { width:280px!important } .u-width300 { width:300px!important } .u-width320 { width:320px!important } .u-width360 { width:360px!important } .u-width400 { width:400px!important } .u-width510 { width:510px!important } .u-width530 { width:530px!important } .u-width550 { width:550px!important } .u-width560 { width:560px!important } .u-width700 { width:700px!important } .u-width780 { width:780px!important } .u-width940 { width:940px!important } .u-width22p5em { width:22.5em!important } .u-maxSizeFullWidth { max-width:100%!important } .u-maxHeight40 { max-height:40px!important } .u-maxHeight60 { max-height:60px!important } .u-maxHeight250 { max-height:250px!important } .u-maxHeight300 { max-height:300px!important } .u-maxHeight1000 { max-height:1000px!important } .u-maxWidthNone { max-width:none!important } .u-maxWidth80 { max-width:80px!important } .u-maxWidth150 { max-width:150px!important } .u-maxWidth190 { max-width:190px!important } .u-maxWidth200 { max-width:200px!important } .u-maxWidth300 { max-width:300px!important } .u-maxWidth310 { max-width:310px!important } .u-maxWidth360 { max-width:360px!important } .u-maxWidth400 { max-width:400px!important } .u-maxWidth414 { max-width:414px!important } .u-maxWidth450 { max-width:450px!important } .u-maxWidth500 { max-width:500px!important } .u-maxWidth550 { max-width:550px!important } .u-maxWidth570 { max-width:570px!important } .u-maxWidth600 { max-width:600px!important } .u-maxWidth640 { max-width:640px!important } .u-maxWidth660 { max-width:660px!important } .u-maxWidth700 { max-width:700px!important } .u-maxWidth740 { max-width:740px!important } .u-maxWidth750 { max-width:750px!important } .u-maxWidth780 { max-width:780px!important } .u-maxWidth900 { max-width:900px!important } .u-maxWidth920 { max-width:920px!important } .u-maxWidth930 { max-width:930px!important } .u-maxWidth1000 { max-width:1000px!important } .u-maxWidth1040 { max-width:1040px!important } .u-maxWidth1250 { max-width:1250px!important } @media screen and (max-width:767px) { .u-xs-maxHeight32 { max-height:32px!important } .u-xs-maxWidth120 { max-width:120px!important } .u-xs-maxWidth160 { max-width:160px!important } .u-xs-maxWidth200 { max-width:200px!important } .u-xs-maxWidth330 { max-width:330px!important } .u-xs-maxWidth350 { max-width:350px!important } .u-xs-maxWidth500 { max-width:500px!important } .u-xs-maxWidth700 { max-width:700px!important } .u-xs-maxHeight200 { max-height:200px!important } } .u-minWidth0 { min-width:0!important } .u-minWidth80 { min-width:80px!important } .u-minWidth200 { min-width:200px!important } .u-minWidth360 { min-width:360px!important } .u-minHeight22 { min-height:22px!important } .u-minHeight25 { min-height:25px!important } .u-minHeight28 { min-height:28px!important } .u-minHeight31 { min-height:31px!important } .u-minHeight80 { min-height:80px!important } .u-minHeight100 { min-height:100px!important } .u-minHeight250 { min-height:250px!important } .u-minHeight300 { min-height:300px!important } .u-minHeight350 { min-height:350px!important } .u-minHeight400 { min-height:400px!important } .u-minHeight450 { min-height:450px!important } .u-minHeight100vhOffset65 { min-height:calc(100vh - 65px)!important } @media screen and (max-width:991px) { .u-sm-minHeight150 { min-height:150px!important } } @media screen and (max-width:767px) { .u-xs-minHeight40 { min-height:40px!important } .u-xs-minHeight100 { min-height:100px!important } .u-xs-minHeight200 { min-height:200px!important } } .u-size16x16 { width:16px!important; height:16px!important } .u-size32x32 { width:32px!important; height:32px!important } .u-size36x36 { width:36px!important; height:36px!important } .u-size50x50 { width:50px!important; height:50px!important } .u-size60x60 { width:60px!important; height:60px!important } .u-size85x85 { width:85px!important; height:85px!important } .u-size88x88 { width:88px!important; height:88px!important } .u-size100x100 { width:100px!important; height:100px!important } .u-size116x116 { width:116px!important; height:116px!important } @media screen and (max-width:767px) { .u-xs-size32x32 { width:32px!important; height:32px!important } .u-xs-size40x40 { width:40px!important; height:40px!important } .u-xs-size80x80 { width:80px!important; height:80px!important } } .u-sizeAuto { width:auto!important; max-width:none!important } .u-sizeFull,.u-sizeFullWidth { width:100%!important } .u-sizeFull,.u-sizeFullHeight { height:100%!important } .u-width20pct { width:20%!important } .u-width32pct { width:32%!important } .u-width33p33Pct { width:33.33%!important } .u-width40pct { width:40%!important } .u-width45pct { width:45%!important } .u-sizeHalfWidth { width:50%!important } .u-width60pct { width:60%!important } .u-width70pct { width:70%!important } .u-width90pct { width:90%!important } .u-maxSizeHalfWidth { max-width:50%!important } .u-maxSizeFullHeight { max-height:100%!important } @media screen and (max-width:991px) { .u-sm-width335 { width:335px!important } .u-sm-height42 { height:42px!important } .u-sm-height100 { height:100px!important } .u-sm-height160 { height:160px!important } .u-sm-height200 { height:200px!important } .u-sm-height445 { height:445px!important } .u-sm-heightAuto { height:auto!important } .u-sm-maxWidthNone { max-width:none!important } .u-sm-sizeFullWidth { width:100%!important } .u-sm-size115 { width:115px!important } } @media screen and (max-width:767px) { .u-xs-maxSizeFullWidth { max-width:100%!important } .u-xs-width80pct { width:80%!important } .u-xs-sizeFullWidth { width:100%!important } .u-xs-sizeFull { width:100%!important; height:100%!important } .u-xs-sizeFullViewportWidth { width:100vw!important } .u-xs-widthAuto { width:auto!important } .u-xs-heightAuto { height:auto!important } .u-xs-height20 { height:20px!important } .u-xs-height24 { height:24px!important } .u-xs-height32 { height:32px!important } .u-xs-height39 { height:39px!important } .u-xs-height50 { height:50px!important } .u-xs-height56 { height:56px!important } .u-xs-height95 { height:95px!important } .u-xs-height96 { height:96px!important } .u-xs-height100 { height:100px!important } .u-xs-height139 { height:139px!important } .u-xs-height170 { height:170px!important } .u-xs-height200 { height:200px!important } .u-xs-height225 { height:225px!important } .u-xs-height240 { height:240px!important } .u-xs-height250 { height:250px!important } .u-xs-height350 { height:350px!important } .u-xs-height400 { height:400px!important } .u-xs-width20 { width:20px!important } .u-xs-width32 { width:32px!important } .u-xs-width90 { width:90px!important } .u-xs-width120 { width:120px!important } .u-xs-width175 { width:175px!important } .u-xs-width200 { width:200px!important } .u-xs-width250 { width:250px!important } .u-xs-width300 { width:300px!important } .u-xs-width360 { width:360px!important } } @media screen and (max-width:369px) { .u-xxs-width70 { width:70px!important } } .u-sizeViewHeight100 { height:100vh!important; box-sizing:border-box } .u-sizeViewHeight110 { height:110vh!important; box-sizing:border-box } .u-sizeViewHeightMin100 { min-height:100vh!important; box-sizing:border-box } .u-sizeViewHeightMax100 { max-height:100vh!important; box-sizing:border-box } .u-size10of12,.u-size11of12,.u-size12of12,.u-size1of12,.u-size2of12,.u-size3of12,.u-size4of12,.u-size5of12,.u-size6of12,.u-size7of12,.u-size8of12,.u-size9of12 { float:left!important } .u-size12of12 { width:100%!important } .u-size11of12 { width:91.66666667%!important } .u-size10of12 { width:83.33333333%!important } .u-size9of12 { width:75%!important } .u-size8of12 { width:66.66666667%!important } .u-size7of12 { width:58.33333333%!important } .u-size6of12 { width:50%!important } .u-size5of12 { width:41.66666667%!important } .u-size4of12 { width:33.33333333%!important } .u-size3of12 { width:25%!important } .u-size2of12 { width:16.66666667%!important } .u-size1of12 { width:8.33333333%!important } @media (max-width:991px) { .u-sm-size12of12 { width:100%!important } } @media (max-width:767px) { .u-xs-size6of12 { width:50%!important } .u-xs-size12of12 { width:100%!important } } .u-backgroundNone { background:0 0!important } .u-backgroundWhite { background:#fff!important } .u-backgroundColorRed { background:#cc5454!important } .u-backgroundColorWhite { background-color:#fff!important } .u-backgroundGrayLightest { background:#fafafa!important } .u-backgroundBlueLightest { background:#fbfcfd!important } .u-backgroundGrayLighter { background:#f5f5f5!important } .u-backgroundGrayLight { background:#f0f0f0!important } .u-backgroundColorGrayLight { background-color:#f0f0f0!important } .u-backgroundTransparentWhiteDarker { background:rgba(255,255,255,.85)!important } .u-backgroundTransparentWhiteDarkest { background:rgba(255,255,255,.97)!important } .u-backgroundTransparentBlack { background:rgba(0,0,0,0)!important } .u-backgroundTransparentBlackLight { background:rgba(0,0,0,.3)!important } .u-backgroundTransparentBlackLighter { background:rgba(0,0,0,.15)!important } .u-backgroundColorTransparentBlackLight { background-color:rgba(0,0,0,.3)!important } .u-backgroundTransparentBlackLightest { background:rgba(0,0,0,.05)!important } .u-backgroundTransparentBlackDark { background-color:rgba(0,0,0,.6)!important } .u-backgroundTransparentBlackDarker { background-color:rgba(0,0,0,.8)!important } .u-backgroundGreenNormal { background:#02b875!important } .u-backgroundHighlightStrong { background-color:rgba(97,255,160,.8) } .u-backgroundWhite70FadeTop { background-image:linear-gradient(to top,#fff 70%,rgba(255,255,255,0)) } .u-backgroundWhite0FadeTop { background-image:linear-gradient(to top,#fff 0,rgba(255,255,255,.5)) } .u-backgroundNavyBlue { background-color:#284255 } .u-backgroundBlueGreyTransparent { background-color:rgba(40,66,85,.05)!important } .u-backgroundBlueGrey { background-color:#f2f2f2!important } .u-backgroundMintGreen { background-color:#ebfff3 } .u-backgroundSizeCover { background-size:cover!important } .u-backgroundSize1000 { background-size:1000px!important } .u-backgroundOriginBorderBox { background-origin:border-box!important } .u-backgroundCover { background-position:center!important; background-origin:border-box!important; background-size:cover!important } .u-backgroundContain { background-repeat:no-repeat!important; background-size:contain!important } .u-backgroundPositionCenter { background-position:center!important } .u-backgroundPositionHorizontalCenter { background-position:50% 0!important } .u-backgroundNoRepeat { background-repeat:no-repeat!important } @media screen and (max-width:991px) { .u-sm-backgroundTransparentWhiteDarker { background-color:rgba(255,255,255,.85)!important } .u-sm-backgroundSize60Percent { background-size:60%!important } } @media screen and (max-width:767px) { .u-xs-backgroundPositionY350 { background-position-y:350px!important } .u-xs-backgroundPositionX20Percent { background-position-x:20%!important } .u-xs-backgroudSize200Percent { background-size:200%!important } .u-xs-backgroundImageNone { background-image:none!important } .u-xs-backgroundMintGreen { background-color:#ebfff3 } } .u-borderDarker { border:1px solid rgba(0,0,0,.8)!important } .u-borderDark { border:1px solid rgba(0,0,0,.6)!important } .u-borderLight { border:1px solid rgba(0,0,0,.3)!important } .u-borderLighter { border:1px solid rgba(0,0,0,.15)!important } .u-borderLightest { border:1px solid rgba(0,0,0,.05)!important } .u-borderBlackLightest { border:1px solid rgba(0,0,0,.1)!important } .u-borderLighterHover:hover { border-color:rgba(0,0,0,.15)!important } .u-borderGreenDashed { border:1px dashed #02b875!important } .u-borderWhite { border:1px solid #fff!important } .u-borderNormal { border:1px solid rgba(0,0,0,.44)!important } .u-borderCardBorder { border:1px solid rgba(0,0,0,.04)!important } .u-borderCardBackground { border:1px solid rgba(0,0,0,.09)!important } .u-borderTopLight { border-top:1px solid rgba(0,0,0,.0785)!important } .u-borderTopLighter { border-top:1px solid rgba(0,0,0,.15)!important } .u-borderTopLightest { border-top:1px solid rgba(0,0,0,.05)!important } .u-borderTopGreen { border-top:1px solid #02b875!important } .u-borderTopColorDarker { border-top-color:rgba(0,0,0,.8)!important } .u-borderTopDashed { border-top:1px dashed!important } .u-borderBottomNormal { border-bottom:1px solid rgba(0,0,0,.44)!important } .u-borderBottomLight { border-bottom:1px solid rgba(0,0,0,.0785)!important } .u-borderBottomLighter { border-bottom:1px solid rgba(0,0,0,.15)!important } .u-borderBottomLightest { border-bottom:1px solid rgba(0,0,0,.05)!important } .u-borderBottomWhite15 { border-bottom:15px solid #fff!important } .u-borderBottomRed { border-bottom:1px solid #cc5454!important } .u-borderBottomGrayLight { border-bottom:1px solid #f0f0f0!important } .u-borderBottomGreen { border-bottom:1px solid #02b875!important } .u-borderBottomGreenHover:hover { border-bottom:1px solid #02b875!important } .u-borderRight0 { border-right:0!important } .u-borderRightLighter { border-right:1px solid rgba(0,0,0,.15)!important } .u-borderRightTransparentWhiteLighter { border-right:1px solid rgba(255,255,255,.2)!important } .u-borderRightWhite15 { border-right:15px solid #fff!important } .u-borderLeftLighter { border-left:1px solid rgba(0,0,0,.15)!important } .u-borderLeftGreen { border-left-color:#02b875!important } .u-borderLeftDashed { border-left:1px dashed!important } .u-border0 { border:0!important } .u-border1 { border:1px solid!important } .u-border2 { border:2px solid!important } .u-borderTop0 { border-top:0!important } .u-borderTop1 { border-top:1px solid!important } .u-borderTop2 { border-top:2px solid!important } .u-borderBottom1 { border-bottom:1px solid!important } .u-borderLeft0 { border-left:0!important } .u-borderLeft1 { border-left:1px solid!important } .u-borderLeft4 { border-left:4px solid!important } .u-borderStyleSolid { border-style:solid!important } .u-borderGreenNormal { border-color:#02b875!important } .u-borderColorNormal { border-color:rgba(0,0,0,.44)!important } .u-borderColorDarker { border-color:rgba(0,0,0,.8)!important } .u-borderColorDark { border-color:rgba(0,0,0,.6)!important } .u-borderColorLight { border-color:rgba(0,0,0,.3)!important } .u-borderColorLighter { border-color:rgba(0,0,0,.15)!important } .u-borderColorLightest { border-color:rgba(0,0,0,.05)!important } .u-borderWidth2 { border-width:2px!important } .u-borderTopLightest80:before { content:''; display:block; position:relative; width:80px; height:1px; background:rgba(0,0,0,.05) } @media screen and (max-width:767px) { .u-xs-borderBottomLight { border-bottom:1px solid rgba(0,0,0,.0785)!important } .u-xs-borderBottomLighter { border-bottom:1px solid rgba(0,0,0,.15)!important } .u-xs-border0 { border:0!important } .u-xs-borderRight0 { border-right:0!important } } .u-round { border-radius:999em } .u-borderRadius0 { border-radius:0!important } .u-borderRadius2 { border-radius:2px!important } .u-borderRadius3 { border-radius:3px!important } .u-borderRadius4 { border-radius:4px!important } .u-borderRadius10 { border-radius:10px!important } .u-borderRadiusTop4 { border-top-right-radius:4px; border-top-left-radius:4px } @media screen and (max-width:767px) { .u-xs-borderRadiusTop0 { border-top-right-radius:0; border-top-left-radius:0 } } .u-boxShadow { box-shadow:0 1px 7px rgba(0,0,0,.05) } .u-boxShadowThick { box-shadow:0 5px 30px -6px rgba(0,0,0,.15) } .u-boxShadowBottomThinLighter { box-shadow:0 2px 2px -2px rgba(0,0,0,.15) } .u-boxShadowBottom { box-shadow:0 4px 2px -2px rgba(0,0,0,.05) } .u-boxShadowInnerBottom { box-shadow:inset 0 -1px 3px 0 rgba(0,0,0,.05) } .u-boxShadowTop { box-shadow:0 -3px 10px 0 rgba(0,0,0,.0785) } .u-boxShadow1px4pxCardBorder { box-shadow:0 1px 4px rgba(0,0,0,.04) } .u-boxShadowInsetSpread1pxLighter { box-shadow:inset 0 0 0 1px rgba(0,0,0,.15) } .u-boxShadowNormal { box-shadow:0 0 1px rgba(0,0,0,.44) } .u-boxShadowSurround { box-shadow:0 0 15px 2px rgba(0,0,0,.15) } .u-boxShadowBlur8pxLighter { box-shadow:2px 2px 8px rgba(0,0,0,.15) } .u-boxShadowBlur8pxLightHover:hover { box-shadow:2px 2px 8px rgba(0,0,0,.3) } @media screen and (max-width:767px) { .u-xs-boxShadowNone { box-shadow:none!important } } .u-strokeGreen { stroke:#00ab6b!important; fill:transparent!important } .u-strokeRose { stroke:#EE6F70!important; stroke-width:1!important } .u-transitionSeries:nth-child(2) { transition-delay:30ms!important } .u-transitionSeries:nth-child(3) { transition-delay:60ms!important } .u-transitionSeries:nth-child(4) { transition-delay:90ms!important } .u-animationSeries:nth-child(2) { animation-delay:.1s!important } .u-animationSeries:nth-child(3) { animation-delay:.2s!important } .u-transparent { opacity:0!important } .u-opacity30 { opacity:.3!important } .u-visible { visibility:visible!important } .u-invisible { visibility:hidden!important } .u-fadeLeft:before { content:''!important; position:absolute!important; z-index:900; pointer-events:none; top:0!important; left:0!important; background-image:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)!important; width:65px!important; height:100%!important } .u-fadeRight:after { content:''!important; position:absolute!important; z-index:900; pointer-events:none; top:0!important; right:0!important; background-image:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)!important; width:65px!important; height:100%!important } .u-hideOutline { outline:0!important } .u-listStyleDisc { list-style:disc!important } .u-listStyleDecimal { list-style:decimal!important } .u-cursorPointer { cursor:pointer!important } .u-cursorAuto { cursor:auto!important } .u-cursorDefault { cursor:default!important } .u-cursorGrab { cursor:-webkit-grab!important; cursor:grab!important } .u-cursorGrabbing { cursor:-webkit-grabbing!important; cursor:grabbing!important } .u-backgroundGradientGrayLighter { background-image:linear-gradient(to bottom,#f5f5f5,rgba(255,255,255,.35)) } @media screen and (max-width:767px) { .u-xs-backgroundGradientGrayLightest { background-image:linear-gradient(to bottom,#fafafa,rgba(255,255,255,.35)) } } .u-textColorLighter { color:rgba(0,0,0,.15)!important; fill:rgba(0,0,0,.15)!important } .u-textColorLight { color:rgba(0,0,0,.3)!important; fill:rgba(0,0,0,.3)!important } .u-textColorLightHover:hover { color:rgba(0,0,0,.3)!important; fill:rgba(0,0,0,.3)!important } .u-textColorNormal { color:rgba(0,0,0,.44)!important; fill:rgba(0,0,0,.44)!important } .u-textColorNormalHover:hover { color:rgba(0,0,0,.44)!important; fill:rgba(0,0,0,.44)!important } .u-textColorNormalHover:hover .svgIcon { fill:rgba(0,0,0,.44)!important } .u-textColorDark { color:rgba(0,0,0,.6)!important; fill:rgba(0,0,0,.6)!important } .u-textColorDarker { color:rgba(0,0,0,.8)!important; fill:rgba(0,0,0,.8)!important } .u-textColorDarkest { color:rgba(0,0,0,.9)!important; fill:rgba(0,0,0,.9)!important } .u-textColorTransparentWhite { color:rgba(255,255,255,0)!important; fill:rgba(255,255,255,0)!important } .u-textColorTransparentWhiteDark { color:rgba(255,255,255,.65)!important; fill:rgba(255,255,255,.65)!important } .u-textColorTransparentWhiteDarker { color:rgba(255,255,255,.85)!important; fill:rgba(255,255,255,.85)!important } .u-textColorWhite { color:#fff!important; fill:#fff!important } .u-textColorGreenNormal { color:#00ab6b!important; fill:#02b875!important } .u-textColorGreenDark { color:#1c9963!important; fill:#00ab6b!important } .u-textColorYellow { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; color:#e7af0e!important; fill:#e7af0e!important } .u-textColorRed { color:#cc5454!important; fill:#cc5454!important } .u-textColorNavy { color:#284255!important; fill:#284255!important } .u-textColorTwitterBlue { color:#55acee!important; fill:#55acee!important } .u-iconColorLight { fill:rgba(0,0,0,.3)!important } .u-experimental { font-size:14px; text-align:center; background:#fafafa; padding:20px 40px } .u-textScreenReader { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; color:rgba(255,255,255,0)!important; pointer-events:none!important } .u-textUnderline { text-decoration:underline!important } .u-textUppercase { text-transform:uppercase!important } .u-uiTextBold { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:700!important; font-style:normal!important } .u-uiTextSemibold { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:600!important; font-style:normal!important } .u-uiTextMedium { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:500!important; font-style:normal!important } .u-uiTextRegular { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:400!important; font-style:normal!important } .u-uiTextThin { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:300!important; font-style:normal!important } .u-uiDisplayBold { font-family:medium-ui-sans-serif-display-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:700!important; font-style:normal!important } .v-glyph--ex01 .u-uiDisplayBold,.v-glyph--ex02 .u-uiDisplayBold,.v-glyph--ex03 .u-uiDisplayBold,.v-glyph--ex04 .u-uiDisplayBold { font-weight:600!important } .u-uiDisplaySemibold { font-family:medium-ui-sans-serif-display-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:600!important; font-style:normal!important } .v-glyph--ex01 .u-uiDisplaySemibold,.v-glyph--ex02 .u-uiDisplaySemibold,.v-glyph--ex03 .u-uiDisplaySemibold,.v-glyph--ex04 .u-uiDisplaySemibold { font-weight:600!important } .u-uiDisplayMedium { font-family:medium-ui-sans-serif-display-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:500!important; font-style:normal!important } .v-glyph--ex01 .u-uiDisplayMedium,.v-glyph--ex02 .u-uiDisplayMedium,.v-glyph--ex03 .u-uiDisplayMedium,.v-glyph--ex04 .u-uiDisplayMedium { font-weight:600!important } .u-uiDisplayRegular { font-family:medium-ui-sans-serif-display-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:400!important; font-style:normal!important } .v-glyph--ex01 .u-uiDisplayRegular,.v-glyph--ex02 .u-uiDisplayRegular,.v-glyph--ex03 .u-uiDisplayRegular,.v-glyph--ex04 .u-uiDisplayRegular { font-weight:600!important } .u-uiDisplayThin { font-family:medium-ui-sans-serif-display-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif!important; letter-spacing:0!important; font-weight:300!important; font-style:normal!important } .v-glyph--ex01 .u-uiDisplayThin,.v-glyph--ex02 .u-uiDisplayThin,.v-glyph--ex03 .u-uiDisplayThin,.v-glyph--ex04 .u-uiDisplayThin { font-weight:600!important } .u-uiTextMonospace { font-family:Menlo,Monaco,"Courier New",Courier,monospace!important; letter-spacing:0!important; font-weight:400!important; font-style:normal!important } .u-contentSansBold { --x-height-multiplier:0.363!important; --baseline-multiplier:0.157!important; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important; letter-spacing:-.02em!important; font-weight:700!important; font-style:normal!important; letter-spacing:0!important } .v-glyph--ex01 .u-contentSansBold,.v-glyph--ex02 .u-contentSansBold,.v-glyph--ex03 .u-contentSansBold,.v-glyph--ex04 .u-contentSansBold { font-weight:600!important } .u-contentSansRegular { --x-height-multiplier:0.363!important; --baseline-multiplier:0.157!important; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important; letter-spacing:-.02em!important; font-weight:400!important; font-style:normal!important; letter-spacing:0!important } .v-glyph--ex01 .u-contentSansRegular,.v-glyph--ex02 .u-contentSansRegular,.v-glyph--ex03 .u-contentSansRegular,.v-glyph--ex04 .u-contentSansRegular { font-weight:400!important } .u-contentSansThin { --x-height-multiplier:0.363!important; --baseline-multiplier:0.157!important; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif!important; letter-spacing:-.02em!important; font-weight:300!important; font-style:normal!important; letter-spacing:0!important } .v-glyph--ex01 .u-contentSansThin,.v-glyph--ex02 .u-contentSansThin,.v-glyph--ex03 .u-contentSansThin,.v-glyph--ex04 .u-contentSansThin { font-weight:400!important } .u-contentSerifRegular { --x-height-multiplier:0.35!important; --baseline-multiplier:0.179!important; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important; letter-spacing:.01rem!important; font-weight:400!important; font-style:normal!important } .v-glyph--ex04 .u-contentSerifRegular { font-weight:300!important } .u-contentSerifItalic { --x-height-multiplier:0.35!important; --baseline-multiplier:0.179!important; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important; letter-spacing:.01rem!important; font-weight:400!important; font-style:italic!important } .v-glyph--ex04 .u-contentSerifItalic { font-weight:300!important } .u-contentSerifBold { --x-height-multiplier:0.35!important; --baseline-multiplier:0.179!important; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important; letter-spacing:.01rem!important; font-weight:700!important; font-style:normal!important } .v-glyph--ex04 .u-contentSerifBold { font-weight:600!important } .u-contentSlabItalic { --x-height-multiplier:0.363!important; --baseline-multiplier:0.157!important; font-family:medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important; font-weight:400!important; font-style:italic!important } .u-uiSerifRegular { --x-height-multiplier:0.35!important; --baseline-multiplier:0.179!important; font-family:medium-ui-serif-font,medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif!important; letter-spacing:.01rem!important; font-weight:400!important; font-style:normal!important } .u-fontSize11 { font-size:11px!important } .u-fontSize12 { font-size:12px!important } .u-fontSize13 { font-size:13px!important } .u-fontSize14 { font-size:14px!important } .u-fontSize15 { font-size:15px!important } .u-fontSize16 { font-size:16px!important } .u-fontSize18 { font-size:18px!important } .u-fontSize20 { font-size:20px!important } .u-fontSize22 { font-size:22px!important } .u-fontSize24 { font-size:24px!important } .u-fontSize28 { font-size:28px!important } .u-fontSize30 { font-size:30px!important } .u-fontSize32 { font-size:32px!important } .u-fontSize36 { font-size:36px!important } .u-fontSize40 { font-size:40px!important } .u-fontSize44 { font-size:44px!important } .u-fontSize48 { font-size:48px!important } .u-fontSize50 { font-size:50px!important } .u-fontSize60 { font-size:60px!important } .u-fontSize64 { font-size:64px!important } .u-fontSize75 { font-size:75px!important } .u-fontSize200 { font-size:200px!important } @media screen and (max-width:991px) { .u-sm-fontSize14 { font-size:14px!important } .u-sm-fontSize16 { font-size:16px!important } .u-sm-fontSize150 { font-size:150px!important } } @media screen and (max-width:767px) { .u-xs-fontSize12 { font-size:12px!important } .u-xs-fontSize14 { font-size:14px!important } .u-xs-fontSize15 { font-size:15px!important } .u-xs-fontSize16 { font-size:16px!important } .u-xs-fontSize18 { font-size:18px!important } .u-xs-fontSize20 { font-size:20px!important } .u-xs-fontSize22 { font-size:22px!important } .u-xs-fontSize24 { font-size:24px!important } .u-xs-fontSize28 { font-size:28px!important } .u-xs-fontSize32 { font-size:32px!important } .u-xs-fontSize36 { font-size:36px!important } .u-xs-fontSize40 { font-size:40px!important } } @media screen and (max-width:369px) { .u-xxs-fontSize16 { font-size:16px!important } } .u-lineHeightHalf { line-height:.5!important } .u-lineHeightLoose { line-height:1.6!important } .u-lineHeightBase { line-height:1.4!important } .u-lineHeightBaseSans { line-height:1.3!important } .u-lineHeightTight { line-height:1.2!important } .u-lineHeightTighter { line-height:1.1!important } .u-lineHeightTightest { line-height:1!important } .u-lineHeightLoose { line-height:1.6!important } .u-lineHeight0 { line-height:0!important } .u-lineHeight9 { line-height:9px!important } .u-lineHeight13 { line-height:13px!important } .u-lineHeight18 { line-height:18px!important } .u-lineHeight30 { line-height:30px!important } .u-lineHeight32 { line-height:32px!important } .u-lineHeight35 { line-height:35px!important } .u-lineHeight36 { line-height:36px!important } .u-lineHeight40 { line-height:40px!important } .u-lineHeight44 { line-height:44px!important } .u-lineHeight100 { line-height:100px!important } .u-lineHeightInherit { line-height:inherit!important } @media screen and (max-width:991px) { .u-sm-lineHeight44 { line-height:44px!important } } @media screen and (max-width:767px) { .u-xs-lineHeight20 { line-height:20px!important } .u-xs-lineHeight22 { line-height:22px!important } } .u-textAlignCenter { text-align:center!important } .u-textAlignRight { text-align:right!important } .u-textAlignLeft { text-align:left!important } @media (max-width:991px) { .u-sm-textAlignCenter { text-align:center!important } } @media (max-width:767px) { .u-xs-textAlignLeft { text-align:left!important } .u-xs-textAlignRight { text-align:right!important } .u-xs-textAlignCenter { text-align:center!important } } .u-noWrap { white-space:nowrap!important } .u-normalWrap { white-space:normal!important } .u-noWrapWithEllipsis { white-space:nowrap!important; text-overflow:ellipsis!important; overflow:hidden!important } .u-textOverflowEllipsis { text-overflow:ellipsis!important; overflow:hidden!important } @media screen and (max-width:767px) { .u-xs-normalWrap { white-space:normal!important } .u-xs-noWrapWithEllipsis { white-space:nowrap!important; text-overflow:ellipsis!important; overflow:hidden!important } } .u-wordBreakNormal { word-break:normal!important } .u-breakWord { word-break:break-word; word-wrap:break-word } .u-lineClamp2 { display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important } .u-lineClamp3 { display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important } .u-maxHeight2LineHeightBase { overflow:hidden; line-height:1.4!important; max-height:2.8em!important } .u-maxHeight2LineHeightTighter { overflow:hidden; line-height:1.1!important; max-height:2.2em!important } .u-maxHeight2LineHeightTight { overflow:hidden; line-height:1.2!important; max-height:2.4em!important } .u-maxHeight3LineHeightTight { overflow:hidden; line-height:1.2!important; max-height:3.6em!important } .u-maxHeight3LineHeightBase { overflow:hidden; line-height:1.4!important; max-height:4.2em!important } @media screen and (max-width:991px) { .u-sm-lineClamp2 { display:-webkit-box!important; -webkit-line-clamp:2!important; overflow:hidden!important } .u-sm-maxHeight2LineHeightTight { overflow:hidden; line-height:1.2!important; max-height:2.4em!important } } @media screen and (max-width:767px) { .u-xs-lineClamp2 { display:-webkit-box!important; -webkit-line-clamp:2!important; overflow:hidden!important } .u-xs-maxHeight2LineHeightBase { overflow:hidden; line-height:1.4!important; max-height:2.8em!important } } .u-transition--fadeOut100 { visibility:hidden; opacity:0; transition:visibility 0s linear .1s,opacity .1s 0s } .u-transition--fadeOut300 { visibility:hidden; opacity:0; transition:visibility 0s linear .3s,opacity .3s 0s } .u-transition--fadeIn300 { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .3s 0s } .u-transition--fadeIn200Delay150 { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .2s 150ms } .u-transition--transform125 { transition:transform 125ms ease-in-out } .u-transition--transformLinear200 { transition:transform .2s linear } .u-transition--transform200Spring { transition:transform .2s cubic-bezier(.25,0,.6,1.4) } .u-transition--transform200EaseOutCubicOpacity125EaseIn { transition:transform .2s cubic-bezier(.215,.61,.355,1),opacity 125ms ease-in } .u-transition--transform250BoxShadow200 { transition:transform 250ms ease-in-out,box-shadow .2s ease-in-out } .u-transition--boxShadow200 { transition:box-shadow .2s ease-in-out } .u-transition--none { transition:none } .u-backfaceVisibilityHidden { -webkit-backface-visibility:hidden; backface-visibility:hidden } .u-transformOriginLeft { transform-origin:left } .u-background--brandSage { background:#D3E9DA!important } .u-background--brandSageLighter { background:#E8F3EC } .u-background--brandSea { background:#D7EFEE } .u-background--brandSky { background:#E2Eff8 } .u-background--brandPlum { background:#DFD8E3 } .u-background--brandRose { background:#FCE7DD } .u-background--brandSand { background:#F6F1E4 } .u-background--brandDust { background:#F0F0EE } @media screen and (max-width:991px) { .u-sm-background--brandSea { background:#D7EFEE } } .u-marketingSerif { font-family:medium-marketing-display-font,Georgia,Cambria,"Times New Roman",Times,serif!important; font-style:normal; font-weight:500 } .u-textColor--brandSage { color:#01B595; fill:#01B595 } .u-textColor--brandSea { color:#218799; fill:#218799 } .u-textColor--brandSky { color:#0B2B52; fill:#0B2B52 } .u-textColor--brandPlum { color:#2D235B; fill:#2D235B } .u-textColor--brandRose { color:#EE6F70; fill:#EE6F70 } .u-textColor--brandSand { color:#8A7D67; fill:#8A7D67 } .u-textColor--brandDust { color:rgba(0,0,0,.88); fill:rgba(0,0,0,.88) } .u-textColor--brandBlack { color:rgba(0,0,0,.88); fill:rgba(0,0,0,.88) } .u-borderColor--brandSea { color:#218799 } .u-borderLeftBleed250,.u-borderLeftBleed300 { position:relative } .u-borderLeftBleed250:before,.u-borderLeftBleed300:before { content:''; border-left:1px solid rgba(0,0,0,.6); position:absolute; top:-20px; left:-30px } .u-borderLeftBleed250:before { bottom:-250px } .u-borderLeftBleed300:before { bottom:-300px } .u-borderBleedBottomSand { position:relative } .u-borderBleedBottomSand:before { content:''; top:240px; border-left:2px solid #e7af0e; position:absolute; bottom:-400px; right:110px } @media screen and (max-width:767px) { .u-borderLeftBleedBottom:before { display:none } } .col,.container,.row { box-sizing:border-box } .container { padding-right:20px; padding-left:20px; margin-right:auto; margin-left:auto } .row { margin-right:-20px; margin-left:-20px } .row:after,.row:before { display:table; content:" " } .row:after { clear:both } .col { position:relative; min-height:1px; padding-right:20px; padding-left:20px } .surface { top:0; height:100%; width:100%; box-sizing:border-box } .surface:after,.surface:before { display:table; content:" " } .surface:after { clear:both } .surface-scrollOverlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:900; overflow:auto } .is-transitioningSurfaces { overflow:hidden } .is-transitioningSurfaces .surface { position:absolute; top:0; overflow:auto } .is-transitioningSurfaces .surface-scrollOverlay { display:block } .is-transitioningSurfaces .surface-container { position:absolute; top:0; left:0; right:0 } .is-transitioningSurfaces .is-transitioningSurfaceOut { z-index:200 } .is-transitioningSurfaces .is-transitioningSurfaceOut { z-index:100 } .is-transitioningSurfaces .surface-container.is-fixed { position:fixed; top:0 } .screenContent { outline:0; background-color:#fff } body.is-swBoot::-webkit-scrollbar { visibility:hidden } body.is-swBoot { min-height:100000px } @media not print { .screenContent { height:100% } } .canvas-renderer { display:block; position:fixed; top:0; left:0; right:0; bottom:0; pointer-events:none; background:#fff; transform:translateZ(0) } @media print { .canvas-renderer { display:none } } .svgIcon--light { fill:rgba(255,255,255,.65) } .svgIcon { display:inline-block } .svgIcon--15px { line-height:15px; height:15px } .svgIcon--19px { line-height:19px; height:19px } .svgIcon--21px { line-height:21px; height:21px } .svgIcon--25px { line-height:25px; height:25px } .svgIcon--29px { line-height:29px; height:29px } .svgIcon--33px { line-height:33px; height:33px } .svgIcon--45px { line-height:45px; height:45px } .svgIcon--65px { line-height:65px; height:65px } .svgIcon--85px { line-height:85px; height:85px } .svgIcon--120px { line-height:120px; height:120px } .svgIcon--45x29px { line-height:29px; height:29px } .svgIcon--129x37px { line-height:37px; height:37px } .svgIcon--95x45px { line-height:45px; height:45px } .svgIcon--151x65px { line-height:65px; height:65px } .svgIcon--201x85px { line-height:85px; height:85px } .svgIcon--25px.svgIcon--heart.is-flushLeft,.svgIcon--25px.svgIcon--heartFilled.is-flushLeft { margin-left:-3px } .svgIcon--21px.svgIcon--bookmark.is-flushLeft,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushLeft,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushLeft { margin-left:-5px } .svgIcon--25px.svgIcon--bookmark.is-flushLeft,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushLeft,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushLeft { margin-left:-6px } .svgIcon--29px.svgIcon--bookmark.is-flushLeft,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushLeft,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushLeft { margin-left:-7px } .svgIcon--21px.svgIcon--bookmark.is-flushRight,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushRight,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushRight { margin-right:-5px } .svgIcon--25px.svgIcon--bookmark.is-flushRight,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushRight,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushRight { margin-right:-6px } .svgIcon--29px.svgIcon--bookmark.is-flushRight,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushRight,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushRight { margin-right:-7px } .svgIcon--21px.svgIcon--bookmark.is-flushTop,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushTop,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushTop { margin-top:-5px } .svgIcon--25px.svgIcon--bookmark.is-flushTop,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushTop,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushTop { margin-top:-6px } .svgIcon--29px.svgIcon--bookmark.is-flushTop,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushTop,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushTop { margin-top:-7px } .svgIcon--21px.svgIcon--bookmark.is-flushBottom,.svgIcon--21px.svgIcon--bookmarkCheck.is-flushBottom,.svgIcon--21px.svgIcon--bookmarkFilled.is-flushBottom { margin-bottom:-3px } .svgIcon--25px.svgIcon--bookmark.is-flushBottom,.svgIcon--25px.svgIcon--bookmarkCheck.is-flushBottom,.svgIcon--25px.svgIcon--bookmarkFilled.is-flushBottom { margin-bottom:-4px } .svgIcon--29px.svgIcon--bookmark.is-flushBottom,.svgIcon--29px.svgIcon--bookmarkCheck.is-flushBottom,.svgIcon--29px.svgIcon--bookmarkFilled.is-flushBottom { margin-bottom:-5px } .svgIcon--25px.svgIcon--lockStory.is-flushRight { margin-right:-6px } .svgIcon--45px.svgIcon--logoNew.is-flushLeft,.svgIcon--45px.svgIcon--logoNewRainbow.is-flushLeft { margin-left:-2px } .svgIcon--21px.svgIcon--arrowRight.is-flushRight { margin-right:-6px } .wordmarkSet .svgIcon--logoWordmarkNew { margin-top:-20px } .svgIcon--132x45px.svgIcon--logoWordmark.is-flushLeft { margin-left:-3px } .avatar { display:block; white-space:nowrap; overflow:visible; text-overflow:ellipsis; line-height:normal; position:relative } .avatar-image { display:inline-block; vertical-align:middle; border-radius:100% } .avatar-image--outlined { border:1px solid rgba(0,0,0,.05) } .avatar--roundedRectangle .avatar-image { border-radius:3px } .avatar-text { padding-left:10px; white-space:nowrap } .link:hover .avatar-text { text-decoration:underline } .avatar-description { margin-left:5px; color:rgba(0,0,0,.44); font-size:11px } .avatar-image--micro { width:24px; height:24px } .avatar-image--icon { width:32px; height:32px } .avatar-image--smaller { width:40px; height:40px } .avatar-image--small { width:60px; height:60px } .avatar-image--medium { width:80px; height:80px } .avatar-image--large { width:120px; height:120px } .avatar-image--icon+.avatar-text { line-height:32px } .avatar-svgIcon .svgIcon { background:#02b875; fill:#fff; position:absolute; right:-3px; bottom:-3px; width:10px; height:10px; padding:3px; line-height:16px; font-size:8px; -webkit-background-clip:padding-box; pointer-events:none; border-radius:100% } .avatar-svgIcon .svgIcon-use { width:10px; height:10px } @media screen and (max-width:767px) { .avatar-svgIcon .svgIcon { right:0; bottom:0; width:9px; height:9px; line-height:15px; font-size:7px } } .button { display:inline-block; position:relative; height:37px; padding:0 16px; color:rgba(0,0,0,.44); background:rgba(0,0,0,0); font-size:14px; text-align:center; text-decoration:none; cursor:pointer; border:1px solid rgba(0,0,0,.15); vertical-align:bottom; white-space:nowrap; text-rendering:auto; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; box-sizing:border-box; border-radius:999em; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -moz-font-feature-settings:"liga" on } .button:active { outline:0 } .button { line-height:35px } .button:hover { color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.44) } .button:active,.button:focus { outline:0; color:rgba(0,0,0,.8); border-color:rgba(0,0,0,.6) } .button--disabled,.buttonSwitch--disabled .button,.button[disabled],.button[disabled]:active,.button[disabled]:hover { pointer-events:none; opacity:.25; cursor:default } .button--activity[disabled] { opacity:1 } .button,.button .svgIcon { transition:.1s background-color,.1s border-color,.1s color,.1s fill } .button:active,.button:active .svgIcon { transition:none } .button--circle { padding:0; width:37px; text-align:center } .button--circle>.avatar,.button--circle>.avatar>.avatar-image { width:37px; height:37px; border-radius:100% } .button--circle.button--small>.avatar,.button--circle.button--small>.avatar>.avatar-image { width:32px; height:32px } .button--boxShadowBorder:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:100%; box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); z-index:100 } .button--boxShadowBorder:hover:before { box-shadow:inset 0 0 0 1px rgba(0,0,0,.44) } .button--boxShadowBorder:active:before,.button--boxShadowBorder:focus:before { box-shadow:inset 0 0 0 1px rgba(0,0,0,.6) } .button--rectangular { border-radius:1px } .button--borderless { border:0 } .button.editable { cursor:text; -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto } .button--expandable { padding:0; width:37px; text-align:center } .button--expandable .button-label { display:none; position:relative; line-height:100% } .button--expandable:hover .button-label { display:inline-block } .button--chromeless,.button--link { border-radius:0; box-shadow:none; height:auto; line-height:inherit; border-width:0; padding:0; vertical-align:baseline; color:rgba(0,0,0,.44); white-space:normal; text-align:left } .button--chromeless:active,.button--chromeless:focus,.button--chromeless:hover,.button--link:active,.button--link:focus,.button--link:hover { color:rgba(0,0,0,.6); border-width:0 } .button--link:active,.button--link:focus,.button--link:hover { text-decoration:underline } .button--chromeless.button--circle { border-radius:999em } .button--chromeless.button--circle,.button--link.button--circle { text-align:center } .button--link.button--underline { text-decoration:underline } .button--unstyled,.button--unstyled:active,.button--unstyled:focus,.button--unstyled:hover { border-radius:0; box-shadow:none; background:inherit; color:inherit; height:auto; font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit; text-transform:inherit; border-width:0; padding:0; vertical-align:baseline; white-space:normal } .button .svgIcon { vertical-align:middle; fill:rgba(0,0,0,.44) } .button:hover .svgIcon { fill:rgba(0,0,0,.44) } .button:active .svgIcon,.button:focus .svgIcon { fill:rgba(0,0,0,.8) } .button--chromeless .svgIcon,.button--link .svgIcon { fill:rgba(0,0,0,.44) } .button--chromeless:hover .svgIcon,.button--link:hover .svgIcon { fill:rgba(0,0,0,.8) } .button--chromeless:active .svgIcon,.button--chromeless:focus .svgIcon,.button--link:active .svgIcon,.button--link:focus .svgIcon { fill:rgba(0,0,0,.9) } .button--withIconAndLabel { line-height:35px } .button--withIconAndLabel .svgIcon { padding-right:4px } .button--withIconAndLabel.button--withIconRight .svgIcon { padding-left:4px; padding-right:0 } .button--withIconAndLabel.button--expandable .svgIcon { padding-right:0 } .button--withIconAndLabel.button--expandable:hover .svgIcon { padding-right:4px } .button--withSvgIcon .svgIcon { top:-1px; position:relative } .buttonSwitch--withLabels .svgIcon { padding-right:0 } .button--withWrappingLabel .button-defaultState { position:absolute; top:0; left:0 } .button--withWrappingLabel .button-activeState { position:absolute; top:0; left:0 } .button--withWrappingLabel .button-label { float:left; margin-left:26px } .button--withIconRight .button-text { margin-right:15px } .button--dark { border-color:rgba(0,0,0,.6); color:rgba(0,0,0,.6) } .button--dark .svgIcon { fill:rgba(0,0,0,.6) } .button--dark:hover { border-color:rgba(0,0,0,.8); color:rgba(0,0,0,.8) } .button--dark:active,.button--dark:focus { border-color:rgba(0,0,0,.9); color:rgba(0,0,0,.9) } .button--dark.is-active .svgIcon,.button--dark:hover .svgIcon { fill:rgba(0,0,0,.8) } .button--dark:active .svgIcon,.button--dark:focus .svgIcon { fill:rgba(0,0,0,.9) } .is-darkBackgrounded .button--dark { border-color:rgba(255,255,255,.65); color:rgba(255,255,255,.65) } .is-darkBackgrounded .button--dark .svgIcon { fill:rgba(255,255,255,.65) } .is-darkBackgrounded .button--dark:focus,.is-darkBackgrounded .button--dark:hover { border-color:rgba(255,255,255,.85); color:rgba(255,255,255,.85) } .is-darkBackgrounded .button--dark:focus .svgIcon,.is-darkBackgrounded .button--dark:hover .svgIcon { fill:rgba(255,255,255,.85) } .button--dark .label { color:rgba(0,0,0,.6) } .button--dark.button--primary { color:rgba(0,0,0,.8); border-color:rgba(0,0,0,.6) } .button--dark.button--primary:active,.button--dark.button--primary:focus,.button--dark.button--primary:hover { color:rgba(0,0,0,.9); border-color:rgba(0,0,0,.8) } .button--dark.button--activity.is-counter,.button--dark.button--primary.button--withChrome.is-active { background:rgba(0,0,0,.44); border-color:transparent } .button--dark.button--activity.is-counter { color:#fff } .button--dark.button--activity.is-counter:hover,.button--dark.button--primary.button--withChrome.is-active:active,.button--dark.button--primary.button--withChrome.is-active:focus,.button--dark.button--primary.button--withChrome.is-active:hover { background:rgba(0,0,0,.6); border-color:transparent } .is-darkBackgrounded .button--chromeless,.is-darkBackgrounded .button--primary { color:rgba(255,255,255,.85) } .button--dark.button--filled { background:rgba(0,0,0,.8); border-color:rgba(0,0,0,.8); color:rgba(255,255,255,.97) } .button--dark.button--filled:active,.button--dark.button--filled:focus,.button--dark.button--filled:hover { background:#000; border-color:#000; color:rgba(255,255,255,.97) } .button-count { margin-left:10px } .button-count:before { content:''; display:inline-block; width:1px; height:18px; background:rgba(0,0,0,.44); margin-right:10px; vertical-align:middle } .button--filled .button-count:before,.button--primary.button--withChrome.is-active .button-count:before { background:rgba(255,255,255,.65) } .button--primary .button-count:before { background:#02b875 } .button--small .button-count { margin-left:6px } .button--small .button-count:before { margin-right:6px; height:14px } .buttonSet>.button,.buttonSet>.buttonSet-inner>.button { margin-right:8px; vertical-align:middle } .buttonSet--withLabels>.buttonSet-inner { margin-right:5px } .buttonSet .buttonSet-inner { display:inline-block; vertical-align:middle } .buttonSet .buttonSet-inner:not(:first-child) { margin-left:5px } .buttonSet>.button:last-child,.buttonSet>.buttonSet-inner:last-child>.button:last-child { margin-right:0 } .buttonSet--withLabels .buttonSet-inner .button:first-child { margin-right:4px } .buttonSet--withLabels .buttonSet-inner { margin-right:8px } .buttonSet--withLabels .buttonSet-inner:last-child,.buttonSet--withLabels .buttonSet-inner:last-child .button:last-child { margin-right:0 } .buttonSet>.button--chromeless+.button,.buttonSet>.buttonSet-inner+.button--chromeless,.buttonSet>.buttonSet-separator+.button { margin-left:8px } .buttonSet--wide>.button,.buttonSet--wide>.buttonSet-inner>.button { margin-right:16px } .buttonSet>.button--chromeless:not(.button--circle) { margin-right:0; padding-right:8px } .buttonSet--wide>.button--chromeless:not(.button--circle) { padding-right:16px } .buttonSet>.button--chromeless:last-child { padding-right:0 } .buttonSet>.button--chromeless+.button--chromeless:not(.button--circle) { margin-left:0; padding-left:8px } .buttonSet--vertical>.button--chromeless.button--fbInApp { margin-right:auto } .buttonSet--narrow>.button { margin-right:4px } .buttonSet--narrow>.button+.button,.buttonSet--narrow>.buttonSet-separator+.button { margin-left:4px } .buttonSet--padded { padding-top:20px; padding-bottom:20px } .buttonSet--padded+.buttonSet--padded { padding-top:0 } .buttonSet--vertical>.button { display:block; margin:0 auto 10px } .buttonSet--vertical>a.button { display:inline-block } .buttonSet--vertical>.button:last-child { margin-right:auto } .button--vertical { text-align:center; height:64px; border:0; padding:0; border-radius:0 } .button--vertical:hover>.label { border-color:rgba(0,0,0,.44) } .button--vertical>.label { margin:0 } .button--vertical>.button-label { font-size:12px } .buttonSwitch { display:inline-block; position:relative; height:40px; border:1px solid rgba(0,0,0,.15); vertical-align:bottom; box-sizing:border-box; border-radius:999em } .buttonSwitch .button { border:0; height:100%; width:auto; text-align:center; color:rgba(0,0,0,.44); padding:0 16px; transition:none } .buttonSwitch .button:active,.buttonSwitch .button:focus,.buttonSwitch .button:hover { color:rgba(0,0,0,.6) } .buttonSwitch .button:first-child { border-radius:999em 0 0 999em } .buttonSwitch .button:nth-child(2) { border-radius:0 } .buttonSwitch .button:first-child,.buttonSwitch .button:nth-child(2) { border-right:1px solid rgba(0,0,0,.15) } .buttonSwitch .button:last-child { border-radius:0 999em 999em 0; border-right:0 } .buttonSwitch .button[disabled] { opacity:1; background:#02b875; color:#fff; border:0; box-shadow:0 0 0 1px #02b875 } .buttonSwitch .button[disabled] .svgIcon { fill:#fff } .buttonSwitch--chromeless .button[disabled] { color:#02b875; background:rgba(255,255,255,0); box-shadow:none } .buttonSwitch.buttonSwitch--chromeless .button[disabled] .svgIcon { fill:#02b875 } .buttonSwitch--chromeless .button.button--disabledInSwitch,.buttonSwitch.buttonSwitch--chromeless .button.button--disabledInSwitch .button-label { color:rgba(0,0,0,.15) } .buttonSwitch.buttonSwitch--chromeless .button.button--disabledInSwitch .svgIcon { fill:rgba(0,0,0,.15) } .buttonSwitch--compact,.buttonSwitch--small { height:32px; line-height:32px; vertical-align:middle } .buttonSwitch--compact .button,.buttonSwitch--small .button { width:40px; padding:0 } .buttonSwitch--compact .button { top:-3px } .buttonSwitch--chromeless,.buttonSwitch--chromeless .button:first-child,.buttonSwitch--chromeless .button:nth-child(2) { border:0; border-radius:0 } .buttonSwitch--chromeless .button { width:30px } .buttonSwitch--withLabels .button { width:auto; margin-right:15px } .buttonSwitch--withLabelsDense .button { margin-right:8px } .buttonSwitch--withLabels .button:first-child { margin-left:15px } .buttonSwitch--withLabelsDense .button:first-child { margin-left:8px } .buttonSwitch--withLabels .button-label { display:inline-block; position:relative; bottom:0; margin-left:5px } .button .button-labelSet { display:inline-block; vertical-align:middle } .button .button-label--multiLine,.button--signin .button-label--multiLine { display:block; line-height:16px } .buttonSwitch--withLabels .button[disabled] .button-label { color:#00ab6b } .buttonSwitch--disabled { border-color:rgba(0,0,0,.05) } .buttonSwitch--disabled .button[disabled] { opacity:.25 } .buttonSwitch--colorNormal .button { color:rgba(0,0,0,.44) } .buttonSwitch--colorNormal .button .svgIcon { fill:rgba(0,0,0,.44) } .buttonSwitch--outlined .button { border-right:1px solid rgba(0,0,0,.15); transition:none } .buttonSwitch--outlined .button .svgIcon { fill:rgba(0,0,0,.44); transition:none } .buttonSwitch--outlined .button[disabled] { color:#00ab6b; background:#fff } .buttonSwitch--outlined .button[disabled] .svgIcon { fill:#00ab6b } .buttonSwitch--outlined .button:not([disabled]):hover { background-color:#02b875; border-color:#02b875; color:#fff } .buttonSwitch--outlined .button:not([disabled]):hover .svgIcon { fill:#fff } .button--large { height:44px; padding:0 18px } .button--large { line-height:42px } .button--large,.button--large.button--chromeless,.button--large.button--link { font-size:15px } .button--large.button--chromeless,.button--large.button--link { padding:0 } .button--large.button--circle { width:44px; height:44px; padding:0 } .button--small { height:32px; line-height:30px; padding:0 14px; font-size:12px } .button--small.button--chromeless,.button--small.button--link { padding:0; line-height:inherit; height:inherit } .button--small.button--circle { width:32px; height:32px; padding:0 } .button--small.button--expandable { width:32px; padding:0 } .button--small.button--expandable:hover { width:auto; padding:0 12px 0 8px } .button--smaller { height:25px; line-height:23px; padding:0 6px; font-size:12px } .button--smaller.button--chromeless,.button--smaller.button--link { padding:0; line-height:inherit; height:inherit } .button--smaller.button--circle { width:25px; height:25px; padding:0 } .button--inline { margin:0 6px; vertical-align:middle } .button--primary,.button--primary .label,.button--primary.button--link { color:#00ab6b } .button--primary .svgIcon { fill:#02b875 } .button--primary { border-color:#02b875 } .button--primary:active,.button--primary:focus,.button--primary:hover { border-color:#00ab6b; color:#1c9963 } .button--primary:active .svgIcon,.button--primary:focus .svgIcon,.button--primary:hover .svgIcon { fill:#00ab6b } .button--primary.button--chromeless:active,.button--primary.button--chromeless:focus,.button--primary.button--chromeless:hover { color:#1c9963 } .button--primary.button--link:active,.button--primary.button--link:focus,.button--primary.button--link:hover { color:#00ab6b } .button--filled,.button--filled.button--primary.button--chromeless,.button--filled.button--primary.button--link,.button--filled>.label,.button--primary.button--withChrome.is-active,.button--primary.button--withChrome.is-active>.label { color:#fff } .button--filled>.svgIcon,.button--primary.button--withChrome.is-active .svgIcon { fill:#fff!important } .button--filled,.button--primary.button--withChrome.is-active { background:#02b875; border-color:#02b875 } .button--filled:active>.svgIcon,.button--filled:focus>.svgIcon,.button--filled:hover>.svgIcon { fill:#fff } .button--filled:active,.button--filled:focus,.button--filled:hover,.button--primary.button--withChrome.is-active:active,.button--primary.button--withChrome.is-active:focus,.button--primary.button--withChrome.is-active:hover { background:#00ab6b; border-color:#00ab6b; color:#fff } .button--withFadedLabel { color:rgba(0,0,0,.44) } .button--delete:active,.button--delete:focus,.button--delete:hover { border-color:#cc5454; color:#cc5454 } .button--lighter .svgIcon { fill:rgba(0,0,0,.15) } .button--lighter:active .svgIcon,.button--lighter:focus .svgIcon,.button--lighter:hover .svgIcon { fill:rgba(0,0,0,.44) } .button--light,.button--light.button--link { color:rgba(255,255,255,.65) } .button--light { border-color:rgba(255,255,255,.65) } .button--light .svgIcon { fill:rgba(255,255,255,.65) } .button--light:active,.button--light:focus,.button--light:hover { border-color:rgba(255,255,255,.85) } .button--light:active,.button--light:focus,.button--light:hover { color:rgba(255,255,255,.97) } .button--light:active .svgIcon,.button--light:focus .svgIcon,.button--light:hover .svgIcon { fill:rgba(255,255,255,.97) } .button--light .button-count:before { background:rgba(255,255,255,.2) } .button--light.button--primary { border-color:rgba(255,255,255,.97); color:rgba(255,255,255,.97) } .button--light.button--primary:active,.button--light.button--primary:focus,.button--light.button--primary:hover { border-color:#fff; color:#fff } .button--light.button--activity.is-counter,.button--light.button--primary.is-active:not(.button--chromeless) { background:rgba(255,255,255,.97); border-color:rgba(255,255,255,.97); color:rgba(0,0,0,.8) } .button--light.button--activity.is-counter:hover,.button--light.button--primary.is-active:active:not(.button--chromeless),.button--light.button--primary.is-active:focus:not(.button--chromeless),.button--light.button--primary.is-active:hover:not(.button--chromeless) { background:#fff; border-color:#fff; color:rgba(0,0,0,.9) } .button--light.button--delete:active,.button--light.button--delete:focus,.button--light.button--delete:hover { border-color:transparent; background:#cc5454; color:#fff } .buttonSet .button--chromeless,.buttonSet .button--link { height:37px; line-height:35px } .buttonSet .button--large.button--chromeless,.buttonSet .button--large.button--link { height:44px; line-height:42px } .buttonSet .button--small.button--chromeless,.buttonSet .button--small.button--link { height:32px; line-height:30px } .button--warning,.button--warning:active,.button--warning:focus,.button--warning:hover { border-color:#e7af0e; color:#e7af0e } .editing .buttonSet--profile .button--newStory { display:none } .buttonSet--profile { padding-top:8px; padding-bottom:8px } .buttonSet--profile .button--chromeless { color:rgba(0,0,0,.44); margin-right:6px } .buttonSet--profile .button--chromeless:active,.buttonSet--profile .button--chromeless:focus,.buttonSet--profile .button--chromeless:hover { color:rgba(0,0,0,.6) } .buttonSet--profile .buttonSet-inner .button { margin-right:10px } .buttonSet--profile+.buttonSet--profile { padding-top:0 } .buttonSet--profile .middotDivider { color:rgba(0,0,0,.44); font-size:14px; padding:0; margin-left:14px; margin-right:14px } .button--signin,.button--signin:active,.button--signin:focus,.button--signin:hover { border:0; color:#fff; background-color:#fff } .button--signin:active,.button--signin:focus,.button--signin:hover { background-color:rgba(0,0,0,.05) } .button--signin .svgIcon,.button--signin:active .svgIcon,.button--signin:focus .svgIcon,.button--signin:hover .svgIcon { fill:#fff } .button--signin .svgIcon--25px { padding-right:8px } .button--facebook { background-color:#3b5998 } .button--facebook:active,.button--facebook:focus,.button--facebook:hover { background-color:#1d315b } .button--twitter { background-color:#55acee } .button--twitter:active,.button--twitter:focus,.button--twitter:hover { background-color:#006daa } .button--google,.button--google:active,.button--google:focus,.button--google:hover { border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.6) } .button--email,.button--email:active,.button--email:focus,.button--email:hover { border:1px solid #02b875; color:#00ab6b } .button--email .svgIcon,.button--email:active .svgIcon,.button--email:focus .svgIcon,.button--email:hover .svgIcon { fill:#02b875 } .button--disconnect { font-size:12px; text-align:right; display:block; width:100% } .button--dangerHover:hover { color:#cc5454 } .buttonSet--bar { background:#fff; position:absolute; top:0; left:0; right:0; text-align:center; padding:0 } .buttonSet-inside--bar { padding:17px 0 } .button-text { margin-right:10px } .button--compound .button-text { display:inline-block; font-size:16px; margin-left:0; margin-right:0 } .button--compound .button { font-size:18px; line-height:30px; padding-right:10px; padding-left:10px } .button--activity.is-counter { border:0 } .button--activity.is-counter .button-text { display:block; font-size:14px; width:auto; margin-right:auto; margin-left:auto; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:500; font-style:normal } .button--activity.is-counter.is-highActivityCount .button-text { font-size:11px; letter-spacing:-.02em } .buttonSet-label { font-size:14px; color:rgba(0,0,0,.44); vertical-align:middle; margin-right:10px } .buttonSet-label--height32 { height:32px; line-height:32px; display:inline-block } .buttonSet>.buttonSwitch { margin-right:8px } .button--collection2upload { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:18px; color:rgba(0,0,0,.8) } .button--uploadOAuthAppImage .svgIcon { line-height:158px; margin-right:0 } .button--uploadOAuthAppImage,.button--uploadOAuthAppImage:focus,.button--uploadOAuthAppImage:hover { overflow:hidden; display:block; width:145px; height:145px; margin:25px 0 0 0; background-size:cover; border-radius:3px } .button--uploadOAuthAppImage.is-imageBackgrounded .svgIcon { fill:rgba(255,255,255,0) } .button--uploadOAuthAppImage.is-imageBackgrounded:hover .svgIcon { fill:rgba(255,255,255,.97) } .button--uploadOAuthAppImage.is-imageBackgrounded:hover:before { content:''; position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.44) } .button--close { font-size:32px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; padding:10px 20px; position:absolute; top:0; right:0 } .buttonScalableGroup.is-scaled .button--scale { transform:scale(1); transition-duration:.2s } .button--scale { transform:scale(0); transition-property:transform; transition-duration:.1s } .button.is-active>.button-activeState,.button>.button-defaultState { display:inline } .button.button--withIcon.is-active>.button-activeState,.button.button--withIcon>.button-defaultState { display:inline-block; vertical-align:top } .button.is-active>.button-defaultState,.button>.button-activeState { display:none } .button--vertical.is-active>.button-activeState,.button--vertical>.button-defaultState { display:block } .button--withHover:active>.button-hoverState,.button--withHover:focus>.button-hoverState,.button--withHover:hover>.button-hoverState,.button--withHover>.button-defaultState { display:inline } .button--withHover:active>.button-defaultState,.button--withHover:focus>.button-defaultState,.button--withHover:hover>.button-defaultState,.button--withHover>.button-hoverState { display:none } @media screen and (max-width:767px) { .button { height:33px; line-height:32px; font-size:14px; padding:0 14px } .button--unstyled { height:auto; line-height:inherit; font-size:inherit; padding:0 } .button--circle { padding:0; width:33px } .button--circle>.avatar,.button--circle>.avatar>.avatar-image { width:32px; height:32px } .button--activity>.button-text { font-size:14px } .button--close { top:0; right:15px; font-size:32px } .button--chromeless,.button--link { line-height:inherit; vertical-align:baseline; height:auto; padding:0 } .button--large { height:37px; line-height:35px; font-size:14px; padding:0 16px } .buttonSet>.button { margin-right:4px } .buttonSet--vertical>.button { margin:0 auto 10px } .buttonSwitch { height:33px; line-height:29px } .buttonSwitch .button[disabled] { padding:0 12px } .button--withSvgIcon { line-height:normal } .button--withIconAndLabel { line-height:32px } .button--smaller { height:25px; line-height:23px; padding:0 6px; font-size:12px } } .link { color:inherit; text-decoration:none; cursor:pointer } .link:active,.link:focus,.link:hover { color:inherit; text-decoration:underline } .link--primary { color:rgba(0,0,0,.8); text-decoration:none } .link--primary:active,.link--primary:focus,.link--primary:hover { color:#00ab6b; text-decoration:none } .link--secondary { color:rgba(0,0,0,.44) } .link--dark { color:rgba(0,0,0,.6) } .link--blackNormal { color:rgba(0,0,0,.44) } .link--whiteDarker { color:rgba(255,255,255,.85) } .link--whiteDarker:hover { color:rgba(255,255,255,.97) } .link--darker { color:rgba(0,0,0,.8) } .error .link,.error .link:active,.error .link:focus,.error .link:hover { color:#fff } .link--underline { text-decoration:underline } .link--noUnderline,.link--noUnderline:active,.link--noUnderline:focus,.link--noUnderline:hover { text-decoration:none } .link--accent { color:#00ab6b; text-decoration:none } .link--accent:active,.link--accent:focus,.link--accent:hover { color:#00ab6b } .link--butter { color:#00ab6b; text-decoration:underline } .link--butter:active,.link--butter:focus,.link--butter:hover { color:#1c9963 } .butterBar--error .link--butter,.butterBar--error .link--butter:active,.butterBar--error .link--butter:focus,.butterBar--error .link--butter:hover { color:#fff } .link--overlay { color:rgba(0,0,0,.8) } .link--overlay:active,.link--overlay:focus,.link--overlay:hover { color:rgba(0,0,0,.9) } .link.link--darken:hover { color:rgba(0,0,0,.6) } .link--accent.link--darken:hover { color:#1c9963 } .link--darker.link--darken:hover { color:rgba(0,0,0,.9) } .link--blackNormal.link--darken:hover { color:rgba(0,0,0,.6) } .link--darken:not(.link--underline):active,.link--darken:not(.link--underline):focus,.link--darken:not(.link--underline):hover { text-decoration:none } .linkSet { margin-top:10px } .linkSet>.button { margin-right:8px } .link--maxWidth220 { max-width:220px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .link--withVisited:visited { color:rgba(0,0,0,.6) } .button.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon,.link.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon { animation:fade-in-pulse-06 .1s } .button.is-active.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon,.link.is-active.is-touchIconFadeInPulse.is-touched:not(:active) .svgIcon { animation:fade-in-pulse-08 .3s } .button.is-touchIconBlackPulse.is-touched .svgIcon,.link.is-touchIconBlackPulse.is-touched .svgIcon { animation:black-pulse-09 250ms; animation-timing-function:ease-out; animation-fill-mode:none } .list { margin-bottom:150px } .list-item { list-style:none; border-top:1px solid rgba(255,255,255,.2); padding:40px 0 35px } .list-item:last-child { border-bottom:1px solid rgba(255,255,255,.2) } .list-item>p { margin-bottom:15px } .list--bordered .list-item { border-bottom:1px solid rgba(0,0,0,.05) } .list--bordered .list-item:last-child { border-bottom:0 } .list--borderless .list-item { display:block; padding:5px 0; border:0 } .list--large .list-item { font-size:16px; font-weight:300 } .list--withCompactListItems { margin:5px 0 15px } .list--withCompactListItems .list-item,.list-item--compact { padding:5px 0 } .list--choice .list-item { cursor:pointer; box-sizing:border-box } .list--choice .list-item--inactive,.list--choice .list-item--separator { cursor:default } .list--choice .list-item .button { transition:none } .list--choice .list-item:first-child .heading { padding-top:5px } .list--choice .list-item .heading { padding-bottom:5px } .list--short.list--choice .list-item.list-item--inactive { padding-top:3px; padding-bottom:2px; color:rgba(0,0,0,.44); white-space:normal } .list--short { margin-bottom:0 } .list--short.list--choice { min-width:150px } .list--short .button,.list--short .list-item { text-align:left; width:100%; line-height:1.4; white-space:nowrap } .list--borderless.list--short .list-item { padding:5px 15px; box-sizing:border-box } .list--short.list--choice .list-item { padding-top:0; padding-bottom:0 } .list--short.list--choice .button { padding-top:5px; padding-bottom:5px } .list-item--padded { overflow:hidden; position:relative; padding-top:30px; padding-bottom:36px; border-bottom:1px solid rgba(0,0,0,.05) } .list-item--padded:last-of-type { border-bottom-width:0 } .list-itemInfo { float:left; width:60% } .list-itemInfo.list-itemInfo--fullWidth { width:100%; float:none } .list-itemInfo>.button--delete { text-decoration:underline; line-height:1.4; margin-top:10px } .list-itemTitle { color:rgba(0,0,0,.8); font-size:18px } .list-itemDescription { font-size:14px; margin-right:20px; margin-bottom:0; color:rgba(0,0,0,.44) } .list .list-item.list-item--separator,.list--borderless .list-item.list-item--separator { border-top:solid 1px rgba(0,0,0,.05); margin-top:10px; margin-bottom:10px; padding-bottom:0; padding-top:0 } .list-item--draggable { cursor:move; cursor:-webkit-grab; cursor:grab } .is-dragger.list-item--draggable { opacity:.8; cursor:-webkit-grabbing; cursor:grabbing } .is-dragging.list-item--draggable { visibility:hidden } .list-itemInput { display:block; font-size:16px; border:none; padding:0; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .list-itemInput--inline,.list-itemInput--inline.editable>.graf--p { display:inline } .list-itemInput:focus { outline:0 } .list-indexButton { font-weight:700; color:rgba(0,0,0,.6); margin-right:15px; position:relative; top:-11px } .list-itemImage { float:left; margin-right:10px; margin-top:3px } .list-itemDate { display:block; color:rgba(0,0,0,.44); padding-top:2px } .list--tags { display:block } .list--tags .list-itemIcon { float:left; width:32px; height:32px } .list--tags .svgIcon--tagFilled { margin:5px; fill:#b3b3b1 } .list--tags .list-itemName { line-height:32px; padding-left:10px } .list-item--deletable .button--delete { position:relative; top:-9px; margin-left:20px; display:none } .list-item--deletable:active .button--delete .list-item--deletable:focus .button--delete,.list-item--deletable:hover .button--delete { display:inline } .is-dragger.list-item--deletable .button--delete { display:none } .list-item--inline,.list-item.list-item--inline { display:inline-block; margin-right:10px; width:auto; padding:5px 0 5px } .list--middot .list-item { padding:0; margin-bottom:10px; position:relative } .list--middot .list-item:before { position:absolute; right:100%; content:'·'; box-sizing:border-box; padding-right:10px } .list--square .list-item { padding:0; position:relative } .list--square .list-item:before { position:absolute; right:100%; content:'▪'; box-sizing:border-box; padding-right:12px } @media screen and (max-width:767px) { .list-item--padded { padding:20px 0 24px } .list-itemTitle { font-size:18px } .list-itemInfo { float:none; width:100% } .list-itemInfo { margin-bottom:14px } } .textInput { border:1px solid rgba(0,0,0,.15); padding:0 5px; height:35px; font-size:14px; outline:0; background:#fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; border-radius:4px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .textInputLabel { display:table-cell; vertical-align:middle; height:35px; font-size:14px; box-sizing:border-box; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .textInput:invalid { box-shadow:none } .textInput--textarea { padding:15px; margin:15px 0 30px; resize:none; width:100%; height:50px; overflow:hidden } .textInput--textarea:focus { outline:0 } .textInput--fullWidth { width:100% } .textInput--narrow { width:255px } .textInput--width50 { width:50px } .textInput--large { font-size:18px; height:40px; margin:10px auto; overflow:hidden; padding:7px; width:500px; white-space:nowrap; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .textInput--jumbo { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; font-size:50px; height:80px; padding:0; width:100% } .textInput--transparent { background:0 0 } @media all and (max-width:767px) { .textInput--jumbo { font-size:32px; height:50px } .textInput--narrow { width:175px; height:32px; padding:0 10px } } .textInput--rounded { border-radius:999em } .textInput--transparent { background:0 0 } .textInput--darkText { color:rgba(0,0,0,.8) } .textInput--chromeless { border:0; padding:0; outline:0; height:auto; background:0 0 } .textInput--underlined { border:0; border-bottom:1px solid rgba(0,0,0,.15); border-radius:0 } .inputGroup { position:relative } .inputGroup .textInput:not(.textInput--narrow) { width:100%; box-sizing:border-box } .inputGroup--text { text-align:left; width:100%; margin-bottom:10px } .inputGroup--text>.inputGroup-title { color:rgba(0,0,0,.44); font-size:14px } .inputGroup--text>.textInput { margin:0 } .inputGroup-description { margin-top:15px; margin-bottom:25px; font-size:16px; color:rgba(0,0,0,.44) } .label--radio .inputGroup-description { margin-left:30px } .inputGroup .svgIcon { top:-1px; position:relative } .metabar .inputGroup.inputGroup--selection { margin-top:15px; margin-bottom:10px; text-align:left } .inputGroup--selection .inputGroup-description { position:relative; margin-left:30px; margin-bottom:15px; font-size:12px; color:rgba(0,0,0,.6) } .inputGroup--selection .inputGroup-description--last { margin-bottom:0 } .inputGroup--selection .button--small { margin-top:10px } .inputGroup--error>.textInput { border-color:#cc5454 } .inputGroup--error>.inputGroup-title { color:#cc5454 } .inputGroup--success>.textInput { border-color:rgba(0,0,0,.15) } .inputGroup--success>.inputGroup-title { color:#00ab6b } .checkbox { margin-right:5px } .checkboxInput { display:inline-block; border:1px solid rgba(0,0,0,.44); border-radius:3px; width:17px; height:17px; line-height:15px; vertical-align:middle; box-sizing:border-box } .checkboxInput .svgIcon { display:none } .checkboxInput .svgIcon--19px { margin-top:-2px; margin-left:-2px } .checkboxInput.is-active { color:#fff; background:#00ab6b; border-color:#00ab6b } .checkboxInput.is-active .svgIcon { display:inline-block; fill:#fff } .radioInput { display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:12px; margin-top:-3px; background-color:#fff; border:1px solid rgba(0,0,0,.15); border-radius:100% } .radio:checked+.radioInput:after,.radioInput.is-active:after { content:''; position:relative; width:12px; height:12px; left:2px; top:2px; display:block; background-color:#02b875; border-radius:100% } .radio:disabled+.radioInput,.radioInput.is-disabled { border-color:rgba(0,0,0,.05) } .radioInput--block { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px } .radioInput--inFlex { vertical-align:top; margin-top:0 } .radioDescription { display:inline-block; vertical-align:middle } .select { -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0; background:0 0; border:none; border-bottom:1px solid rgba(0,0,0,.15); border-radius:0; padding-right:20px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .select:focus { border-bottom:1px solid rgba(0,0,0,.44) } .select--basic { font-size:14px; color:rgba(0,0,0,.8); padding:0 15px; box-sizing:border-box; height:35px } .form:not(.form--legacy) { text-align:left; border:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.8); background-color:#fff; box-sizing:border-box } .form.form--borderless { border:0 } .container.form:not(.form--legacy) { padding:0 } .form-row { margin:30px 0 } .form-row:first-child { margin-top:40px } .form-row:last-child { margin-bottom:40px } .form-row--borderedTop { border-top:1px solid rgba(0,0,0,.05) } .form-heading { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:600; font-style:normal } .form-hint { color:rgba(0,0,0,.44); font-size:14px } .form-hint--smaller { font-size:14px } .form-inlineEditorWithIcon .svgIcon { fill:rgba(0,0,0,.44); padding:3px 5px 3px 0 } .form-asterisk { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .form--postImport .button--primary { margin-top:50px } .form-footer { color:rgba(0,0,0,.44); font-size:12px; margin-top:50px; margin-bottom:10px } .editorWithUnderline { padding-bottom:4px } .editorWithUnderline>p.graf--p { padding-bottom:2px; border-bottom:1px solid rgba(0,0,0,.15) } .editorWithUnderline:focus>p.graf--p { border-bottom:1px solid rgba(0,0,0,.44) } .editorWithUnderline .dateInput { color:#b3b3b1 } .heading { color:rgba(0,0,0,.8); font-size:16px; letter-spacing:0; position:relative } .heading--borderedTop { border-top:1px solid rgba(0,0,0,.05) } .heading--borderedBottom { border-bottom:1px solid rgba(0,0,0,.05) } .is-darkBackgrounded .heading--borderedBottom,.is-darkBackgrounded .heading--borderedBottom .heading-supplemental { border-color:rgba(255,255,255,.2) } .heading--borderedTop .heading-content { padding-top:15px; margin-bottom:10px } .heading--borderedBottom .heading-content { padding-top:0; margin-bottom:8px } .heading--padded { margin-bottom:20px; margin-top:30px } .heading--paddedTop { margin-top:30px } .heading--backgrounded { background-color:rgba(0,0,0,.05); padding:10px 20px } .heading--allCaps,.heading-prefix { font-size:11px; letter-spacing:.1em; text-transform:uppercase } .heading-prefix { color:rgba(0,0,0,.44) } .heading-title--accent { margin-top:-16px; padding-top:16px; border-top:1px solid rgba(0,0,0,.44) } .heading-title--lineHeightTight { line-height:1.2 } .heading-title--dark { color:rgba(0,0,0,.6) } .heading-title--dark .button:hover,.heading-title--dark .link:hover { color:rgba(0,0,0,.8) } .heading-title--darker { color:rgba(0,0,0,.8) } .heading-title--withIcon .svgIcon { vertical-align:middle; display:inline-block } .heading-title--withIcon .heading-titleText { vertical-align:middle; padding-left:5px } .heading-title--semibold { font-weight:600 } .heading-title--bold { font-weight:700 } .heading-content>.link { color:rgba(0,0,0,.44) } .is-darkBackgrounded .heading-content>.link { color:rgba(255,255,255,.35) } .is-darkBackgrounded .heading-content>.link:hover { color:rgba(255,255,255,.5) } .heading-content .button--chromeless { line-height:1 } .heading--page { margin-top:40px; margin-bottom:40px } .heading--page .heading-title { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; font-size:32px; text-transform:none } .heading--streamSection { margin-top:50px; margin-bottom:20px } .heading--simple .heading-content,.heading--simple .heading-title { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:14px; text-transform:none } .heading--simple .heading-title { color:rgba(0,0,0,.8) } .heading--simple .heading-content>.link { color:rgba(0,0,0,.44) } .heading--simple .heading-content>.link:hover { color:rgba(0,0,0,.8) } .heading--light,.heading--light .heading-content,.heading--light .heading-title { color:rgba(0,0,0,.44) } .heading--light.heading--borderedBottom,.heading--light.heading--borderedBottom .heading-supplemental,.heading--light.heading--borderedTop { border-color:rgba(0,0,0,.15) } .heading--normal,.heading--normal .heading-content,.heading--normal .heading-title { color:rgba(0,0,0,.44) } .heading--normal.heading--borderedBottom,.heading--normal.heading--borderedBottom .heading-supplemental,.heading--normal.heading--borderedTop { border-color:rgba(0,0,0,.0785) } .heading--section { margin-top:80px; padding-bottom:15px } .heading--section .heading-title { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; font-size:24px; text-transform:none; display:block } .heading-description { display:block; font-size:16px; margin-top:15px } .heading-tabs { white-space:nowrap; overflow-x:auto; overflow-y:hidden } .heading-tabsItem { margin-right:20px; color:rgba(0,0,0,.44) } .heading--borderedTop .heading-tabsItem { padding-top:16px } .heading--borderedBottom .heading-tabsItem { padding-bottom:8px } .heading-tabsItem:last-child { margin-right:0 } .heading--borderedTop .heading-tabsItem.is-active { border-top:1px solid rgba(0,0,0,.44) } .heading--borderedBottom .heading-tabsItem.is-active { border-bottom:1px solid rgba(0,0,0,.44) } .heading-tabsItem.is-active .heading-title { font-weight:600; color:rgba(0,0,0,.8) } .heading--light .heading-tabsItem.is-active .heading-title { color:rgba(0,0,0,.8) } .heading-count { margin-left:8px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; color:rgba(0,0,0,.44) } .heading-tabsItem.is-active .heading-count { color:rgba(0,0,0,.8) } .heading-dismissButton { font-size:32px; vertical-align:middle; line-height:14px; font-weight:300; top:-5px } .heading.is-withSupplementalContent .heading-supplemental { display:block } .heading-supplemental { display:none; color:rgba(0,0,0,.44); letter-spacing:-.02em; background-color:#fafafa; font-size:14px; text-transform:none; padding:18px } .heading--borderedBottom.is-withSupplementalContent { border:0 } .heading--borderedBottom .heading-supplemental { border-top:solid 1px rgba(0,0,0,.05) } @media all and (max-width:991px) { .heading--stats { margin:0 } } @media all and (max-width:767px) { .heading--page { margin-top:5px; margin-bottom:20px } .heading--page .heading-title { font-size:24px } .heading--padded { padding-top:0 } } .inlineError:after { display:block; color:#cc5454; font-size:x-small; content:attr(data-error); text-align:center; font-weight:400 } .inlineError--muted:after { color:rgba(0,0,0,.44) } .is-darkBackgrounded .inlineError:after { color:#fff } .is-darkBackgrounded .inlineError--muted:after { color:rgba(255,255,255,.35) } .inlineError--maxLength:after { text-align:left; content:"" attr(data-length) "/" attr(data-max-length) } .label { color:rgba(0,0,0,.44); line-height:1.4 } .label--withIcon .svgIcon { fill:rgba(0,0,0,.44) } .label--block { display:block } .label--withIcon { display:inline-block; padding:auto 0; vertical-align:baseline; height:21px } .label--withIcon .svgIcon { padding-right:4px } .label--withIcon .label-text,.label--withIcon .label-text>.link { vertical-align:top } .label--darker { color:rgba(0,0,0,.8) } .label--quote { --x-height-multiplier:0.35; --baseline-multiplier:0.179; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; letter-spacing:.01rem; font-weight:400; font-style:normal; display:inline; font-size:16px; line-height:1.4; background-color:rgba(39,243,106,.1); color:rgba(0,0,0,.8) } .v-glyph--ex04 .label--quote { font-weight:300 } .label--profileMeta { border-top:solid 1px rgba(0,0,0,.05); margin-top:20px } .label--smaller { font-size:14px } .form .label,.inputGroup .label { font-size:14px; color:rgba(0,0,0,.44); margin:4px } .inputGroup--fontSize18 .label { font-size:18px } .form .label--block,.inputGroup .label--block { margin:20px 0 4px 0 } .form .label--radio,.inputGroup .label--radio { color:rgba(0,0,0,.8); margin:5px 0 } .form .label--disabled,.inputGroup .label--disabled { color:rgba(0,0,0,.44) } .progressiveMedia,.progressiveMedia-canvas,.progressiveMedia-image,.progressiveMedia-noscript,.progressiveMedia-zoom { display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:auto; box-sizing:border-box } .progressiveMedia { background:rgba(0,0,0,.05); transition:background .2s } .progressiveMedia.is-canvasLoaded,.progressiveMedia.is-imageLoaded,.progressiveMedia.is-zoomLoaded,body.is-noJs .progressiveMedia { background:rgba(0,0,0,0) } .progressiveMedia-thumbnail { display:none } .progressiveMedia-image { z-index:100 } .progressiveMedia-zoom { z-index:200 } .progressiveMedia-canvas,.progressiveMedia-image,.progressiveMedia-zoom { visibility:hidden; opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .progressiveMedia.is-canvasLoaded .progressiveMedia-canvas,.progressiveMedia.is-imageLoaded .progressiveMedia-image,.progressiveMedia.is-zoomLoaded .progressiveMedia-zoom { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .4s 0s } .progressiveMedia .progressiveMedia-zoom,.progressiveMedia.is-imageLoaded .progressiveMedia-canvas,.progressiveMedia.is-zoomLoaded .progressiveMedia-canvas,.progressiveMedia.is-zoomLoaded .progressiveMedia-image { visibility:hidden; opacity:0; transition:visibility 0s linear .5s,opacity .1s .4s } body.is-noJs .progressiveMedia-canvas,body.is-noJs .progressiveMedia-image,body.is-noJs .progressiveMedia-thumbnail,body.is-noJs .progressiveMedia-zoom { display:none } [data-action=zoom] { cursor:pointer; cursor:zoom-in } .zoomable { transition:transform .3s cubic-bezier(.2,0,.2,1); z-index:800 } .zoomable.is-static { position:relative } .zoomable:before { content:''; display:block; position:absolute; top:-100vh; left:-100vw; width:100%; height:100%; padding:100vh 100vw; background:#fff; z-index:-1; visibility:hidden; opacity:0; transition:visibility 0s linear .3s,opacity .3s 0s; transform:translateZ(0) } .zoomable.is-zooming:before { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .3s 0s } .is-zoomLoaded[data-action=zoom] { cursor:pointer; cursor:zoom-out } body.is-zoomableActive .metabar,body.is-zoomableActive .postActionsBar.is-visible .postActionsBar-content { opacity:0; visibility:hidden; transition:transform .2s,opacity .2s,visibility 0s 2s } body.is-zoomableActive .metabar { transform:translateY(-100%) } body.is-zoomableActive .postActionsBar.is-visible .postActionsBar-content { transform:translateY(100%) } .hero { text-align:center; height:500px } .hero-title { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; font-weight:700; font-style:normal; font-size:44px; margin-left:-2.75px; line-height:1.2; letter-spacing:0; color:rgba(0,0,0,.8); margin-bottom:8px; outline:0; word-break:break-word; word-wrap:break-word } .hero-description { color:rgba(0,0,0,.6); font-size:18px; outline:0; word-break:break-word; word-wrap:break-word } .hero-description>a { color:rgba(0,0,0,.8) } .hero-description>a:active,.hero-description>a:focus,.hero-description>a:hover { text-decoration:underline } .hero-content { margin-top:20px; margin-bottom:20px } .hero--compact .hero-title { float:left } .hero--alignLeft { text-align:left } .hero--light { color:rgba(255,255,255,.85) } .button--collectionLogo .svgIcon,.button--collectionLogo2 .svgIcon { display:inline-block; fill:rgba(0,0,0,.15) } .is-darkBackgrounded .button--collectionLogo .svgIcon,.is-darkBackgrounded .button--collectionLogo2 .svgIcon { fill:rgba(255,255,255,.35) } .button--collectionLogo2:hover .svgIcon,.button--collectionLogo:hover .svgIcon { fill:rgba(0,0,0,.44) } .is-darkBackgrounded .button--collectionLogo2:hover .svgIcon,.is-darkBackgrounded .button--collectionLogo:hover .svgIcon { fill:rgba(255,255,255,.5) } .button--collectionLogo2 .svgIcon { border:solid 2px rgba(0,0,0,.15); border-radius:10px; padding:15px } .hero--alignLeft .button--collectionLogo .svgIcon { margin-left:4px } .headerEditor .buttonSet { padding:20px 0; background:#fff; color:rgba(0,0,0,.6); font-size:14px; border-radius:3px; text-align:left } .headerEditor .buttonSet-label { font-weight:400 } .headerEditor .buttonSet-label:not(:first-child) { margin-left:0; padding-left:16px; border-left:1px solid rgba(0,0,0,.15) } .headerEditor .button--backgroundImage { border-left:1px solid rgba(0,0,0,.15); padding-left:16px } .headerEditor .button--backgroundImage[disabled] { opacity:1; color:rgba(0,0,0,.15) } .headerEditor .textInput { width:90px; height:30px; padding-left:4px } .colorSwatch { border-radius:50%; width:20px; height:20px; border:1px solid rgba(0,0,0,.15) } .headerEditor .colorSwatch { display:inline-block; vertical-align:middle; margin-right:2px; margin-left:2px; cursor:pointer } .collectionHeaderControls { white-space:nowrap } .hero--withButton { height:auto; padding-top:100px; padding-bottom:40px } .hero--withButton .button { margin-top:7px } .hero--profile { height:auto; text-align:left } .hero--profile .hero-description,.hero--profile .hero-title { margin-right:120px } .hero--profile .hero-title { font-size:32px; margin-left:-2px; margin-bottom:0 } .hero--profile .hero-description { font-size:16px; line-height:1.4; margin-top:4px; margin-bottom:0 } .hero--profile .hero-description.is-empty { margin-top:0 } .hero-avatarPicker { display:none; position:absolute; top:0; bottom:0; left:0; right:0; height:auto; background:rgba(0,0,0,.44); border-radius:100%; text-align:center } .editing .hero-avatarPicker { display:block } .hero--standalone { padding-top:100px; padding-bottom:40px; height:auto } .hero--underline:after { content:''; background:rgba(0,0,0,.15); height:1px; width:100px; display:block; margin:30px auto 0 } .hero--referrers { height:auto; padding:100px 0 60px } .hero-title--referrers { font-size:32px; line-height:1.2 } .hero-title--referrers>small { color:rgba(0,0,0,.44); display:block; font-size:24px; margin-bottom:20px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } @media screen and (max-width:1199px) { .collectionHeaderControls { white-space:normal } } @media screen and (max-width:767px) { .hero--standalone { padding:0; margin-bottom:10px } .hero--standalone .hero-title { font-size:18px; margin-left:-1.13px; height:44px; line-height:46px; margin:0 -6px 20px; padding:10px 0 10px 5px; text-align:left } .hero--standalone:after { display:none } .hero--standalone .textInput { width:100% } .hero-title--referrers { font-size:24px } .hero-title--referrers>small { font-size:18px; margin-bottom:10px } .hero--compact .hero-title,.hero--compact.hero--standalone { float:none; margin-bottom:0; margin-left:8px } .hero--withButton { padding-bottom:20px } .hero--withButton .hero-title { font-size:32px } .hero--profile .hero-avatar { margin-top:10px; margin-left:10px } } .butterBar { position:fixed; pointer-events:none; transform:translateY(-100px); width:58%; max-width:640px; margin-left:36%; z-index:800; text-align:center; visibility:hidden; opacity:0; transition:transform .7s,visibility 0s linear .7s,opacity .7s } .butterBar.is-active { transform:translateY(0); visibility:visible; opacity:1; transition-delay:0s } .butterBar--center { left:50%; margin-left:-320px } .butterBar-message { display:inline-block; pointer-events:auto; background:rgba(255,255,255,.97); padding:12px 25px; margin-bottom:0; font-size:14px; box-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35); border-radius:0 0 4px 4px } .butterBar-actions { color:rgba(0,0,0,.44) } .butterBar--error .butterBar-message { background:#cc5454; color:#fff } @media all and (max-width:991px) { .butterBar,.postShowScreen .butterBar { left:0; margin-left:10%; width:80%; max-width:none } } @media all and (max-width:767px) { .butterBar { margin-left:5%; width:90% } } @media all and (min-width:1666px) { .butterBar { margin-left:685px } .butterBar--center { margin-left:-320px } } @media print { .butterBar { position:absolute; transition:none } } .postMetaInline { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:14px; color:rgba(0,0,0,.44); fill:rgba(0,0,0,.44) } .postMetaInline-authorLockup { font-size:14px; line-height:1.4; padding-left:10px; text-rendering:auto } .readingTime:after { content:attr(title) } .postMetaInline .svgIcon--lightningFilled,.postMetaInline .svgIcon--tagFilled { vertical-align:middle; margin-right:5px } .letters .postMetaInline-authorLockup { padding-left:0 } .postMetaLockup--authorWithBio { font-size:15px } .postMetaLockup--authorWithBio .postMetaInline { font-size:13px; line-height:1.4; margin-top:2px } .postMetaInline--acknowledgments { font-size:13px; line-height:1.2 } .postMetaInline-licenseIcons .svgIcon { vertical-align:middle; margin-top:-3px; margin-left:-1px; fill:rgba(0,0,0,.44) } @media screen and (max-width:767px) { .postMetaInline,.postMetaInline .button,.postMetaInline .link { font-size:12px } .postMetaInline-avatar .avatar-image,.postMetaInline-avatar>.avatar { width:32px; height:32px } } .catalog-header { padding-top:30px; border-bottom:1px solid rgba(0,0,0,.04) } .catalog-title { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:600; font-style:normal; color:#000 } .catalog-description { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .catalog-imageContainer .aspectRatioPlaceholder { margin:0 } .catalog-image { position:relative } .catalog-image.is-focused { border:solid 3px #02b875 } .catalog-item { margin-top:16px; margin-bottom:35px } .catalog-item.is-selected { border-left:4px solid #02b875; padding-left:8px } .catalog-itemUrlInput.is-valid { border:1px solid #02b875 } .catalog-itemUrlInput.is-invalid { border:1px solid #cc5454 } .catalogItemAvatar { width:57px; top:20px; left:-57px } .catalogItemAvatar-arrow { top:11px; right:0; clip:rect(-4px 14px 18px 0) } .catalogItemAvatar-arrowInner { height:14px; width:14px; transform:rotate(45deg) translate(6px,-6px); box-shadow:-1px 1px 1px -1px rgba(0,0,0,.3) } @media screen and (max-width:767px) { .catalog-header { padding-top:12px } } .collectionHeader-description,.collectionHeader-name { outline:0 } .collectionHeader-logoImage { position:absolute; top:0; left:0; width:100%; height:100% } .collectionHeader-logoImage.is-focused { box-shadow:0 0 0 3px #02b875 } .collectionHeader-aspectRatioCell,.collectionHeader-aspectRatioFullWidth,.collectionHeader-blockNav,.collectionHeader-overlayBackground { display:none } .collectionHeader-nav { display:-ms-flexbox; display:flex; height:37px } .collectionHeader-navItem { line-height:38px; margin-right:22px } @media screen and (max-width:767px) { .collectionHeader-navItem { font-size:13px } } .collectionHeader--withNavigation .collectionHeader-nav.is-expanded { height:auto } @media screen and (max-width:767px) { .collectionHeader--withNavigation .collectionHeader-nav.is-expanded { display:block } } .collectionHeader--editorLayoutLogo .collectionHeader-nameAndDescription,.collectionHeader--editorLayoutTitle .collectionHeader-logo { display:none!important } .focalPointControl { width:280px; margin:20px 0 } .focalPointControl-loupe { margin-left:-20px; margin-top:-20px; height:40px; width:40px; border-radius:50%; background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0)),rgba(0,0,0,.1); border:2px solid rgba(255,255,255,.85); box-shadow:0 0 0 1px rgba(0,0,0,.44) } .focalPointControl-loupe--preview { opacity:0; transition:opacity .2s .2s } .focalPointControl:hover .focalPointControl-loupe--preview { opacity:1; transition:opacity 0s } .focalPointControl-loupe--small { margin-left:-10px; margin-top:-10px; height:20px; width:20px } .collectionHeader--layoutLarge.collectionHeader--colorBehaviorSubtle .collectionHeader-nav:after,.collectionHeader--layoutMedium.collectionHeader--colorBehaviorSubtle .collectionHeader-nav:after,.collectionHeader--layoutSmall.collectionHeader--colorBehaviorSubtle .collectionHeader-heroAndInlineNav:after { content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:0; border-bottom:1px solid rgba(0,0,0,.1) } .collectionHeader--layoutMedium.collectionHeader--colorBehaviorSubtle.collectionHeader--withoutNavigation .collectionHeader-heroAndInlineNav:after,.collectionHeader--layoutSmall.collectionHeader--colorBehaviorSubtle .collectionHeader-heroAndInlineNav:after { left:20px; right:20px } .collectionHeader--layoutSmall .collectionHeader-description,.collectionHeader--layoutSmall.is-modeView.collectionHeader--withLogo .collectionHeader-nameAndDescription,.collectionHeader--layoutSmall.is-modeView.collectionHeader--withoutLogo .collectionHeader-logo { display:none } .collectionHeader--layoutSmall .collectionHeader-heroAndInlineNav { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden } .collectionHeader--layoutSmall .collectionHeader-hero { -ms-flex:0 0 auto; flex:0 0 auto; padding-top:30px; padding-right:30px; padding-bottom:30px } .collectionHeader--layoutSmall .collectionHeader-hero:not(:last-child) { margin-bottom:-20px; padding-bottom:0 } .collectionHeader--layoutSmall .collectionHeader-name { max-width:360px; padding-right:1px; font-size:24px; color:rgba(0,0,0,.8); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .collectionHeader--layoutSmall .collectionHeader-nav { -ms-flex:1 1 auto; flex:1 1 auto; padding-top:30px; padding-bottom:25px } .collectionHeader--layoutSmall.collectionHeader--withoutNavigation .collectionHeader-hero { -ms-flex:1 0 auto; flex:1 0 auto } .collectionHeader--layoutSmall.collectionHeader--withoutNavigation .collectionHeader-nav { -ms-flex:0 0 auto; flex:0 0 auto } @media screen and (min-width:768px) { .collectionHeader--layoutSmall .collectionHeader-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis } } @media screen and (max-width:767px) { .collectionHeader--layoutSmall .collectionHeader-name { font-size:20px } .collectionHeader--layoutSmall .collectionHeader-nav { padding-bottom:10px } .collectionHeader--layoutSmall .collectionHeader-hero { margin-bottom:-25px } } .collectionHeader--layoutMedium .collectionHeader-hero { padding-top:20px; padding-bottom:20px; padding-right:20px; width:100%; height:100%; display:table } .collectionHeader--layoutMedium .collectionHeader-logo { padding-top:10px; padding-bottom:10px } .collectionHeader--layoutMedium .collectionHeader-nameAndDescription { padding-top:5px; padding-bottom:5px; float:left } .collectionHeader--layoutMedium .button--collectionLogo { padding-top:5px } .collectionHeader--layoutMedium .collectionHeader-name { padding-top:5px; padding-bottom:5px; font-size:36px; line-height:1.2; color:rgba(0,0,0,.8); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .collectionHeader--layoutMedium .collectionHeader-description { padding-bottom:5px; font-size:20px; color:rgba(0,0,0,.44); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .collectionHeader--layoutMedium .collectionHeader-nav { position:relative; padding-top:8px; padding-bottom:12px } .collectionHeader--layoutMedium.collectionHeader--withoutNavigation .collectionHeader-heroAndInlineNav { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:end; align-items:flex-end; -ms-flex-pack:justify; justify-content:space-between; width:100% } .collectionHeader--layoutMedium .collectionHeader-blockNav { display:block } .collectionHeader--layoutMedium .collectionHeader-heroAndInlineNav .collectionHeader-nav { display:none } .collectionHeader--layoutMedium .collectionHeader-heroInner { display:table-cell; vertical-align:middle; width:100% } .collectionHeader--layoutMedium .collectionHeader-aspectRatioTable { position:relative; display:table; width:200%; table-layout:fixed } .collectionHeader--layoutMedium .collectionHeader-aspectRatioContent { position:relative; display:table-cell; width:50%; vertical-align:middle; overflow:hidden } .collectionHeader--layoutMedium .collectionHeader-aspectRatioCell { display:table-cell; width:50%; vertical-align:top } .collectionHeader--layoutMedium .collectionHeader-aspectRatioFullWidth { display:block; max-height:300px } .collectionHeader--layoutMedium .collectionHeader-aspectRatioFullWidth:after { content:''; display:block; width:100%; height:0; padding-bottom:12% } @media screen and (max-width:767px) { .collectionHeader--layoutMedium .collectionHeader-name { font-size:28px } .collectionHeader--layoutMedium .collectionHeader-description { font-size:16px } .collectionHeader--layoutMedium .collectionHeader-nav { padding-top:10px; padding-bottom:15px } } .collectionHeader--layoutLarge .collectionHeader-aspectRatioTable { position:relative; display:table; width:200%; table-layout:fixed } .collectionHeader--layoutLarge .collectionHeader-aspectRatioContent { position:relative; display:table-cell; width:50%; vertical-align:middle; overflow:hidden } .collectionHeader--layoutLarge .collectionHeader-aspectRatioCell { display:table-cell; width:50%; vertical-align:top } .collectionHeader--layoutLarge .collectionHeader-aspectRatioFullWidth { display:block; max-height:700px } .collectionHeader--layoutLarge.collectionHeader--withoutBackground .collectionHeader-aspectRatioFullWidth { max-height:400px } .collectionHeader--layoutLarge .collectionHeader-aspectRatioFullWidth:after { content:''; display:block; width:100%; height:0; padding-bottom:36% } .collectionHeader--layoutLarge .collectionHeader-heroAndInlineNav { height:100% } .collectionHeader--layoutLarge .collectionHeader-hero { width:100%; height:100%; min-height:200px; display:table } .collectionHeader--layoutLarge.collectionHeader--withoutBackground.collectionHeader--colorBehaviorBold .collectionHeader-hero { padding-top:22px } .collectionHeader--layoutLarge .collectionHeader-heroInner { display:table-cell; vertical-align:middle; width:100% } .collectionHeader--layoutLarge .collectionHeader-logo { padding-top:10px; padding-bottom:10px } .collectionHeader--layoutLarge .button--collectionLogo { padding-top:5px } .collectionHeader--layoutLarge .collectionHeader-name { padding-top:10px; padding-bottom:10px; font-size:44px; line-height:1.1; color:rgba(0,0,0,.8); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .collectionHeader--layoutLarge .collectionHeader-description { padding-bottom:10px; font-size:24px; color:rgba(0,0,0,.44); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .collectionHeader--layoutLarge .collectionHeader-blockNav { display:block } .collectionHeader--layoutLarge .collectionHeader-heroAndInlineNav .collectionHeader-nav { display:none } .collectionHeader--layoutLarge .collectionHeader-nav { position:relative; padding-top:25px; padding-bottom:25px } @media screen and (max-width:767px) { .collectionHeader--layoutLarge .collectionHeader-name { font-size:28px } .collectionHeader--layoutLarge .collectionHeader-description { font-size:16px } .collectionHeader--layoutLarge .collectionHeader-nav { padding-top:8px; padding-bottom:10px } } .collectionHeader--layoutLarge.collectionHeader--alignmentCenter .collectionHeader-hero,.collectionHeader--layoutMedium.collectionHeader--alignmentCenter .collectionHeader-hero { text-align:center } .collectionHeader--layoutLarge.collectionHeader--alignmentCenter .collectionHeader-logo,.collectionHeader--layoutMedium.collectionHeader--alignmentCenter .collectionHeader-logo { margin-left:auto; margin-right:auto } .collectionHeader--withBackground .collectionHeader-overlayBackground { position:absolute; top:0; left:0; right:0; background:rgba(0,0,0,.175); height:100vh } .collectionHeader--withBackground.collectionHeader--editorLayoutTitle .collectionHeader-overlayBackground,.collectionHeader--withBackground.collectionHeader--editorLayoutTitleAndLogo .collectionHeader-overlayBackground { display:block } section[data-background-color=seaweed] { background:#47bcac } section[data-background-color=midday] { background:#2fa5c6 } section[data-background-color=midnight] { background:#5065a0 } section[data-background-color=grimace] { background:#8764ae } section[data-background-color=magic] { background:#a93f7f } section[data-background-color=crush] { background:#c7465e } section[data-background-color=warm] { background:#e57f4c } section[data-background-color=gray] { background:#1d1d1c } section[data-background-color=lime] { background:#98bc6b } section[data-background-color=fresh] { background:#69cb91 } section[data-background-color=brook] { background:#86a89d } section[data-background-color=lipstick] { background:#a84a4e } section[data-background-color=seaweedLight] { background:#c6eae5 } section[data-background-color=middayLight] { background:#b5e1ed } section[data-background-color=midnightLight] { background:#bfc7df } section[data-background-color=grimaceLight] { background:#dfd6ea } section[data-background-color=magicLight] { background:#e3b3d0 } section[data-background-color=crushLight] { background:#efcbd2 } section[data-background-color=warmLight] { background:#fbebe3 } section[data-background-color=grayLight] { background:rgba(0,0,0,.05) } section[data-background-color=limeLight] { background:#ebf2e2 } section[data-background-color=freshLight] { background:#eaf8ef } section[data-background-color=brookLight] { background:#ebf1ef } section[data-background-color=lipstickLight] { background:#e2bdbf } section.is-backgrounded { color:rgba(0,0,0,.8); padding-right:280px } section.is-darkBackgrounded { color:#fff } .homeContainer-content { padding:35px 0 0 0 } .homeContainer-stream { max-width:660px } .homeContainer-headerDescription { color:rgba(0,0,0,.8); font-size:24px; line-height:1em; vertical-align:bottom; padding:2px 0 30px 0; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .homeContainer-nextUp { color:rgba(0,0,0,.8); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .homeContainer-topStoriesNav { font-size:14px; float:right; color:rgba(0,0,0,.6); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .homeContainer-topStoriesPreviousDay { vertical-align:bottom } .homeContainer-topStoriesNextDay { margin-left:30px; vertical-align:bottom } @media all and (max-width:991px) { .homeContainer-header,.homeContainer-stream { margin:auto } .homeContainer-header { padding:10px 20px 0 20px } .homeContainer-headerDescription { font-size:18px; padding-bottom:10px } .homeContainer-content { padding-top:10px } } @media all and (max-width:767px) { .homeContainer-topStoriesNav { display:none } } .ie9-dialog .spinnerOverlay { display:none } .is-uploadingImage .ie9-dialog .spinnerOverlay { display:block; position:absolute; z-index:900; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.5) } .imagePicker-previewImage { transition:background .2s; border:1.5px solid rgba(0,0,0,.04) } .imagePicker-previewImage:hover { box-shadow:0 0 0 2px #b3ead6; border:1px solid #b3ead6 } .imagePicker-previewImage[disabled] { box-shadow:0 0 0 1px #00ab6b; border:1px solid #00ab6b } .loadingBar { position:fixed; display:none; top:0; left:0; right:0; height:2px; z-index:800; background:#48e79a; transform:translateX(100%) } .is-loadingApp .loadingBar { display:block; animation:shift-rightwards 1s ease-in-out infinite; animation-delay:.8s } .loadingEllipsis>span:not(:first-child) { animation:fade-step-in-50 1s infinite } .progressBar { width:100%; height:2px; background:rgba(0,0,0,.15) } .progressBar-fill { height:2px; background:#02b875 } .overlay { position:fixed; overflow:auto; text-align:center; top:0; left:0; bottom:0; right:0; display:block; z-index:900; background-color:rgba(255,255,255,.97); width:100%; padding:0; margin:0; border:0 } .overlay--lighter { background-color:rgba(255,255,255,.65) } .overlay--dark { background-color:rgba(0,0,0,.6) } .overlay:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em } .overlay-dialog { display:inline-block; vertical-align:middle; outline:0; overflow:hidden; max-width:580px; padding:100px 80px } .overlay-dialog--animate { transform-origin:bottom center; animation:fade-in-pulse-08 .3s forwards cubic-bezier(.8,.02,.45,.91) } .overlay-dialog.overlay-dialog--form { overflow:visible } .overlay-title { color:rgba(0,0,0,.8); font-size:24px; line-height:1.1; margin-bottom:6px } .overlay-subtitle { margin-bottom:30px; font-size:18px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .overlay-content { color:rgba(0,0,0,.6); line-height:1.4; margin-bottom:30px } .overlay-actions>.button { margin-bottom:10px } .overlay-content>a { text-decoration:underline; color:rgba(0,0,0,.6) } .overlay-title+.overlay-actions { margin-top:40px } .overlay-footer { font-size:12px; color:rgba(0,0,0,.44); margin-top:50px; margin-bottom:10px } .overlay--interstitial .overlay-content>p { width:450px; line-height:1.4 } .overlay--storiesInterstitial .overlay-dialog,.overlay-dialog--update { transform-origin:none; animation:none } .overlay-dialog--alert,.overlay-dialog--confirm,.overlay-dialog--signin,.overlay-dialog--signin2 { text-align:center } .overlay-dialog--list .overlay-title { margin-bottom:25px } .overlay-dialog--signin { max-width:620px } .overlay-dialog--signin .overlay-subtitle { margin-bottom:0 } .overlay-dialog--signin .overlay-content { padding-top:10px } .overlay-dialog .button--signin { width:100%; height:58px; border-radius:2px; font-size:16px; text-align:left; padding-left:18px; max-width:456px } .overlay-dialog--signin .button-label--subText { color:rgba(255,255,255,.65); font-size:12px } .overlay-dialog--signin2 { width:520px; position:relative } .overlay-dialog--signin2 .overlay-content,.overlay-dialog--signin2 .overlay-subtitle { margin-top:10px; font-size:16px } .overlay-dialog--signin2 .overlay-title--context { padding-left:50px; padding-right:50px } .overlay-dialog--signin2 .button--signin { text-align:center } .overlay-dialog--signin2 .button-labelSet { text-align:left } .overlay-dialog--signin2 .button--close { line-height:.5; padding-right:10px } .overlay-dialog--email .overlay-content { margin-bottom:0 } .overlay--collabInterstitial .overlay-dialog { width:590px } .overlay--collabInterstitial .overlay-title { margin-bottom:15px } .overlay--collabInterstitial .overlay-animation { display:block; height:168px; width:100% } .overlay--collabInterstitial .overlay-actions { text-align:center } .overlay--lighter .overlay-dialog { background-color:#fff; padding:50px 0 30px; border-radius:3px; box-shadow:0 4px 14px 0 rgba(0,0,0,.3) } .overlay--lighter .overlay-content,.overlay--lighter .overlay-subtitle { padding-left:50px; padding-right:50px } .overlay--dark .overlay-dialog { background-color:#fff; border-radius:3px; box-shadow:0 2px 6px 0 rgba(0,0,0,.44); padding:0; max-width:520px } .overlay--dark .overlay-title,.overlay--dark .overlay-title--context { margin-bottom:0; padding:24px 24px 24px; font-size:18px; color:rgba(0,0,0,.8); background-color:#f0f0f0; background-color:#D3E9DA } .overlay--dark .overlay-actions { margin-bottom:32px } .overlay--dark .overlay-title--context { padding:10px } .overlay--dark .button--close { color:#fff } .overlay--dark .overlay-content { padding:0 32px 0; margin:24px 0; font-size:16px; text-align:left; color:rgba(0,0,0,.6) } .overlay--dark .overlay-dialog--wait { padding:0 } .overlay--dark .overlay-footer { margin:0 0 16px } .overlay--dark .overlay-dialog--wait .overlay-content { margin:0; padding-top:32px; color:rgba(0,0,0,.8); font-size:18px } .overlay--dark .overlay-dialog--email .button--link { margin-top:-24px } .overlay--import { font-size:18px } .overlay--import>.overlay-title { font-size:44px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .overlay--import>.overlay-content { margin:30px -100px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .overlay-item { margin-left:3.5%; margin-right:3.5%; width:26% } .overlay-itemHeader { color:#00ab6b; font-size:32px; margin-bottom:10px } .overlay-itemText { font-size:18px; min-height:60px; margin-bottom:10px } .overlay-itemImage { height:166px } .overlayRegistration { max-width:400px } .overlayRegistration .textInput { width:100%; margin-bottom:10px } .overlayRegistration-followTwitter,.overlayRegistration-shadowMessage,.overlayRegistration-terms { font-size:14px; text-align:left; margin:10px 0 0 } .overlayRegistration-terms { margin-top:25px } .overlayRegistration-terms>a { text-decoration:underline } .overlayRegistration-shadowMessage .shadowMessage-title { font-weight:700 } .overlayRegistration-checkbox { vertical-align:1px; margin-right:4px } .overlay-signin--waiting { max-width:300px; font-size:14px; color:rgba(0,0,0,.44); margin:0 auto } .overlay--dark .overlay-dialog--signin .signinPrivacyMessages { text-align:left; margin:0 32px 20px } .signinPrivacyMessages .link { text-decoration:underline } .overlay-embed { border-width:1px; border-style:solid; border-color:#eee #ddd #bbb; position:relative; overflow:hidden; max-width:400px; margin:0 auto; border-radius:5px; box-shadow:rgba(0,0,0,.15) 0 1px 3px } .tweetEditor-avatar { float:left; padding:2px 0; margin-right:14px } .tweetEditor-tweetContainer { border:1px solid rgba(0,0,0,.15); border-radius:5px; padding:14px 20px; overflow:hidden } .tweetEditor-error { font-size:14px; cursor:default } .tweetEditor-textContainer { display:block; font-size:16px; color:rgba(0,0,0,.8) } .tweetEditor-textContainer .inlineError--maxLength::after { font-size:14px; margin-top:2px } .tweetEditor-textshot { text-align:left; margin-top:16px } .tweetEditor-imageContainer { display:inline-block; position:relative } .tweetEditor-imageStatus { color:rgba(0,0,0,.44); font-size:14px } .tweetEditor-imageStatusIcon { margin-right:5px; font-size:18px } .tweetEditor-image { height:220px; border:1px solid rgba(0,0,0,.15); border-radius:4px; cursor:zoom-in; transition:height .1s } .tweetEditor-image.tweetEditor-image--expanded { height:340px; cursor:zoom-out } .tweetEditor-removeTextshot { position:absolute; top:-8px; right:-10px; width:20px; height:20px; font-size:18px; line-height:18px; font-weight:700; background:#b3b3b1; border-color:#b3b3b1; color:#fff } .tweetEditor-removeTextshot:active,.tweetEditor-removeTextshot:focus,.tweetEditor-removeTextshot:hover { background:rgba(0,0,0,.8); border-color:rgba(0,0,0,.8); color:#fff } @media screen and (max-width:991px) { .overlay-keyboardDef { float:none; width:auto } } @media screen and (max-width:767px) and (max-height:500px) { .overlay-dialog { width:80%; padding:30px 0 } } @media screen and (max-width:767px) { .overlay-dialog { width:80%; padding:0 } .overlay-title { font-size:24px; padding-top:35px } .overlay-content { font-size:16px } .overlay--collabInterstitial .overlay-animation { height:84px } .overlay--interstitial .overlay-content>p { width:100% } .overlay--dark { padding:10px 0 } .overlay--dark .overlay-dialog { width:100%; box-shadow:none; border-radius:0; vertical-align:top; max-width:100% } .overlay--dark .overlay-actions { margin-bottom:16px } .overlay--dark .overlay-title { padding-left:16px; padding-right:16px } .overlay--dark .overlay-content { padding:0 16px } .overlay--dark .button--signin { margin-left:0; margin-right:0; width:100%; max-width:100% } .overlay--dark .button--close { z-index:200; color:rgba(0,0,0,.44); right:5px } .overlay--dark::before { margin-right:0 } .overlay--dark .overlay-dialog--signin .signinPrivacyMessages { margin:0 16px } .overlay--dark .overlay-dialog--signin .buttonSet--vertical { margin:0 16px } .overlay--lighter .overlay-content,.overlay--lighter .overlay-subtitle { padding-left:20px; padding-right:20px } .overlay--lighter .overlay-dialog--email,.overlay-dialog--signin2 { width:100%; padding:0 0 30px; border-radius:0; vertical-align:top } .overlay-dialog--signin2 .overlay-content,.overlay-dialog--signin2 .overlay-subtitle,.overlay-dialog--signin2 .overlay-title--context { padding-left:20px; padding-right:20px } .overlay-dialog--signin2 .overlay-title { padding-top:0 } .overlay-dialog--signin2 .buttonSet .button--close { padding-right:0; padding-top:6px; margin-right:-2px } } .metabar { position:absolute; display:block; z-index:500; width:100%; font-size:14px; background:#fff; color:rgba(0,0,0,.44); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; box-sizing:border-box; top:0 } .metabar-inner { position:relative } .metabar-inner:after,.metabar-inner:before { display:table; content:" " } .metabar-inner:after { clear:both } .metabar .popover { color:rgba(0,0,0,.8) } .metabar--spacer { position:relative; z-index:100 } .metabar-block:not(.metabar-block--center) { position:relative; z-index:500 } .metabar .buttonSet,.metabar .inputGroup,.metabar-block>.button { margin:10px; display:inline-block; white-space:nowrap; vertical-align:top } .metabar .buttonSet,.metabar .inputGroup { line-height:44px } .metabar .buttonSet:last-child { margin-right:0 } .metabar .buttonSet .inputGroup { margin:0 } .metabar-block>.buttonSet+.buttonSet { margin-left:0 } .inputGroup+.buttonSet { margin-left:0 } .metabar-block--center { position:absolute; left:0; right:0; text-align:center; height:100% } .metabar-block--below { box-sizing:border-box; box-shadow:0 2px 2px -2px rgba(0,0,0,.15) } .metabar--affixed { position:fixed; background:#fff; box-shadow:0 2px 2px -2px rgba(0,0,0,.15); transform:translateY(-100%) } .metabar--affixed.is-withBottomSection:not(.is-hiddenWhenMinimized) { transform:translateY(-65px) } .metabar--affixed.is-transitioning { transition:transform .3s } .metabar--affixed.is-maximized { transform:translateY(0) } .metabar--affixed.is-minimized { visibility:hidden } .metabar--affixed.is-withBottomSection:not(.is-hiddenWhenMinimized).is-minimized { visibility:visible } .metabar--affixed .metabar-block--below { box-shadow:none } .metabar-navItem { padding:10px 20px 18px 0 } .metabar-navItem:last-child { padding-right:0 } .metabar-navItem .svgIcon--search { top:-4px } .metabar-predictiveSearch { display:inline-block; min-width:32px } .inputGroup.metabar-predictiveSearch .textInput { display:inline-block; vertical-align:middle; width:1px; height:37px; border:none; transition:width .2s,padding .2s; cursor:pointer; padding-left:0; padding-right:0 } .inputGroup.metabar-predictiveSearch .textInput:focus,.inputGroup.metabar-predictiveSearch .textInput:valid { padding-left:10px; width:200px; cursor:text } @media screen and (max-width:767px) { .metabar--spacer { position:relative } .metabar.is-showingDrawer { z-index:900 } .metabar--affixed.is-withBottomSection:not(.is-hiddenWhenMinimized) { transform:translateY(-56px) } .metabar--affixed.is-maximized { transform:translateY(0) } .metabar .buttonSet { margin-top:9px; line-height:33px } .metabar-block .avatar--roundedRectangle>.avatar-image { width:30px; height:30px } .is-globalNavPopoverActive .metabar { position:relative } .is-globalNavPopoverActive .metabar-block--below,.is-globalNavPopoverActive .metabar-sibling { display:none } } @media print { .metabar { display:none } } .listChoice { position:relative } .listChoice--short { max-height:375px } .listChoice-items { text-align:left; overflow:auto } .listChoice-item { border-bottom:1px solid rgba(0,0,0,.05) } .listChoice-item:last-child { border-bottom:0 } .listChoice-item:last-child>.button--link { border-radius:0 0 4px 4px } .listChoice-item>.button--link { width:100%; padding:10px; color:rgba(0,0,0,.9) } .listChoice-item>.button--link:hover { background:rgba(0,0,0,.05) } .listChoice-image { display:block; position:relative; float:left; width:50px; height:50px; display:inline-block; margin-right:20px; border:0; background-position:center; background:#fff; margin:0 auto; overflow:hidden; background-size:cover; border-radius:3px } .listChoice-text { height:50px; position:relative } .listChoice-text.listChoice-text--withImage { margin-left:60px } .listChoice-itemTitle>small { display:block; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:12px } .listChoice-item--withStatus { display:block } .listChoice-item--withoutImage>.button--link { padding:15px } .listChoice-item--withoutImage .listChoice-text { height:auto } .listChoice-empty { text-align:center; font-size:14px; color:rgba(0,0,0,.44); padding:15px 0 15px 0 } .listChoice-textColumn { vertical-align:middle; font-size:14px; display:inline-block } .listChoice-textColumn--left { white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .listChoice-textColumn--right { float:right; color:rgba(0,0,0,.44) } .listChoice-detail { font-size:14px; color:rgba(0,0,0,.44) } .popover { overflow:hidden; position:absolute; z-index:900; font-size:12px; text-align:center; padding:15px; visibility:hidden; pointer-events:auto } .popover.is-active { visibility:visible } .is-resizing .popover { visibility:hidden; opacity:0; transition:visibility 0s linear .3s,opacity .3s 0s } .popover--animated { visibility:hidden; opacity:0; transition:visibility 0s linear .2s,opacity .2s 0s } .popover--animated.is-active { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .2s 0s } .popover-inner { position:relative; max-width:280px; padding:14px; background:#fff; border-radius:3px; box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35) } .popover-inner .textInput { width:250px; height:auto; padding:0 } .popover-inner>.button--primary { margin-top:15px } .browser-safari .popover-inner { box-shadow:0 1px 1px 1px rgba(0,0,0,.05),0 0 1px 1px rgba(0,0,0,.15) } @media only screen and (-webkit-min-device-pixel-ratio:2) { .browser-safari .popover-inner { box-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.35) } } .popover--menu>.popover-inner { padding:8px 0; overflow:auto; -webkit-overflow-scrolling:touch } .browser-firefox .popover--inlinePostControl>.popover-inner { min-width:125px } .popover-arrow { position:absolute } .popover--bottom .popover-arrow,.popover--top .popover-arrow { left:50%; margin-left:-7px } .popover--left .popover-arrow,.popover--right .popover-arrow { top:50%; margin-top:-7px } .popover--top .popover-arrow { bottom:1px; clip:rect(0 18px 18px -4px) } .popover--right .popover-arrow { left:1px; clip:rect(-4px 14px 18px 0) } .popover--bottom .popover-arrow { top:1px; clip:rect(0 18px 14px -4px) } .popover--left .popover-arrow { right:1px; clip:rect(-4px 14px 18px 0) } .popover-arrow:after { content:''; display:block; width:14px; height:14px; background:#fff } .popover--top .popover-arrow:after { transform:rotate(45deg) translate(-5px,-5px); box-shadow:1px 1px 1px -1px rgba(0,0,0,.8) } .popover--right .popover-arrow:after { transform:rotate(45deg) translate(6px,-6px); box-shadow:-1px 1px 1px -1px rgba(0,0,0,.8) } .popover--bottom .popover-arrow:after { transform:rotate(45deg) translate(6px,6px); box-shadow:-1px -1px 1px -1px rgba(0,0,0,.44) } .popover--left .popover-arrow:after { transform:rotate(45deg) translate(-6px,6px); box-shadow:1px -1px 1px -1px rgba(0,0,0,.8) } .popover--withoutArrow .popover-arrow { display:none } .popover--dark>.popover-inner { color:#fff; border:none; box-shadow:none; background-image:linear-gradient(to bottom,rgba(49,49,47,.99),#262625); background-repeat:repeat-x; padding-top:10px; padding-bottom:10px } .popover--dark>.popover-arrow:after { background:rgba(0,0,0,.8); border:none; box-shadow:none } .popover--dark .popover-description { color:#fff } .popover-title { margin-top:10px; margin-left:18px } .popover-description { color:rgba(0,0,0,.44); font-size:14px; line-height:1.3; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .popover-errors { color:#cc5454; line-height:1.3; margin:10px 0 10px 28px; font-size:12px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .popover-errors:empty { margin-top:0; margin-bottom:0 } .popover-description+.button { margin-top:10px } .popover-text { margin-top:10px; font-size:14px } .popover--share .popover-title { color:rgba(0,0,0,.8); border-bottom:1px solid rgba(0,0,0,.15); font-size:14px; margin:0 15px 5px 15px; padding:5px 0 10px 0; box-sizing:border-box; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .popover--license { text-align:left } .popover.popover--license .popover-inner { padding:9px; width:300px; max-width:300px; overflow-y:auto } .popover--tooltip>.popover-inner { padding:8px } .popover--tooltip { pointer-events:none } .popover--linkTooltip { pointer-events:auto; z-index:300; word-break:break-word; word-wrap:break-word } .popover--citeTooltip { text-align:left } .popover-cite { display:block; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .popover--info { max-width:160px; font-size:14px; color:rgba(0,0,0,.44) } .popover--predictiveSearch .popover-inner { min-width:250px; padding-top:0; padding-bottom:5px; padding-left:0; padding-right:0; text-align:left } .popover--collectionSearch .popover-inner { padding-bottom:0 } .popover--predictiveSearch .heading { margin-top:15px; margin-left:14px; margin-right:14px } .popover--predictiveSearch .list-item { padding:0 } .popover--predictiveSearch .list-item .link { display:block; padding:5px 14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .popover--predictiveSearch .link--backgrounded { display:block; padding:15px 14px; margin-top:15px; background-color:#fafafa } .popover--predictiveSearch .list--withCompactListItems { margin-top:5px; margin-bottom:0 } .popover--predictiveSearch .popover-inner .textInput { box-sizing:border-box; min-width:250px; width:100%; padding:0 14px } .popover--publish { font-size:18px; color:rgba(0,0,0,.6); text-align:left; overflow:visible } .popover--publish>.popover-inner { padding:20px; min-width:220px; max-width:280px } .popover-schedulerOptions,.popover-showVisibilityLicenseOptions,.popover-visibilityLicenseOptions { display:none } .popover-prePublishOptions.popover-prePublishOptions--schedulerOptionUnbundled .popover-schedulerOptions,.popover-prePublishOptions.popover-prePublishOptions--schedulerOptionUnbundled .popover-showVisibilityLicenseOptions { display:block } .popover-prePublishOptions.popover-prePublishOptions--schedulerOptionUnbundled .popover-showSchedulerVisibilityLicenseOptions { display:none } .popover-prePublishOptions.popover-prePublishOptions--allOptionsUnbundled .popover-schedulerOptions,.popover-prePublishOptions.popover-prePublishOptions--allOptionsUnbundled .popover-visibilityLicenseOptions { display:block } .popover-prePublishOptions.popover-prePublishOptions--allOptionsUnbundled .popover-showSchedulerVisibilityLicenseOptions,.popover-prePublishOptions.popover-prePublishOptions--allOptionsUnbundled .popover-showVisibilityLicenseOptions { display:none } .popover-prePublishOptions { margin-right:20px; -ms-flex-positive:100; flex-grow:100; margin-bottom:auto } .popover-publishButton { margin-top:5px } .popover-prePublishTags { padding:14px 0 0; border-bottom:1px solid rgba(0,0,0,.05); font-size:14px; color:rgba(0,0,0,.6) } .popover-prePublishTags .tags--postTagsEditor { margin-top:11px; min-height:85px } .popover-prePublishBorder { border-bottom:1px solid rgba(0,0,0,.05) } .popover-prePublishDescription { color:rgba(0,0,0,.6) } .popover-prePublishSaving { color:rgba(0,0,0,.15); border-bottom:1px solid rgba(0,0,0,.05) } .popover-prePublishWarning { font-size:14px; color:rgba(0,0,0,.6); padding-bottom:24px; margin-bottom:15px; border-bottom:1px solid rgba(0,0,0,.05) } .popover-prePublishWarningItem:not(:last-child) { margin-bottom:10px } .popover--visibility { text-align:left } .popover--visibility>.popover-inner { padding:9px; width:242px; max-width:242px } .popover--customizeSlug .popover-inlineEditor { margin-top:0; margin-left:28px; padding:0 0 3px 0 } .popover--customizeSlug .inputGroup--selection { margin:10px 0 5px 0 } .popover--scheduler>.popover-inner { min-width:280px } .popover--scheduler .popover-datePicker { margin-top:0; margin-left:28px } .popover--scheduler .inputGroup.inputGroup--selection { margin-top:5px; white-space:normal; line-height:1.4 } .popover--scheduler .label--radio { margin-top:15px } .popover--scheduler .label--radio:first-child { margin-top:5px } .popover--changeAuthor .inputGroup { margin-top:5px; max-width:260px } .popover--changeAuthor .inputGroup-description { margin-top:5px; margin-bottom:0; color:rgba(0,0,0,.6) } .popover--changeAuthor .popover-errors { margin-left:10px } @media all and (max-width:767px) { .popover-inner .textInput { width:100% } .popover .popover-inner { max-width:240px } } .floating { overflow:hidden; position:absolute; z-index:700; visibility:visible } .chartHelper { display:block; color:rgba(0,0,0,.44); font-size:18px; text-align:left; padding-top:9px; font-style:normal } .chartHelper-back { font-style:normal } .chartHelper .button { font-size:16px } .chartPage { margin-top:10px; text-align:center } .chartPage-verticalDivider { border-right:1px solid rgba(0,0,0,.44); margin:2px 10px 0; display:inline-block; height:25px; vertical-align:top } .chartTabs { margin-top:30px } .chartTabs:after,.chartTabs:before { display:table; content:" " } .chartTabs:after { clear:both } .chartTabs li { float:left; width:33%; display:block; border-bottom:1px solid rgba(0,0,0,.15) } .chartTabs li:last-child { width:34% } .chartTabs .chartTab { border:0; color:rgba(0,0,0,.15); cursor:pointer; display:block; padding:0 15px 10px; background:0 0; width:100%; text-align:left; border-right:1px solid transparent; border-left:1px solid rgba(0,0,0,.15); font-size:18px; transition:color .2s; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .chartTabs .chartTab:hover { color:rgba(0,0,0,.44) } .chartTabs .is-active,.chartTabs .is-active:hover { border-bottom:1px solid transparent } .chartTabs .is-active .chartTab { color:rgba(0,0,0,.8) } .chartTabs li:first-child .chartTab { border-left:0; padding-left:0 } .bargraph { height:245px; margin-top:35px; -webkit-user-select:none } .bargraph-bar { transition:opacity .2s ease-in-out; fill:rgba(2,184,117,.8) } line.bargraph-gridLine { stroke:rgba(0,0,0,.44); stroke-dasharray:1,3 } line.bargraph-gridLine:first-child { stroke:rgba(0,0,0,.44); stroke-dasharray:none } line.bargraph-averageLine { stroke:#02b875 } .bargraph .tick,.bargraph-yAxis path { display:none } .bargraph-xAxis path { display:none } .bargraph-xAxis .bargraph-yAxis,text { fill:rgba(0,0,0,.44); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:12px } .bargraph svg:hover .bargraph-bar { opacity:.5 } .bargraph svg:hover .bargraph-bar:hover { opacity:1; cursor:pointer } @media screen and (max-width:991px) { .bargraph { height:80px; margin:20px 5px 0; overflow:hidden } .bargraph svg:hover .bargraph-bar { opacity:1 } .bargraph-yAxis g { display:none } .bargraph-yAxis g:nth-last-child(2) { display:block } .bargraph-xAxis .bargraph-yAxis,text { font-size:11px } .chartTabs { margin:10px 0 0; border-top:1px solid #fff } .chartTabs button,.chartTabs li:first-child button { padding:5px 10px; font-size:14px } .chartTabs .chartTab { font-size:14px; font-weight:400 } .stats-title--chart .chartHelper { display:none } } .barGraph2 { height:250px; margin-bottom:50px; padding:0 } .barGraph2.barGraph2--highlighted .barGraph2-bar { fill:rgba(0,0,0,.15) } .barGraph2.barGraph2--highlighted .barGraph2-bar.barGraph2-bar--highlighted { fill:rgba(2,184,117,.8) } .barGraph2 .barGraph2-bar { fill:rgba(2,184,117,.8) } .sortableTableWrapper { padding:10px 0 } .sortableTableWrapper table,.sortableTableWrapper td,.sortableTableWrapper th { border:0; text-align:left } .sortableTableHeaders { vertical-align:top } .sortableTable-row { position:relative; border-bottom:1px solid rgba(0,0,0,.05) } .sortableTable-row:last-child { border-bottom:0 } .sortableTableWrapper td { padding:10px 25px 10px 10px; line-height:1 } .sortableTableWrapper th { padding-right:25px; text-align:right; min-width:100px } .sortableTableWrapper th .svgIcon { position:absolute; top:16px; opacity:0 } .sortableTable td:first-child { padding-left:0; padding-right:10px } .sortableTable th:first-child { padding-right:10px; text-align:left } .sortableTable td:last-child,.sortableTable th:last-child { padding-right:0 } .sortableTable-value,.sortableTable.is-hidingBuckets .sortableTable-row--dateBucket { display:none } .sortableTable-row--dateBucket { border-bottom:0 } .sortableTable-row--dateBucket td { padding-top:50px } .sortableTable .is-active td,.sortableTable .is-active:hover td,.sortableTable tr:hover td { background:rgba(255,255,255,.65); cursor:pointer } .sortableTableWrapper .sortableTable-rowTitle { position:relative; padding-top:43px; padding-bottom:20px; width:100% } .sortableTable-title { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; color:rgba(0,0,0,.8); font-size:22px; line-height:1; margin:6px 0 2px 0; position:absolute; white-space:nowrap; text-overflow:ellipsis; height:1.2em; overflow:hidden; top:10px; width:100% } .v-glyph--ex01 .sortableTable-title,.v-glyph--ex02 .sortableTable-title,.v-glyph--ex03 .sortableTable-title,.v-glyph--ex04 .sortableTable-title { font-weight:600 } .sortableTable-link,.sortableTable-text { font-size:14px; color:rgba(0,0,0,.44) } .sortableTable-text em { font-style:normal } .sortableTable-text--visibility { color:rgba(0,0,0,.8); fill:rgba(0,0,0,.8) } .sortableTable-tip { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; font-size:12px; color:rgba(0,0,0,.44); text-align:left; cursor:pointer } .sortableTable-number { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; color:rgba(0,0,0,.8); font-size:22px; display:inline-block; width:100%; text-align:right } .sortableTable-extraNumber { font-weight:400; font-size:70%; margin-left:5px; color:rgba(0,0,0,.44) } .sortableTable-extraNumber::before { content:"+" } .sortableTable-link:hover { text-decoration:underline } tbody.is-muted tr { opacity:.4 } tbody.is-muted .is-active { opacity:1 } .sortableTableWrapper button { color:rgba(0,0,0,.44); border:0; padding:15px 0; font-size:16px; background:0 0; margin-bottom:-2px; white-space:nowrap; text-align:inherit; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .sortableTableWrapper .button[disabled],.sortableTableWrapper .button[disabled]:active,.sortableTableWrapper .button[disabled]:hover { opacity:1 } .sortableTableWrapper .sortableTable-header--withTooltip button { padding-bottom:5px } .sortableTable { width:100%; position:relative } .sortableTable-header.is-reverseSorted button,.sortableTable-header.is-reverseSorted button:focus,.sortableTable-header.is-sorted button,.sortableTable-header.is-sorted button:focus { color:rgba(0,0,0,.8) } .sortableTable-header.is-reverseSorted .svgIcon.svgIcon--sortDescending,.sortableTable-header.is-sorted .svgIcon.svgIcon--sortAscending { opacity:1; fill:rgba(0,0,0,.8) } @media screen and (max-width:991px) { .sortableTableWrapper { padding:0 } .sortableTable-text { word-break:break-word; word-wrap:break-word } .sortableTable tr:hover td { background:rgba(0,0,0,0); cursor:default } .sortableTableWrapper thead tr { display:block; margin:0 15px; border-bottom:none; border-radius:4px } .sortableTableWrapper thead { display:block } .sortableTableWrapper tbody { display:block; padding-bottom:15px } .sortableTableWrapper th { padding:0; border-bottom:1px solid rgba(0,0,0,.05); display:none } .sortableTable th:first-child { padding-left:0; border-top:1px solid rgba(0,0,0,.15) } .sortableTableWrapper button { padding:15px; width:100%; border-bottom:0; text-align:left; color:rgba(0,0,0,.9) } .sortableTableWrapper td { display:block; float:left; padding:0; width:20%; cursor:default; line-height:1.3 } .sortableTableWrapper td:nth-child(5) { text-align:center } .sortableTableWrapper td:last-child { padding-right:0; text-align:right } .sortableTableWrapper .sortableTable-rowTitle { float:none; border-bottom:1px solid rgba(0,0,0,.05); padding:28px 5px 7px; width:auto } .sortableTable-title { top:0 } .sortableTableWrapper tbody tr { padding:15px 5px; display:block } .sortableTableWrapper tbody tr:after,.sortableTableWrapper tbody tr:before { display:table; content:" " } .sortableTableWrapper tbody tr:after { clear:both } .sortableTable-number { font-size:12px; text-align:left; margin-top:15px } .sortableTableWrapper .sortableTable-row--dateBucket { padding-top:50px; padding-bottom:0 } .sortableTable-row--dateBucket td:nth-child(2) { padding-left:5px; width:auto } } .table { margin-bottom:50px; width:100% } .table--striped tr:nth-child(even) { background-color:#fafafa } .table--bordered tr { border-bottom:1px solid rgba(0,0,0,.6) } .table-thead { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; border-bottom:1px solid rgba(0,0,0,.15); color:rgba(0,0,0,.44); font-size:11px; letter-spacing:.1em; text-align:left; text-transform:uppercase } .table-thead--lightest { border-bottom:1px solid rgba(0,0,0,.05) } .table-th { padding:5px 0 } .table-th--black { color:#000 } .table-th--alignRight { padding-left:50px; text-align:right!important } .table-row { border-bottom:1px solid rgba(0,0,0,.05) } .table-cell { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; line-height:1.2; padding:16px 20px 16px 0 } .table-cell--label { font-size:18px; width:75%; word-break:break-all } .table-cell--value { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; font-size:24px; padding:16px 0 16px 10px; text-align:right; vertical-align:top; white-space:nowrap } .table-thead--borderLeftBleed650 { position:relative } .table-thead--borderLeftBleed650:before { content:''; position:absolute; left:-30px; right:0; top:-30px; bottom:-650px; border-left:1px solid rgba(0,0,0,.6) } @media all and (max-width:767px) { .table-thead { font-size:11px } } @media screen and (max-width:991px) { .table-cell--inlineCell { display:inline-block; margin:3px 10px; line-height:1.6; min-width:20px } } .site-main { height:100%; background:#fff } body.is-diagnosticsVisible .site-main { padding-bottom:50px } .siteNav-logo { position:relative; display:inline-block; padding-top:10px; padding-left:12px; padding-right:14px; z-index:700; border:0 } .siteNav-logo .svgIcon--logo,.siteNav-logo .svgIcon--logoWordmark { fill:rgba(0,0,0,.8) } .metabar .siteNav-logo { padding-left:0; margin-left:-4px } .notificationsList { margin-bottom:0 } .notificationsList-item { position:relative; border-bottom:1px solid rgba(0,0,0,.05) } .notificationsList-item.notificationsList-item--status { padding:32px 0; font-size:14px } .notificationsList-button { display:block; min-height:20px; padding:18px 10px 16px 82px; color:rgba(0,0,0,.44); line-height:1.4; font-size:14px; background-color:rgba(255,255,255,0); text-align:left } .notificationsList-userAvatarIcon { position:absolute; top:28px; left:33px } .notificationsList-userAvatarIconWrapper .notificationsList-userAvatarIcon { position:static; float:left; margin-right:8px } .notificationsList-morebutton { background:rgba(0,0,0,.05); border:none; color:rgba(0,0,0,.44); font-size:14px; text-align:center; width:100%; height:100%; display:block; border-radius:100%; padding:0 } .notificationsList-item--new:after { content:''; position:absolute; top:0; bottom:-1px; left:0; width:4px; background:#02b875; border-bottom:1px solid rgba(0,0,0,.15) } .popover .list-item--separator { padding-bottom:0; margin-bottom:5px } .notificationsList-author,.notificationsList-milestone,.notificationsList-note,.notificationsList-title { color:rgba(0,0,0,.8) } .notificationsList-quote { color:rgba(0,0,0,.8); background-color:rgba(39,243,106,.1); display:inline-block; max-width:100%; height:19px; padding:2px 2px 1px; margin:0 -2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .notificationsList-note--oneLine,.notificationsList-title--oneLine { display:block; box-sizing:border-box; height:19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .notificationsList-note.notificationsList-note--oneLine { text-overflow:'…”' } .notificationsList-actions { padding:16px 20px 14px } .notificationsList-timestamp { font-size:12px; margin-top:1px } @media screen and (min-width:991px) { .notificationsList-button:hover { color:rgba(0,0,0,.6); outline:0 } } @media screen and (max-width:991px) { .notificationsList-button { padding-top:20px; padding-bottom:19px } } @media screen and (max-width:767px) { .siteNav-logo { padding-top:5px; padding-left:12px } } .button.button--light.is-inSiteNavBar { border-color:rgba(255,255,255,.35) } .button.button--light.is-inSiteNavBar:focus,.button.button--light.is-inSiteNavBar:hover { border-color:rgba(255,255,255,.65) } .button.button--light.is-inSiteNavBar .svgIcon,.button.button--light.is-inSiteNavBar:focus .svgIcon,.button.button--light.is-inSiteNavBar:hover .svgIcon { fill:rgba(255,255,255,.65) } .popover--userActions { width:230px } .popover--userActions.popover--globalNav .list-item:hover>.button { color:rgba(0,0,0,.8) } .popover--userActions.popover--globalNav .list-item>.button { padding:7px 25px } .popover--globalNav .notificationsList-userAvatarIcon { left:16px } .popover--globalNav .notificationsList-button { padding-left:66px; padding-right:16px } .popover--globalNav .notificationsList-userAvatarIcon { top:50%; margin-top:-19px } @media screen and (max-width:767px) { .popover--globalNav { position:relative; left:0!important; right:0!important; top:0!important; padding-left:0!important; padding-right:0!important; padding-bottom:0!important; width:100%!important; height:auto!important; margin:auto; margin-top:-6px } .popover--globalNav>.popover-inner { width:100%!important; max-width:100%!important; height:auto!important; overflow:visible!important; border-radius:0 } .button.is-inSiteNavBar { margin-right:10px } } .typeahead { animation:pop-downwards .2s forwards linear } .typeahead .popover-inner { padding:0; overflow:hidden; min-width:100px } .typeahead .typeahead-item { cursor:pointer; padding:5px 10px; line-height:2; font-size:12px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .typeahead .typeahead-item:first-child { padding-top:7px } .typeahead .typeahead-item:last-child { padding-bottom:7px } .typeahead .avatar { float:left; margin:0 6px 0 -2px } .typeahead .typeahead-tag { margin-left:5px } .typeahead .typeahead-post { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; padding-top:3px; font-size:14px; line-height:1.2; overflow:hidden; text-overflow:ellipsis } .typeahead .typeahead-score { color:rgba(0,0,0,.44) } .typeahead-item .postMetaInline { line-height:1.2 } .typeahead--minWidth150 .popover-inner { min-width:150px } .typeahead-item.is-active { background:#02b875; color:#fff } .typeahead-item.is-active .postMetaInline,.typeahead-item.is-active .postMetaInline .link--secondary,.typeahead-item.is-active .typeahead-score { color:rgba(255,255,255,.65) } .typeahead--mention { padding-top:10px } .typeahead--mention .typeahead-item { padding:6px 15px; font-size:13px } .typeahead--mention .typeahead-item .avatar { margin-right:10px } .typeahead--mention .popover-arrow { display:none } .cardChromeless { background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.09); border-radius:3px } .infoCard { font-size:14px; color:rgba(0,0,0,.8); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .infoCard--borderedBottom { border-bottom:1px solid rgba(0,0,0,.05) } .infoCard--borderedBottom.infoCard--padded { margin-bottom:20px } .infoCard--borderedBottom:last-child { border-bottom:none; margin-bottom:0 } .infoCard--padded { padding-top:10px; padding-bottom:20px } .infoCard--padded:last-child { padding-bottom:40px } .infoCard-info { float:left; width:60%; margin-left:25px } .infoCard-avatar { float:left; height:60px; width:60px } .infoCard-info .button--primary,.infoCard-info .link--primary { font-size:16px } .infoCard-title { text-transform:uppercase; letter-spacing:.1em } .infoCard-actions,.infoCard-info--short { display:block; height:60px } .infoCard-actions>.button>.label.is-default { color:rgba(0,0,0,.6) } .infoCard-actions>.button,.infoCard-info--short .infoCard-wrapper { position:relative; top:50%; transform:translateY(-50%) } .infoCard.is-hidden .infoCard-avatar,.infoCard.is-hidden .infoCard-wrapper { opacity:.3 } .promoCard { width:290px; border:1px solid rgba(0,0,0,.15); border-radius:5px; box-shadow:0 0 4px #f0f0f0 } .promoCard .button--close { font-size:24px; padding:15px 20px 0 0 } .promoCard .button--follow { margin-left:10px } .promoCard .avatar-text { font-size:14px } .readNextPromo { padding:0 0; width:290px; height:85px; border-radius:3px; background:#fff; color:rgba(0,0,0,.8); border:1px solid rgba(0,0,0,.15); box-shadow:0 0 4px #f0f0f0 } .readNextPromo--chromeless { box-shadow:none; width:255px; border-radius:0; border:0 } .readNextPromo-postInfo { padding:2px 15px; width:100%; max-width:260px } .readNextPromo--chromeless .readNextPromo-postInfo { padding:0 5px 2px 10px } .readNextPromo-callToAction { color:#00ab6b; font-size:12px } .readNextPromo-postTitle { color:rgba(0,0,0,.8); font-size:16px; margin-top:-5px; line-height:1.2 } @media (max-width:767px) { .infoCard-actions { display:block; width:100%; margin-left:0; margin-top:10px } .infoCard-info { margin-left:15px } } .tags { font-size:12px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .tags .tag-token,.tags>a,.tags>li { display:inline-block; margin-right:5px; margin-bottom:5px; position:relative } .tags .tag-button,.tags>a,.tags>li { color:#fff; border-radius:999em; padding:0 9px; line-height:22px } .tags .tag-button:focus,.tags a:focus { background:#02b875; outline:0 } .tags-input { display:inline-block; white-space:nowrap; min-width:5px; outline:0; border-radius:999em; padding:3px 9px; margin-bottom:5px; cursor:text } .sectionTagEditor .tags>.tag-token:nth-child(1)+.tags-input,.tags--navigation>.tag-token:nth-child(1)+.tags-input { display:none } .tags--postTags .tags-input { min-width:100px } .tags--postTags>.tag-token:nth-child(5)+.tags-input { min-width:10px } .tags--postTags>.tag-token:nth-child(5)+.tags-input .defaultValue { visibility:hidden; display:inline-block; width:0 } .tags--tagsHierarchy { margin-top:-40px } .tags--tagsHierarchy>li>a { font-weight:300; color:rgba(0,0,0,.8); font-size:16px } .tags--tagsHierarchy .tag-button.is-active,.tags--tagsHierarchy .tag-button:focus,.tags--tagsHierarchy .tag-button:hover,.tags--tagsHierarchy a:focus,.tags--tagsHierarchy a:hover,.tags--tagsHierarchy>.button.is-active,.tags--tagsHierarchy>.button:focus,.tags--tagsHierarchy>.button:hover { color:rgba(0,0,0,.8); background:0 0; text-decoration:none } .tags--uppercase { text-transform:uppercase } .tags--dark .tag-button,.tags--dark>a,.tags--dark>li { color:rgba(0,0,0,.6); background:rgba(0,0,0,.05) } .tags--dark .tags-input { background:rgba(0,0,0,.05) } .tags--dark .tags-input.editable,.tags--dark .tags-input.editable .defaultValue,.tags--dark .tags-input.editable a { color:rgba(0,0,0,.44) } .tags--darker .tags-input.editable .defaultValue { color:rgba(0,0,0,.8) } .tags--postTags .tag-token,.tags--postTags>.button,.tags--postTags>a,.tags--postTags>li { margin-right:8px; margin-bottom:8px } .tags--postTags .tag-button,.tags--postTags>.button,.tags--postTags>a,.tags--postTags>li { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; font-weight:400; font-style:normal; color:rgba(0,0,0,.44); font-size:13px; letter-spacing:0; text-decoration:none; background:#fafafa; border-radius:3px; border:1px solid #f0f0f0; padding:5px 10px } .tags--postTags .tag-token:last-child,.tags--postTags>a:last-child,.tags--postTags>li:last-child { margin-right:0 } .tags--postTags.tags--light .tag-button,.tags--postTags.tags--light>a,.tags--postTags.tags--light>li { color:rgba(0,0,0,.6); background:rgba(255,255,255,.97) } body.is-withMagicUnderlines .tags a.markup--anchor { background-image:none } .tags--postTags .tag-button.is-active,.tags--postTags .tag-button:focus,.tags--postTags .tag-button:hover,.tags--postTags a:focus,.tags--postTags a:hover,.tags--postTags>.button.is-active,.tags--postTags>.button:focus,.tags--postTags>.button:hover { color:rgba(0,0,0,.8); border-color:rgba(0,0,0,.15); background:#fff; text-decoration:none } .tags--postTagsEditor .tag-button,.tags--postTagsEditor>.button,.tags--postTagsEditor>a { transition:none } .tags--postTagsEditor .tag-button:hover,.tags--postTagsEditor>.button:hover,.tags--postTagsEditor>a:hover { background:#fafafa; color:rgba(0,0,0,.44); border-color:rgba(0,0,0,.44) } .tags--postTagsEditor .tag-button:focus,.tags--postTagsEditor>.button:focus,.tags--postTagsEditor>a:focus { background:#fafafa; color:rgba(0,0,0,.44); border-color:rgba(2,184,117,.8) } .tags--postTags .tags-input { padding:10px 0 } .tags--postTags .tags-input.editable,.tags--postTags .tags-input.editable a { color:rgba(0,0,0,.8) } .tags--postTags .tags-input.editable .defaultValue { color:rgba(0,0,0,.44) } .tags--postTags .tags-input.editable .graf--p { margin-bottom:0 } .inlineEditor .tags--postTagsEditor { margin:0 } .inlineEditor .tags--postTags .tags-input { padding:9px 0 } .inlineEditor .tags--postTags>a { margin-bottom:0 } .inlineEditor .tags--postTagsEditor { margin-top:2px; margin-bottom:8px } .tagEditor { min-height:37px } .tags--inlineBlock { text-align:left; height:31px; position:relative; top:-1px } .tags--borderless .tag-button,.tags--borderless>.button,.tags--borderless>a,.tags--borderless>li { border:none; color:rgba(0,0,0,.6); background:rgba(0,0,0,.05) } .tags--borderless .tag-button.is-active,.tags--borderless .tag-button:focus,.tags--borderless .tag-button:hover,.tags--borderless>.button.is-active,.tags--borderless>.button:focus,.tags--borderless>.button:hover,.tags--borderless>a:focus,.tags--borderless>a:hover,.tags--borderless>li:focus,.tags--borderless>li:hover { background:rgba(0,0,0,.1); color:rgba(0,0,0,.6) } .tags--borderless>li>a:focus,.tags--borderless>li>a:hover { background:0 0; color:rgba(0,0,0,.6) } .tags--onboarding .tags-input { font-size:14px; padding:7px 15px; margin:0 auto 15px; border-radius:999em; border:1px solid #f0f0f0; line-height:1; min-width:180px } .tags--onboarding .tags-input.editable,.tags--onboarding .tags-input.editable a { color:rgba(0,0,0,.8) } .tags--onboarding>.tags-token { height:100px; border:0; padding:2px; background-color:#b3b3b1; background-size:cover; background-repeat:no-repeat; background-origin:content-box; background-clip:content-box; border-radius:5px } @media screen and (min-width:768px) { .tags--onboarding>.tags-token { width:20%!important } } .tags-token>.tags-button { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; font-weight:700; font-style:normal; color:rgba(255,255,255,.97); font-size:18px; letter-spacing:0; text-decoration:none; height:100%; width:100%; text-align:center } .tags-token>.tags-button { border-radius:3px; font-size:16px } .tags--onboarding>.tags-token.is-dynamic { animation:fade-in 750ms; animation-fill-mode:both } .tags-token>.tags-button:hover:not(.is-active) { background-color:rgba(255,255,255,.1) } .tags-token>.tags-button.is-active { background-color:rgba(2,184,117,.8) } .tags--onboarding>.button.is-active { color:#fff; border-color:#02b875; background:#02b875 } .tags--postTagsEditor .tag-token { position:relative } .tags--postTagsEditor:not(.is-withoutCloseButton) .tag-button { padding-right:24px } .tags--fontSizeSmall.tags--dark:not(.is-withoutCloseButton) .tag-button { padding-right:32px } .tags--postTagsEditor .button--close { margin:1px; padding:10px 8px; font-size:16px; line-height:11px; border-radius:100% } .tags--postTagsEditor .button--close:active,.tags--postTagsEditor .button--close:focus,.tags--postTagsEditor .button--close:hover { color:rgba(0,0,0,.8) } .tags--dark .button--close:hover { color:#cc5454 } .tags--navigation .tag-button { cursor:inherit; white-space:nowrap; max-width:236px; overflow:hidden; text-overflow:ellipsis } .tags--navigation .tag-button:hover { border-color:#f0f0f0 } .tags--navigation .tag-token { max-width:250px } .tags--navigation .token-button { background-color:rgba(255,255,255,.85) } .tags--navigation .token-button:after { margin-left:10px; font-size:12px; text-transform:uppercase; content:'story'; color:rgba(0,0,0,.44) } .tags--fontSizeSmall .button,.tags--fontSizeSmall .tags-input { font-size:16px; padding:7px 13px; min-height:22px; margin-bottom:0; vertical-align:bottom } .tags--fontSizeSmall.tags--dark .tags-input { margin-bottom:5px } @media all and (max-width:767px) { .tags--postTags { font-size:12px } } @media all and (max-width:767px) { .tags--onboarding>.tags-token { height:100px } } .blockGroup-row { table-layout:fixed; display:table; width:100%; position:relative } .insertSectionControl { z-index:300; margin-top:-17px; text-align:center } .insertSectionControl:last-child:before { display:none } .insertSectionControl .button { background:#fff } .blockGroup-row:nth-child(even) .blockGroup-item:first-child,.blockGroup-row:nth-child(odd) .blockGroup-item:last-child { width:40% } .blockGroup-row:nth-child(even) .blockGroup-item:last-child,.blockGroup-row:nth-child(odd) .blockGroup-item:first-child { width:60% } .blockGroup-row:nth-child(even) .blockGroup-item:last-child,.blockGroup-row:nth-child(odd) .blockGroup-item:last-child { border-right:0 } .blockGroup-row:nth-child(even) .blockGroup-item:only-child,.blockGroup-row:nth-child(odd) .blockGroup-item:only-child { border-right:0; width:100% } .menu { margin-bottom:30px } .hero-description+.menu { margin-top:-10px } .menu-item { display:inline-block; vertical-align:top } .menu-item>.button--chromeless { padding:10px 20px 5px; color:rgba(0,0,0,.8); font-size:24px; border-right:1px solid rgba(0,0,0,.05) } .menu-item:last-child>.button--chromeless { border-right:0 } .menu-label { color:rgba(0,0,0,.6); text-transform:uppercase; display:block; font-size:11px; letter-spacing:2px } @media (max-width:767px) { .menu-item>.button--chromeless { padding:7px 15px 3px; vertical-align:top } .menu-item:first-child,.menu-item:first-child>.button--chromeless { padding-left:0 } .menu-item:last-child,.menu-item:last-child>.button--chromeless { padding-right:0 } .menu-label { font-size:9px } } .sidebar { background-color:rgba(255,255,255,0); position:absolute; top:0; right:0; bottom:0; width:340px; padding:0 0 60px 18px; box-sizing:border-box; z-index:600 } .sidebar-contentWrapper { width:322px } .is-dockedTop { position:fixed; top:0 } .is-dockedBottom { position:fixed; bottom:0 } @media all and (max-width:991px) { .sidebar { display:none } } .interstitial { position:relative; display:block; background-color:#fafafa; min-height:150px; padding-top:35px; padding-bottom:35px; margin-top:35px; margin-bottom:35px } @media all and (max-width:991px) { .interstitial { margin-top:0; margin-bottom:0; background-position:55% 30px } } @media all and (max-width:767px) { .interstitial { padding-top:20px; padding-bottom:5px; background-position:55% 45px } } .promo { position:relative; background-repeat:no-repeat; display:block; color:#fff; overflow:hidden } .promo.is-dismissed { display:none } .promo-title { line-height:1.2; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal } .promo-subtitle,.promo-text { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .promo--sidebar .promo-content { color:rgba(0,0,0,.9) } .promo--sidebar .promo-text { font-size:14px; padding-top:15px; margin-bottom:15px } .promo--sidebar .buttonSet--vertical { padding-top:10px } .promo--sidebar .buttonSet--vertical>.button { margin-left:0 } .promo--sidebar.is-darkBackgrounded { background-size:inherit; background-position:80% 30% } .promo--sidebar.is-darkBackgrounded .promo-content { color:#fff } .promo--sidebar.is-darkBackgrounded .promo-text { font-size:24px } .promo--postFooter { background-color:#020733; background-position:50% 25px; padding:110px 0 130px; text-align:center } .promo--postFooter.is-dismissed { display:block; visibility:hidden } .promo--postFooter .promo-title { padding:0 50px; margin:0 auto 12px; font-size:32px } .promo--postFooter .promo-subtitle { max-width:480px; padding:0 50px; margin:0 auto 18px; font-size:24px } .promo--postFooter .button--dismissPromo { color:rgba(255,255,255,.85) } .promo--hero { padding:60px 0 60px; background-size:cover; background-position:50% 0; text-align:center } .promo--hero .promo-title { padding:0 50px; font-size:44px } .promo--hero .promo-subtitle { max-width:580px; margin:10px auto; padding:0 50px; font-size:24px } .promo--hero .promo-text { padding:0 50px; color:rgba(255,255,255,.65); font-size:18px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .promo--hero .promo-content { width:100%; padding-top:50px; padding-bottom:50px } .promo--hero .buttonSet { margin-top:20px; margin-bottom:20px } .promo--hero .promo-dismissButton>.svgIcon { fill:rgba(255,255,255,.5) } .promo--hero .promo-dismissButton>.svgIcon:hover { fill:rgba(255,255,255,.85) } .promo--catalogHomeHero { padding:60px 0; border-radius:4px } .promo--hero .button--withChrome.button--primary { color:#e368d6; border-color:#e368d6 } .promo--hero .button--withChrome.button--filled { color:#fff; background:#e368d6; border-color:#e368d6 } .is-darkGradientBackgrounded { background-image:radial-gradient(50% 50%,rgba(1,6,51,.8) 50%,rgba(1,6,51,0) 100%) } .promo--stream { color:rgba(0,0,0,.9) } .promo--stream .promo-title { font-size:32px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .promo--stream .promo-text { margin-bottom:20px; color:rgba(0,0,0,.6); font-size:18px } .promo-dismissButton { position:absolute; top:10px; right:10px } .heading .promo-dismissButton { top:0; right:0 } .mobileAppIcon { display:inline-block; background-color:rgba(0,0,0,.8); color:#fff; text-align:center } .mobileAppIcon--light { background-color:#fff; width:45px; height:45px; border-radius:6px } @media screen and (max-width:991px) { .promo--postFooter .promo-title { font-size:24px } .promo--postFooter .promo-subtitle { font-size:16px } .promo--hero { padding-top:20px; padding-bottom:20px } .promo--catalogHomeHero { margin-top:0; border-radius:0 } } @media screen and (max-width:767px) { .promo--postFooter { padding:60px 40px } .promo--postFooter .promo-subtitle,.promo--postFooter .promo-title { margin-top:15px; padding:0 } .promo--hero .promo-title { padding:0 20px; font-size:32px } .promo--hero .promo-subtitle { padding:0 20px; margin-top:0; font-size:18px } .promo--hero .promo-text { display:none } } @media print { .promo { display:none } } .followCount { margin-top:10px; color:rgba(0,0,0,.6); height:38px; line-height:2.7; font-size:14px; margin-right:10px; border-right:solid 1px #f0f0f0; padding-right:10px } .followCount:not(.followCount--oneline) { display:block; border-right:none; margin-right:0; padding-right:0; margin-bottom:5px } .followState.is-blocking>.button--unblock,.followState>.button--follow { display:inline-block } .followState.is-blocking>.button--follow,.followState>.button--unblock { display:none } .button--unblock { background:#cc5454; border-color:#cc5454; color:#fff } .button--unblock:active,.button--unblock:focus,.button--unblock:hover { background:rgba(0,0,0,0); border-color:rgba(0,0,0,.44); color:rgba(0,0,0,.6) } .button--chromeless.button--unblock { background:0 0; color:#cc5454 } .letters-post.is-inEditor { display:none } .letters-actions { border-bottom:solid 1px rgba(0,0,0,.05) } .letters--list { margin-bottom:50px } .letters-statsPercentage { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:14px; color:rgba(0,0,0,.44) } .licenseSelector--allRightsReserved .licenseSelector-licenses { display:none } .licenseSelector-group--noRightsReserved,.licenseSelector-group--someRightsReserved { display:none } .licenseSelector--noRightsReserved .licenseSelector-group--noRightsReserved,.licenseSelector--someRightsReserved .licenseSelector-group--someRightsReserved { display:block } .licenseSelector-groups { padding-bottom:4px } .licenseSelector-group .label { margin-bottom:10px; font-size:12px } .licenseSelector-licenses.list-item { padding:4px 6px } .licenseSelector-description { margin-top:3px; margin-bottom:9px; text-align:left; font-size:12px; color:rgba(0,0,0,.6); clear:both } .licenseSelector-descriptors { margin-top:13px; margin-bottom:10px; padding-left:16px; padding-right:8px } .licenseSelector-description .svgIcon { vertical-align:middle; margin-top:-3px; margin-left:22px; fill:rgba(0,0,0,.44); float:right } .floatLeftPlaceholder { float:left; padding-top:2px } .floatLeftPlaceholder:after,.floatLeftPlaceholder:before { display:table; content:" " } .floatLeftPlaceholder:after { clear:both } .avatarPlaceholder { background:rgba(0,0,0,.05); border-radius:100%; float:left; margin-right:10px; margin-bottom:10px } .buttonPlaceholder { display:inline-block; width:100px; height:44px; vertical-align:top; border-radius:999em; background:rgba(0,0,0,.05) } .inlineEditorPlaceholder { margin-top:35px; padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,.1) } .cardChromeless .inlineEditorPlaceholder { border-bottom:0 } .linePlaceholder { background:rgba(0,0,0,.05); display:inline-block; height:10px; margin-top:7px; margin-bottom:7px; width:100%; float:left; clear:both } .linePlaceholder--padded { margin-top:14px; margin-bottom:0 } .linePlaceholder--lighter { background:rgba(0,0,0,.15) } .linePlaceholder--word { width:30px } .linePlaceholder--large { width:360px } .linePlaceholder--medium { width:240px } .linePlaceholder--small { width:120px } .linePlaceholder--smaller { width:80px } .linePlaceholder--truncated { width:80% } .linePlaceholder--thinnest { height:1px; margin-top:11px; margin-bottom:11px; display:block; float:none } .linePlaceholder--thin { height:8px; margin-top:4px; margin-bottom:4px } .linePlaceholder--thick { height:12px; margin-top:9px; margin-bottom:9px } .linePlaceholder--thicker { height:15px; margin-top:12px; margin-bottom:18px } .linePlaceholder--center { float:none; margin-left:auto; margin-right:auto } .buttonSetPlaceholder { height:37px; display:inline-block } .buttonSetPlaceholder .linePlaceholder { float:none; margin-right:8px } .listItemPlaceholder { padding-top:20px; padding-bottom:200px; border-bottom:1px solid rgba(0,0,0,.1) } .listItemPlaceholder:after,.listItemPlaceholder:before { display:table; content:" " } .listItemPlaceholder:after { clear:both } .listItemPlaceholder--withSocialHeader { padding-top:56px } .listItemPlaceholder:last-child { border-bottom:0 } .listItemPlaceholder.cardChromeless { border:0; margin-top:10px; margin-bottom:10px } .yourStoryPlaceholder { padding-top:25px; padding-bottom:22px } .yourStoryPlaceholder+.yourStoryPlaceholder { border-top:1px solid rgba(0,0,0,.05) } .svgIcon--logoWordmarkNew { fill:rgba(0,0,0,.75) } .svgIcon--logoNew path:nth-child(1) { fill:#d0d2d3 } .svgIcon--logoNew path:nth-child(2) { fill:#a6a8ab } .svgIcon--logoNew path:nth-child(3) { fill:#808184 } .svgIcon--logoNew path:nth-child(4) { fill:#58595b } .svgIcon--logoNew.svgIcon--green path:nth-child(1) { fill:#32fc8d } .svgIcon--logoNew.svgIcon--green path:nth-child(2) { fill:#0be370 } .svgIcon--logoNew.svgIcon--green path:nth-child(3) { fill:#14c767 } .svgIcon--logoNew.svgIcon--green path:nth-child(4) { fill:#00ac6a } body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(1) { fill:#a2e4ff } body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(2) { fill:#74d7ff } body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(3) { fill:#45c9ff } body.is-hatch:not(.is-swBoot) .svgIcon--logoNew path:nth-child(4) { fill:#16bbff } body.is-dev:not(.is-swBoot) .svgIcon--logoNew path,body.is-dev:not(.is-swBoot) .svgIcon--logoNew.svgIcon--green path { stroke:#16bbff; stroke-width:1.2px; fill:transparent } body.is-swBoot .svgIcon--logoNew path:nth-child(1) { animation:logo-loading-sw-1 1.26s; animation-delay:324ms; animation-iteration-count:infinite; animation-timing-function:ease } body.is-swBoot .svgIcon--logoNew path:nth-child(2) { animation:logo-loading-sw-2 1.26s; animation-delay:254ms; animation-iteration-count:infinite; animation-timing-function:ease } body.is-swBoot .svgIcon--logoNew path:nth-child(3) { animation:logo-loading-sw-3 1.26s; animation-delay:170ms; animation-iteration-count:infinite; animation-timing-function:ease } body.is-swBoot .svgIcon--logoNew path:nth-child(4) { animation:logo-loading-sw-4 1.26s; animation-delay:.1s; animation-iteration-count:infinite; animation-timing-function:ease } @keyframes logo-loading-sw-1 { 0%,10% { fill:#d0d2d3 } 55%,65% { fill:#32fc8d } 100% { fill:#d0d2d3 } } @keyframes logo-loading-sw-2 { 0%,10% { fill:#a6a8ab } 55%,65% { fill:#0be370 } 100% { fill:#a6a8ab } } @keyframes logo-loading-sw-3 { 0%,10% { fill:#808184 } 55%,65% { fill:#14c767 } 100% { fill:#808184 } } @keyframes logo-loading-sw-4 { 0%,10% { fill:#58595b } 55%,65% { fill:#00ac6a } 100% { fill:#58595b } } .streamItem-card { padding-right:0; padding-left:0; margin-right:auto; margin-left:auto; max-width:660px } .streamItem-card--hPadding20 { padding-right:20px; padding-left:20px } .streamItem .graf--figure,.streamItem .graf--mixtapeEmbed { margin-top:0; margin-bottom:0 } .streamItem-card { margin-bottom:10px } .streamItem-cardInner { padding-top:15px; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,.15) } .streamItem-card.cardChromeless { border-radius:0 } .streamItem-card.cardChromeless.streamItem-card--borderRadius3 { border-radius:3px } .cardChromeless>.streamItem-cardInner { padding-top:10px; border-bottom:none } .streamItem-cardInner.streamItem-cardInner--compressedPostList,.streamItem-cardInner.streamItem-cardInner--inlineEditor,.streamItem-cardInner.streamItem-cardInner--quotePreview { padding-top:0; padding-bottom:0 } .streamItem-cardInner.streamItem-cardInner--compressedPostListHeader { padding-top:0; padding-bottom:0; border-bottom:none } .streamItem-cardInner.streamItem-cardInner--collectionPreview,.streamItem-cardInner.streamItem-cardInner--userPreview { padding-top:15px } .compressedPostListItem { padding:20px; border-bottom:1px solid rgba(0,0,0,.05); overflow:hidden } .compressedPostListItem:last-child { border-bottom:0 } .compressedPostListItem--withImage .compressedPostListItem-content { margin-right:75px } .compressedPostListItem-social { margin-bottom:-5px } .compressedPostListItem-postStats { display:inline-block } .compressedPostListItem-readingTime { margin-right:10px } .compressedPostListItem-recommendAndRespondCounts { display:inline-block; vertical-align:middle } .compressedPostListItem-recommendAndRespondCounts .label { line-height:19px } .compressedPostListItem-title { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; font-size:18px; line-height:1.2; margin-top:5px; margin-bottom:3px } .v-glyph--ex01 .compressedPostListItem-title,.v-glyph--ex02 .compressedPostListItem-title,.v-glyph--ex03 .compressedPostListItem-title,.v-glyph--ex04 .compressedPostListItem-title { font-weight:600 } .compressedPostListItem-author { font-size:14px } .compressedPostListItem-previewImage { height:65px; width:65px; float:right } .streamItemConversation-divider { margin-bottom:20px; border-top:2px solid rgba(0,0,0,.44); width:75px } .streamItemConversation .heading-title { color:rgba(0,0,0,.44) } .streamItemConversation-inner { margin-top:20px } .streamItemConversationItem { padding:15px 20px } .streamItemConversationItem--preview:not(:first-child) { border-top:1px solid rgba(0,0,0,.09) } .streamItemConversationItem--summary { background-color:#fafafa } .streamItemConversationItem--summary:not(:first-child) { border-top:1px solid rgba(0,0,0,.09) } .streamItem-card--catalogPreview { margin-bottom:8px } .streamItem-card--catalogPreview.cardChromeless { margin-bottom:20px } .streamItem-cardInner.streamItem-cardInner--catalogPreview { padding-top:0; padding-bottom:0; border-bottom:none } .streamItem-cardInner--digestSectionPreview .streamItem-card:last-child .streamItem-cardInner { padding-bottom:0; border-bottom:none } .streamItem-card--collectionManagerPost { max-width:100% } .streamItem-cardInner--collectionManagerPost { border-bottom:1px solid rgba(0,0,0,.05) } .streamItem-card--collectionManagerPost .post-title { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; font-size:24px; line-height:1.2; margin-top:5px; margin-bottom:3px } .v-glyph--ex01 .streamItem-card--collectionManagerPost .post-title,.v-glyph--ex02 .streamItem-card--collectionManagerPost .post-title,.v-glyph--ex03 .streamItem-card--collectionManagerPost .post-title,.v-glyph--ex04 .streamItem-card--collectionManagerPost .post-title { font-weight:600 } .streamItem-card--collectionManagerPost .post-subtitle { display:block; --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:300; font-style:normal; letter-spacing:0; font-size:18px; margin-left:-1.13px; margin:2px 0 0; line-height:1.3 } .v-glyph--ex01 .streamItem-card--collectionManagerPost .post-subtitle,.v-glyph--ex02 .streamItem-card--collectionManagerPost .post-subtitle,.v-glyph--ex03 .streamItem-card--collectionManagerPost .post-subtitle,.v-glyph--ex04 .streamItem-card--collectionManagerPost .post-subtitle { font-weight:400 } .streamItem-card--collectionManagerPost .middotDivider { color:rgba(0,0,0,.44) } .followedStreamItems .streamItem--heading:not(:first-child),.suggestionSidebar .streamItem--heading:not(:first-child) { margin-top:30px } .followedStreamItems .streamItem--tagList:not(:first-child) { margin-top:20px; margin-bottom:0 } .streamItem--seriesHeroCarousel { width:100%; padding-left:30px; overflow:auto; box-sizing:border-box } .seriesPreviewCard { padding:5px } .streamItem--seriesHeroCarousel .seriesPreviewCard:first-child { margin-left:-30px; padding-left:0; padding-right:10px } .streamItem--seriesHeroCarousel .seriesPreviewCard:last-child { padding-right:0; padding-left:10px } .streamItem--seriesGridCard .seriesPreviewCard { box-sizing:border-box } .streamItem--sequencePostPreview:last-child .link section { margin-bottom:0!important; padding-bottom:0!important } @media (max-width:991px) { .streamItemConversation { padding-left:0; padding-right:0; margin-left:0; margin-right:0 } .streamItemConversation .row { margin-left:0; margin-right:0 } .streamItemConversation .postMetaInline-authorLockup { white-space:normal } } @media (max-width:767px) { .compressedPostListItem-postStats { display:block } } .titleLockup { font-size:14px; line-height:1.2 } .titleLockup-title { color:rgba(0,0,0,.8) } .titleLockup-meta { display:-ms-flexbox; display:flex; color:rgba(0,0,0,.44); padding-top:1px } .titleLockup-creator { -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; max-width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .titleLockup-social { box-sizing:border-box; text-align:right; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; max-width:100% } .browser-ie .titleLockup-meta { display:block } .browser-ie .titleLockup-creator { float:left; width:60% } .browser-ie .titleLockup-social { float:right; width:40% } .userAnnotation { padding:30px 20px; font-size:16px; position:relative; background-color:#fafafa; border:1px solid rgba(0,0,0,.09); border-bottom:none } .userAnnotation-text { display:table-cell; vertical-align:middle; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; color:rgba(0,0,0,.8); padding-left:16px } .userAnnotation .avatar { display:table-cell; vertical-align:middle } @media (max-width:767px) { .userAnnotation { padding:24px 20px } } .catalogPreview-header { margin:0 30px 0 20px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,.0785) } .catalogPreview-name { font-size:14px; line-height:1.2; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:500; font-style:normal } .catalogPreview-description { padding-top:2px } .catalogPreview-footer { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:500; font-style:normal } .catalogPreview--card { margin-bottom:20px } .catalogPreview--card .catalogPreview-header { margin:0; padding:30px; border-top:2px solid rgba(0,0,0,.8); background:#fff } .catalogPreview--card .catalogPreview-name { color:rgba(0,0,0,.8); font-size:18px } .catalogPreview--card .catalogPreview-description { color:rgba(0,0,0,.44); padding-top:3px } .catalogPreview--card .catalogPreview-item { border-top:1px solid rgba(0,0,0,.0785); padding:16px 30px } .catalogPreview--card .catalogPreview-item:first-child { border-top:none } .catalogPreview--card .catalogPreview-item:last-child { padding-bottom:0 } .catalogPreview--borderless { margin-bottom:40px } .catalogPreview--borderless .catalogPreview-name { color:rgba(0,0,0,.8); font-weight:400 } .catalogPreview--borderless .catalogPreview-description { color:rgba(0,0,0,.44) } .catalogPreview--borderless .catalogPreview-item { margin:20px } @media all and (max-width:991px) { .catalogPreview--card .catalogPreview-header { padding:20px } .catalogPreview--card .catalogPreview-item { padding-left:20px; padding-right:20px } } .browsableStreamTabs { -ms-flex-direction:row; flex-direction:row; text-align:left; height:100%; overflow-x:hidden; overflow-y:hidden; color:rgba(0,0,0,.44) } .browsableStreamTabs-item { display:table-cell; padding:13px 20px 15px 0; font-size:16px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; white-space:nowrap } @media (max-width:767px) { .browsableStreamTabs { padding-bottom:5px; overflow-x:scroll; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar } .browsableStreamTabs-item { padding:10px 14px 11px 0; font-size:15px } } .graf--mixtapeEmbed { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:12px; position:relative; overflow:hidden; max-height:280px; box-sizing:border-box; color:rgba(0,0,0,.44); box-shadow:0 1px 4px rgba(0,0,0,.04),inset 0 0 0 1px rgba(0,0,0,.09); display:table; width:100% } .markup--anchor.markup--mixtapeEmbed-anchor { -webkit-tap-highlight-color:transparent; display:table-cell; vertical-align:middle; padding:20px; text-decoration:none } body.is-withMagicUnderlines .markup--anchor.markup--mixtapeEmbed-anchor { background:rgba(255,255,255,0) } .is-backgrounded .graf--mixtapeEmbed { border:none; background-color:rgba(255,255,255,0) } .markup--mixtapeEmbed-strong { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:16px; line-height:1.3; color:rgba(0,0,0,.9); display:block; margin-bottom:-8px } .markup--mixtapeEmbed-em { font-size:14px; font-style:normal; color:rgba(0,0,0,.6); display:block; margin-top:-1px; margin-bottom:10px; max-height:120px; overflow:hidden } .mixtapeImage { display:table-cell; vertical-align:middle; width:160px; height:160px; background-size:cover; background-repeat:no-repeat; background-position:center center; box-sizing:border-box; box-shadow:inset 0 0 0 1px rgba(0,0,0,.09) } .mixtapeImage--empty { width:0; height:0 } .catalogPreview .graf--mixtapeEmbed { font-size:11px } .catalogPreview .markup--anchor.markup--mixtapeEmbed-anchor { padding:10px 12px 10px } .catalogPreview .markup--mixtapeEmbed-em,.catalogPreview .markup--mixtapeEmbed-strong { display:-webkit-box; -webkit-line-clamp:2; overflow:hidden } .catalogPreview .markup--mixtapeEmbed-strong { font-size:14px } .catalogPreview .markup--mixtapeEmbed-em { font-size:12px; margin-bottom:5px } .catalogPreview .mixtapeImage { width:110px; height:110px } @media all and (max-width:767px) { .graf--mixtapeEmbed { font-size:11px } .markup--anchor.markup--mixtapeEmbed-anchor { padding:10px 12px 10px } .markup--mixtapeEmbed-em,.markup--mixtapeEmbed-strong { display:-webkit-box; -webkit-line-clamp:2; overflow:hidden } .markup--mixtapeEmbed-strong { font-size:14px } .markup--mixtapeEmbed-em { font-size:12px; margin-bottom:5px } .mixtapeImage { width:110px; height:110px } } .creditCardForm { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; text-align:left; max-width:600px } .creditCardForm-heading { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; color:rgba(0,0,0,.44); font-size:14px } .creditCardForm--saved,.is-usesSavedCard .creditCardForm--input { display:none } .creditCardForm--input,.is-usesSavedCard .creditCardForm--saved { display:block } .creditCardForm--error { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; display:none; text-align:center; font-size:14px; margin-top:40px; margin-bottom:35px; color:#cc5454 } .creditCardForm--error .svgIcon { margin-right:5px; fill:#cc5454; margin-top:-4px; vertical-align:top } .is-errored .creditCardForm--error { display:block } .is-invalidCvc .creditCardForm-cvc,.is-invalidExpiration .creditCardForm-expiration,.is-invalidNumber .creditCardForm-number { border-bottom:solid 1px #cc5454 } .creditCardForm-ccImage { height:19px; width:25px; margin-right:5px } .creditCardForm-icon { position:absolute; left:22px; top:7px; width:25px; height:19px; overflow:hidden; perspective:80px; z-index:900 } .creditCardForm-icon:before { content:''; position:absolute; left:0; top:0; width:25px; height:19px; background-image:url(https://cdn-static-1.medium.com/_/fp/img/payments/credit-card-sprite.aNIJTodZTkf86-MUkQX7Xw.png); background-repeat:no-repeat; background-size:175px 19px; background-position:0 0; transition:transform linear .2s,background linear 1ms .1s } .creditCardForm-icon:before { transform:rotateY(180deg) } .creditCardForm-icon[data-card-type]:before { transform:rotateY(0) } .creditCardForm-icon[data-card-type=visa]:before { background-position:-25px 0 } .creditCardForm-icon[data-card-type=mastercard]:before { background-position:-50px 0 } .creditCardForm-icon[data-card-type=amex]:before { background-position:-75px 0 } .creditCardForm-icon[data-card-type=jcb]:before { background-position:-100px 0 } .creditCardForm-icon[data-card-type=discover]:before { background-position:-125px 0 } .creditCardForm-icon[data-card-type=diners]:before { background-position:-150px 0 } @media (max-width:767px) { .container .creditCardForm-lastFour,.creditCardForm-useDiffCard { text-align:left } .creditCardForm-cvc,.creditCardForm-expiration { width:100% } .creditCardForm .textInput { font-size:16px } } .postFade:before { content:''; position:relative; display:block; margin-top:-150px; height:150px; width:100%; background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); margin-bottom:30px; margin-left:-20px; padding-left:20px; padding-right:20px } .membershipPrompt-wrapper { position:relative; text-align:center; border:solid 1px rgba(0,0,0,.05); border-radius:4px; padding:30px 20px; margin-bottom:40px; background-color:#fafafa } .membershipPrompt.is-showingCreditCardForm .membershipPrompt-wrapper { padding-top:40px; padding-bottom:40px } .membershipPrompt-title { width:500px; margin:0 auto; color:rgba(0,0,0,.6); font-size:16px } .membershipPrompt-title .svgIcon { margin-bottom:7px; fill:rgba(0,0,0,.44) } .membershipPrompt-title.membershipPrompt-title--confirmation { width:auto; font-size:16px } .membershipPrompt-plus { font-size:24px; color:rgba(0,0,0,.6); padding:0 16px 0 14px } .membershipPrompt-avatars { text-align:right; padding-top:13px; vertical-align:middle } .membershipPrompt-reasons { padding-left:40px } .membershipPrompt-reason { margin-bottom:10px } .membershipPrompt-reason:last-child { margin-bottom:0 } .membershipPrompt-contents { margin-top:30px; padding-top:30px; border-top:solid 1px rgba(0,0,0,.05) } .membershipPrompt.is-showingCreditCardForm .membershipPrompt-contents { margin-top:40px; padding-top:40px } .membershipPrompt-contents .textInput { font-size:16px } .membershipPrompt-hint { color:rgba(0,0,0,.44); font-size:14px; margin-bottom:25px; line-height:1.6 } .membershipPrompt-cancellationHint { margin-top:15px; margin-bottom:15px } .membershipPrompt-hint--step1 .membershipPrompt-cancellationHint,.membershipPrompt-hint--step1 .membershipPrompt-moneyHint { display:inline; margin:0 } .membershipPrompt-collectionName { margin-top:5px; margin-bottom:10px } .membershipPrompt-solicitationMessage,.membershipPrompt-thanksMessage { font-size:16px; color:rgba(0,0,0,.6); margin-bottom:20px } .membershipPrompt-solicitation--withMessage .membershipPrompt-solicitationMessage,.membershipPrompt-thanksMessage { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; font-weight:400; font-style:italic; font-size:20px; margin:20px 0 } .membershipPrompt-thanksMessage+.membershipPrompt-successMessage { border-top:solid 1px rgba(0,0,0,.05); margin-top:40px; padding-top:40px } .membershipPrompt .button--close { line-height:1 } .membershipPrompt .button--close,.membershipPrompt-creditCardForm,.membershipPrompt-patronageAmount,.membershipPrompt-title--confirmation,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-message,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-title--solicitation { display:none } .membershipPrompt-title--solicitation,.membershipPrompt.is-showingCreditCardForm .button--close,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-creditCardForm,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-patronageAmount,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-title--confirmation { display:block } .membershipPrompt-footer { margin-top:20px; margin-bottom:-20px; text-align:right } .membershipPrompt.is-showingCreditCardForm .membershipPrompt-footer { margin-bottom:-30px } .membershipPrompt-confirmButton { margin:0 auto; margin-top:30px } .membershipPrompt-loadingMessage,.membershipPrompt-processingMessage { text-align:center; color:rgba(0,0,0,.44); font-size:14px; min-height:25px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .membershipPrompt-loadingMessage { margin-top:20px } .membershipPrompt-processingMessage { margin-top:50px } .is-processing .membershipPrompt-processingMessage,.membershipPrompt-confirmButton { display:block } .is-processing .membershipPrompt-confirmButton,.membershipPrompt-processingMessage { display:none } .membershipPrompt-overview { font-size:16px; margin:20px 0 } .membershipConfirmation { animation:fade-in .6s ease-in,shift-upwards-50 .6s ease-in } .membershipConfirmation .membershipConfirmation-avatar { animation:fade-in .6s,shift-upwards-50 450ms ease-in 150ms } .membershipConfirmation-avatar .avatar-halo { animation:scale-08-fade-in-50 1.2s ease-in-out } @media (max-width:767px) { .membershipPrompt:before { margin-bottom:0 } .membershipPrompt-wrapper { text-align:left } .membershipPrompt-wrapper,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-wrapper { padding-top:20px; padding-bottom:20px } .membershipPrompt-title { width:auto } .membershipPrompt-confirmButton { margin:30px 0 0 0 } .membershipPrompt-solicitation--withMessage .membershipPrompt-solicitationMessage,.membershipPrompt-thanksMessage { text-indent:-.4em } .membershipPrompt-thanksMessage+.membershipPrompt-successMessage { margin-top:20px; padding-top:20px } .membershipPrompt-title .svgIcon--lockStory { margin-left:-3px } .membershipPrompt-contents,.membershipPrompt.is-showingCreditCardForm .membershipPrompt-contents { margin-top:20px; padding-top:20px } .membershipPrompt-reasons { padding-left:20px } .membershipPrompt-reason { margin-bottom:12px } .membershipPrompt-avatars { text-align:left; padding-top:5px; padding-bottom:20px } .membershipPrompt-wrapper .container { padding:0 } .membershipPrompt-footer { margin-top:15px; margin-bottom:0; text-align:left } .membershipPrompt-overviewLine { margin-bottom:10px } } .clapUndo { opacity:1; transition:transform .3s cubic-bezier(.25,0,.6,1.4) 1.5s } .clapUndo { transform:translateX(0) } .clapButton--largePill:hover+.clapUndo,.clapUndo:hover { transform:translateX(30px) } .clapButton--largePill:not(.is-active)+.clapUndo { display:none } .clapButton--largePill:active+.clapUndo { transform:translateX(0); transition:transform .2s cubic-bezier(.25,0,.6,1.4) } .clapButton .svgIcon--clap,.clapButton .svgIcon--clapFilled,.clapButton:hover .svgIcon--clap,.clapButton:hover .svgIcon--clapFilled { fill:#02b875; color:#48e79a } .clapButton--largePill.is-active { background:#fff; color:#00ab6b } .clapButton--largePill.is-active:hover,.clapButton--largePill:hover { border-color:#02b875; color:#00ab6b; fill:#00ab6b } .clapButton--largePill:focus { border-color:rgba(0,0,0,.3) } .clapButton--largePill:focus .svgIcon { color:#00ab6b; fill:#00ab6b } .clapButton--largePill.is-active .button-activeState .svgIcon--clap,.clapButton--largePill.is-active .button-activeState .svgIcon--clapFilled { fill:#02b875; color:#00ab6b } .clapButton:disabled .svgIcon--clap,.clapButton:disabled .svgIcon--clapFilled { fill:#000!important; color:#000!important } .clapButton--largePill:not(.is-active):hover { animation:pulse-shadow--collection 2s infinite } .clapButton--largePill:active,.clapButton--largePill:hover { animation:none } .clapRadial { position:absolute } .clapRadial--dot { top:calc(48%); left:-5px; transform-origin:35px; width:2px; height:2px; border-radius:999em; background-color:#218799 } .clapRadial--triangle { top:calc(44%); left:-9px; transform-origin:39px; width:0; height:0; border-top:2px solid transparent; border-bottom:2px solid transparent; border-left:6px solid #EE6F70 } .clapRadial--dot.clapRadial--small { top:calc(48%); left:-5px; transform-origin:18px } .clapRadial--triangle.clapRadial--small { top:calc(44%); left:-9px; transform-origin:22px } .onboardingTopBar { position:fixed; top:0; left:0; right:0; background:#fafafa; box-shadow:0 0 1px rgba(0,0,0,.15); z-index:500 } .onboardingTopBar .is-waitingForReadingList { display:none } .onboardingTopBar-greeting { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; line-height:1.1 } .onboardingTopBar-action { margin:0 0 15px 10px; float:right } .onboardingTopBar-progress { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; margin-bottom:10px; margin-top:3px; line-height:1.2 } .onboardingTopBar-step { color:rgba(0,0,0,.44) } .onboardingTopBar-step.is-active { color:rgba(0,0,0,.8) } .onboardingTopBar-step .svgIcon { fill:rgba(0,0,0,.44); vertical-align:middle; margin-top:-2px } .onboardingTopBar-actionConfirmation { color:rgba(0,0,0,.6); background-color:#f0f0f0; box-shadow:2px 2px 5px rgba(0,0,0,.44); border:0; font-size:14px; padding:7px 10px 7px; margin:10px 0 10px; border-radius:2px } .onboardingTopBar-confirmationAvatar { margin-right:5px } .onboardingContent { margin:120px auto 40px } .onboardingContent-title { color:rgba(0,0,0,.8); font-size:24px; line-height:1.1; margin-bottom:6px } .onboardingContent-subtitle { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; margin-bottom:40px; font-size:18px } .onboardingContent-waiting { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; position:fixed; top:0; right:0; bottom:0; left:0 } .onboardingContent-waiting:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em } .onboardingContent-waitingInner { display:inline-block; text-align:center; width:100% } .onboardingToken { position:relative } .onboardingToken>.button.is-active:before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(2,184,117,.8); border-radius:4px } .onboardingTextToken { display:inline-block; border-bottom:1px solid rgba(0,0,0,.05); transition:border 125ms } .onboardingTextToken.is-selecting { display:block; width:100%; border-bottom:1px solid #02b875 } .onboardingTextToken>.followButton { visibility:hidden; opacity:0; transition:visibility 0s linear 125ms,opacity 125ms 0s } .onboardingTextToken.is-previewing>.followButton { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity 125ms 0s } .onboardingTextToken>.topicButton { font-size:48px; color:rgba(0,0,0,.3); transition:color 125ms,font-size 125ms,background-color .5s ease-in } .onboardingTextToken.is-previewing>.topicButton { font-size:50px; color:#284255 } .onboardingTextToken>.topicButton.is-active { color:#284255; background-color:rgba(92,255,160,.5) } .onboardingPreview { max-height:0; overflow:hidden; transition:max-height 250ms ease-in } .onboardingTextToken.is-previewing+.onboardingPreview { max-height:500px } .onboardingDot { width:7px; height:7px; border-radius:999em; background:#02b875; opacity:.8; animation:pulse-shadow 2s 2 } @media (max-width:767px) { .onboardingTextToken:hover>.topicButton,.onboardingTextToken>.topicButton { font-size:32px } } @media screen and (min-width:768px) { .onboardingToken>.button:hover:not(.is-active) { opacity:.9 } .onboardingTextToken:hover { border-bottom:1px solid #02b875 } .onboardingTextToken:hover>.topicButton { font-size:50px; color:#284255 } } .stats-title { padding-bottom:17px } .stats-title--page { line-height:1; margin-top:70px } .stats-title--chart { border-bottom:1px solid rgba(0,0,0,.15) } .stats-titleHeading { color:rgba(0,0,0,.6); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .stats-title--chart .stats-titleInner--all,.stats-title--chart.is-singlePost .stats-titleInner--post { display:block } .stats-title--chart .stats-titleInner--post,.stats-title--chart.is-singlePost .stats-titleInner--all { display:none } .stats-title--chart button { border:none; background:0 0 } .stats-titleHeading--post { text-overflow:ellipsis; overflow:hidden; max-width:420px; height:1.3em; white-space:nowrap } .stats-description { margin:5px 0; font-size:14px } .stats-totalNumber { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; font-weight:700; font-style:normal; font-size:50px; display:block; line-height:40px; height:40px; margin-bottom:5px; letter-spacing:0 } .stats--noPosts { color:rgba(0,0,0,.44); font-size:18px; text-align:center } @media screen and (max-width:991px) { .stats-title { margin:15px 0 0; padding:0; font-size:18px } .stats-title--page { margin:5px 0 0; font-size:24px; line-height:2 } .stats-title h2 { font-size:18px; line-height:2; height:2em } .stats-totalNumber { font-size:24px; height:34px; margin-bottom:0 } } .postArticle { position:relative } .postArticle:after,.postArticle:before { display:table; content:" " } .postArticle:after { clear:both } .postArticle.is-expanded .postArticle-readMore { display:none } .postArticle-content { position:relative; margin-bottom:0 } .postArticle-content:after,.postArticle-content:before { display:table; content:" " } .postArticle-content:after { clear:both } .is-postEditMode .postArticle-content { margin-bottom:50px } .postArticle-content,.postArticle-content:focus { outline:0; word-break:break-word; word-wrap:break-word } .postArticle-content .graf--p { margin-bottom:0 } .graf--h2,.graf--h3,.graf--h4 { color:rgba(0,0,0,.8) } .graf--kicker,.graf--subtitle { color:rgba(0,0,0,.44) } .graf--blockquote { border-left:3px solid rgba(0,0,0,.8); padding-left:20px; margin-left:-23px; padding-bottom:2px } .graf--pullquote { color:rgba(0,0,0,.6); border:none; padding:0; padding-left:50px; text-align:left } .postList { counter-reset:post } .postList>li:before { position:absolute; display:inline-block; box-sizing:border-box; width:78px; margin-left:-78px; text-align:right } ol.postList>li:before { font-feature-settings:"liga" on,"lnum" on; -moz-font-feature-settings:"liga" on,"lnum" on; -webkit-font-feature-settings:"liga" on,"lnum" on; padding-right:12px; counter-increment:post; content:counter(post) "." } ul.postList>li:before { padding-top:4px; padding-right:15px; content:'•' } .graf--li { margin-left:30px; margin-bottom:14px } .graf--li:last-child { margin-bottom:0 } hr.section-divider { display:block; border:0; text-align:center } hr.section-divider:before { content:'...'; display:inline-block; margin-left:.6em; color:rgba(0,0,0,.6); position:relative; top:-30px } .graf--pre { background:rgba(0,0,0,.05); padding:20px; white-space:pre-wrap } .graf--pre+.graf--pre { margin-top:0; padding-top:4px } .markup--blockquote-code,.markup--li-code,.markup--p-code { background:rgba(0,0,0,.05); padding:3px 4px; margin:0 2px } .markup--audio { color:rgba(255,255,255,0); display:inline-block; width:20px; height:20px; line-height:0; position:relative; margin:0 5px; text-indent:0 } .markup--audio:before { background-size:contain; background-image:url(https://cdn-static-1.medium.com/_/fp/img/audio/audio-inactive.JUSjk6tbAM3TXmspwm4Gtw.png); display:block; content:""; width:20px; height:20px; position:absolute; top:-50% } .markup--audio:hover:before { background-image:url(https://cdn-static-1.medium.com/_/fp/img/audio/audio-hover.S-Szx-93nxoBi0c2-rykUQ.png) } .markup--audio.is-playing:before { background-image:url(https://cdn-static-1.medium.com/_/fp/img/audio/audio-active.4GSkS4zw9tXS7CDfabsViQ.png) } .graf--hasDropCap { clear:left } .graf-dropCap { display:block; position:relative; float:left } .graf--hasDropCapImage .graf-dropCapText { opacity:0; position:absolute; top:0; left:0; right:0; bottom:0 } body.is-amp { position:relative } .markup--quote { transition:.2s background-color; cursor:pointer } body.is-withMagicUnderlines .markup--h2-quote { background-repeat:repeat-x; background-size:2px 54px; background-position:0 5px } body.is-withMagicUnderlines .markup--h3-quote { background-repeat:repeat-x; background-size:2px 41px; background-position:0 2px } body.is-withMagicUnderlines .markup--h4-quote { background-repeat:repeat-x; background-size:2px 34px; background-position:0 0 } .markup--quote.is-other { background-color:rgba(39,243,106,.1) } body.is-withMagicUnderlines .markup--quote.is-other { background-color:transparent; background-image:linear-gradient(to bottom,rgba(39,243,106,.1),rgba(39,243,106,.1)) } .markup--quote.is-me { background-color:rgba(92,255,160,.5) } body.is-withMagicUnderlines .markup--quote.is-me { background-color:transparent; background-image:linear-gradient(to bottom,rgba(92,255,160,.5),rgba(92,255,160,.5)) } .markup--quote.is-selected,.markup--quote.is-targeted { background-color:rgba(97,255,160,.8) } body.is-withMagicUnderlines .markup--quote.is-selected,body.is-withMagicUnderlines .markup--quote.is-targeted { background-color:transparent; background-image:linear-gradient(to bottom,rgba(97,255,160,.8),rgba(97,255,160,.8)) } section.is-darkBackgrounded .markup--quote.is-other { background-color:rgba(255,255,255,.2) } body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-other { background-color:transparent; background-image:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.2)) } section.is-darkBackgrounded .markup--quote.is-me { background-color:rgba(255,255,255,.5) } body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-me { background-color:transparent; background-image:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.5)) } section.is-darkBackgrounded .markup--quote.is-selected,section.is-darkBackgrounded .markup--quote.is-targeted { background-color:rgba(255,255,255,.65) } body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-selected,body.is-withMagicUnderlines section.is-darkBackgrounded .markup--quote.is-targeted { background-color:transparent; background-image:linear-gradient(to bottom,rgba(255,255,255,.65),rgba(255,255,255,.65)) } .is-postEditMode .graf[data-translationStatus=reference] { color:#788ca0 } .is-postEditMode .section.is-darkBackgrounded .graf[data-translationStatus=reference] { color:#bac4ce } .postArticle-content>section { position:relative; clear:both } .section--cover+section>.section-divider,.section--first .section-divider,section.is-backgrounded+section>.section-divider,section:first-child>.section-divider { display:none } .postArticle-content .section--first:not(.is-imageBackgrounded) { padding-top:75px } .postArticle--full.postArticle--response>.postArticle-content .section--first,.postArticle:not(.postArticle--letter)>.postArticle-content .section--first { margin-top:20px; padding-top:0 } .section--last { padding-bottom:5px } .section-inner { position:relative } .section--bottomCenter>.section-inner { vertical-align:bottom } section.is-backgrounded { width:100%; padding-left:0; padding-right:0; margin-left:0; margin-right:0 } section.is-imageBackgrounded { box-sizing:border-box } section.is-imageBackgrounded.is-darkBackgrounded { background:rgba(0,0,0,.9); color:#fff } section.is-imageBackgrounded.is-darkBackgrounded.is-sectionUsingCanvas { background:rgba(255,255,255,0) } section.is-darkBackgrounded .graf--h2,section.is-darkBackgrounded .graf--h3 { color:#fff } section.is-darkBackgrounded .graf--pullquote,section.is-imageBackgrounded .graf--h4,section[data-background-color]:not([data-background-color$=Light]) .graf--h4 { color:rgba(255,255,255,.65) } section.is-darkBackgrounded .markup--comment { background:rgba(255,255,255,.1); color:rgba(255,255,255,.65) } section.is-darkBackgrounded .graf--blockquote { border-left-color:rgba(255,255,255,.85) } section.section-image--fullBleed.is-sectionUsingCanvas { background:rgba(255,255,255,0) } section.section-image--fullBleed.is-backgrounded { padding-top:110vh } section.section-image--coverFade.is-backgrounded,section.section-image--fullScreen.is-backgrounded { min-height:100vh; padding-top:50vh } section.section-image--coverFade { height:100vh } section.section-image--aspectRatio.is-backgrounded,section.section-image--aspectRatioViewport.is-backgrounded { padding:0 } .section-image--aspectRatioViewport .section-backgroundImage:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.44) } section.section-image--coverFade.is-backgrounded { display:table; padding-top:0; padding-bottom:0 } .section-coverFadePadding { display:table-cell; vertical-align:bottom; padding-bottom:160px } .section-doubleWidthTable { width:200%; table-layout:fixed } .section-doubleWidthTable>.section-contentCell { width:50% } .section-image--aspectRatio .section-content { padding-top:80px; padding-bottom:3% } section.is-sectionUsingCanvas.is-imageBackgrounded .section-backgroundImage { display:none } .section-doubleWidthTable { width:200% } .section-doubleWidthTable>.section-contentCell { width:50% } .section-image--aspectRatioViewport.section--topCenter .section-content { padding:120px 0 80px } .section-image--aspectRatioViewport.section--middleCenter .section-content { padding:100px 0 } .section-image--aspectRatioViewport.section--bottomCenter .section-content { padding-bottom:80px } section.is-sectionUsingCanvas.is-imageBackgrounded .section-backgroundImage { display:none } .section-aspectRatioViewportPlaceholder { max-height:100vh } .section-aspectRatioViewportBottomPlaceholder,.section-aspectRatioViewportBottomSpacer { display:none; max-height:50vh } .section--bottomCenter .section-aspectRatioViewportBottomPlaceholder,.section--bottomCenter .section-aspectRatioViewportBottomSpacer { display:block } .section--bottomCenter .section-aspectRatioViewportPlaceholder { display:none } .section--topCenter .section-contentCell { vertical-align:top } .section--bottomCenter .section-contentCell,.section--middleCenter .section-contentCell { vertical-align:middle } .section-aspectRatioViewportCropPlaceholder { max-height:100vh } .postArticle--series { --section-card-gutter:1em; --section-card-width:23.5em; --section-drag-index-offset:0; --section-drop-index-offset:0; margin-left:calc((50vw - 1000px / 2)); padding-right:calc((50vw - 1000px / 2) + var(--section-card-width) - var(--section-card-gutter)) } .postArticle--series .postArticle-content { width:calc(var(--section-count) * var(--section-card-width)); height:40em } .postArticle--series .postArticle-after { transform:translateX(calc(var(--section-count) * var(--section-card-width))) } .section--card { box-shadow:0 .25em .75em rgba(0,0,0,.05); transform:translateX(calc((var(--section-index) + var(--section-drop-index-offset) + var(--section-drag-index-offset)) * var(--section-card-width))); z-index:var(--section-index) } .section--card.is-dragging,.section--card.is-dragging~.section--card { --section-drag-index-offset:-1 } .section--card.is-dropTarget,.section--card.is-dropTarget~.section--card { --section-drop-index-offset:1 } .section--card.is-dragging { z-index:var(--section-count) } .section--card:hover { box-shadow:0 .375em 1em rgba(0,0,0,.1) } .section--card.is-withGrafSelection { box-shadow:0 .625em 1.5em rgba(0,0,0,.15) } .section--card.is-sectionFocused { box-shadow:0 .625em 1.5em rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.3) } .section--card.is-sectionFocused.is-imageBackgrounded { box-shadow:0 .625em 1.5em rgba(0,0,0,.15) } .section--card.is-sectionFocused.is-imageBackgrounded .section-backgroundImage { box-shadow:inset 0 0 0 1px rgba(0,0,0,.3) } .seriesEditor-addCard { transition:box-shadow .2s ease-in-out,color .2s ease-in-out; box-shadow:0 .25em .75em rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.05) } .seriesEditor-addCard:hover { box-shadow:0 .375em 1em rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05) } .seriesEditor-cardDropPlaceholder { --section-index:-1; transform:translateX(calc(var(--section-index) * var(--section-card-width))) } @media (max-width:1040px) { .postArticle--series { margin-left:20px; padding-right:calc(20px + var(--section-card-width) - var(--section-card-gutter)) } } .sectionLayout--insetColumn { max-width:700px; width:100%; margin:0 auto; box-sizing:border-box } .postArticle--full .sectionLayout--insetColumn { max-width:740px; padding-left:20px; padding-right:20px } .postArticle--series .sectionLayout--insetColumn { padding-left:1.25em; padding-right:1.25em } .postArticle--sequence .sectionLayout--insetColumn { max-width:none; padding-left:0; padding-right:0 } .postArticle--short .sectionLayout--insetColumn { padding-left:0; padding-right:0 } .sectionLayout--outsetColumn,.sectionLayout--outsetRow { max-width:1000px; width:100%; margin:0 auto; box-sizing:border-box } .sectionLayout--outsetColumn:after,.sectionLayout--outsetColumn:before,.sectionLayout--outsetRow:after,.sectionLayout--outsetRow:before { display:table; content:" " } .sectionLayout--outsetColumn:after,.sectionLayout--outsetRow:after { clear:both } .sectionLayout--fullWidth { width:100% } .markup--em:not(.markup--mixtapeEmbed-em) { font-feature-settings:"liga" on,"salt" on; -moz-font-feature-settings:"liga" on,"salt" on; -webkit-font-feature-settings:"liga" on,"salt" on } .markup--comment { display:none; margin:0 2px 0 1px; background:rgba(80,171,201,.1); color:rgba(88,151,172,.9); border:1px solid rgba(80,171,201,.25); box-sizing:border-box } body.is-postEditMode .markup--comment { display:inline } .markup--blockquote-em,.markup--figure-em,.markup--h2-em,.markup--h3-em,.markup--h4-em,.markup--pullquote-em,.markup--sectionCaption-em { font-style:normal } .markup--h4-strong { font-weight:inherit } .markup--anchor { -webkit-tap-highlight-color:rgba(0,0,0,.44) } .markup--user { color:#00ab6b; text-decoration:none } .is-postEditMode .postArticle-content a[rel=token],.markup--query { color:#00ab6b; text-decoration:none; background-image:none!important } .supplementalPostContent { visibility:hidden; opacity:0; transition:visibility 0s linear .3s,opacity .3s 0s } .is-supplementalPostContentLoaded .supplementalPostContent { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .3s 0s } .graf--figure { position:relative; clear:both; outline:0; box-sizing:border-box; -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto; z-index:100 } .graf--figure.is-partialWidth { clear:none; float:left; padding:5px; box-sizing:content-box } .sectionLayout--outsetRow .graf--figure.is-partialWidth:first-child { padding-left:0 } .sectionLayout--outsetRow .graf--figure.is-partialWidth:last-child { padding-right:0 } .sectionLayout--outsetRow[data-paragraph-count="2"] { padding-left:10px } .sectionLayout--outsetRow[data-paragraph-count="2"] .is-partialWidth:first-child { margin-left:-10px } .sectionLayout--outsetRow[data-paragraph-count="3"] { padding-left:20px } .sectionLayout--outsetRow[data-paragraph-count="3"] .is-partialWidth:first-child { margin-left:-20px } .graf--figure.graf--layoutOutsetRow { clear:both } .graf-image,.graf-imageAnchor,.iframeContainer,.iframeContainer>iframe { display:block; position:relative; margin:auto; max-width:100%; box-sizing:border-box } .graf--layoutOutsetCenter { padding:5px 0 } .graf--layoutOutsetCenter .graf-image { margin:0 } .graf--layoutConstrainedHeightPreview { overflow:hidden } .graf--layoutConstrainedHeightPreview>.aspectRatioPlaceholder { float:left } .graf--layoutInsetLeft,.postArticle--full .graf--layoutOutsetLeft { float:left; margin-right:30px; padding-top:10px; padding-bottom:10px } .graf--layoutInsetRight { float:right; padding-top:6px; padding-left:20px; width:35% } .graf--layoutInsetLeft { width:50% } .streamItem .graf--layoutInsetLeft { width:30%; margin-right:10px } .postArticle--full .graf--layoutOutsetLeft { width:75% } .postArticle--full .graf--layoutOutsetLeft { margin-left:-150px } .graf--layoutFillWidth .imageCaption { padding-bottom:10px } .imageCaption { position:relative; left:0; width:100%; top:0; margin-top:10px; color:rgba(0,0,0,.6); outline:0; text-align:center; z-index:300 } section.is-imageBackgrounded .imageCaption,section[data-background-color]:not([data-background-color$=Light]) .imageCaption { color:rgba(255,255,255,.65) } .graf--layoutFillWidth>.imageCaption:before,.graf--layoutOutsetCenter>.imageCaption:before,.is-partialWidth>.imageCaption:before,.postArticle--full .graf--layoutOutsetLeft>.imageCaption:before,.postArticle--short .imageCaption:before { content:none } .graf--layoutFillWidth>.imageCaption,.graf--layoutOutsetCenter>.imageCaption { text-align:center; margin:10px auto 0 } .graf--layoutFillWidth>.imageCaption { max-width:1000px } .graf--sectionCaption { display:block; font-size:16px; font-style:italic; text-align:center } .section-captionContent,section.is-darkBackgrounded>.section-captionContent { position:absolute; top:100%; width:100%; display:block; color:rgba(0,0,0,.6); left:0; margin-top:10px } .aspectRatioPlaceholder-fill { display:block } .aspectRatioPlaceholder { position:relative; width:100%; margin:0 auto; display:block } .aspectRatioPlaceholder.is-locked .catalog-image,.aspectRatioPlaceholder.is-locked .graf-dropCapImage,.aspectRatioPlaceholder.is-locked .graf-image,.aspectRatioPlaceholder.is-locked .graf-imageAnchor,.aspectRatioPlaceholder.is-locked .iframeContainer,.aspectRatioPlaceholder.is-locked .iframeContainer>iframe { position:absolute; top:0; left:0; width:100%; height:100% } .graf--li.graf--containsTK:after,.graf.graf--containsTK:not(.graf--li):before { content:'TK'; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:700; font-style:normal; font-size:14px; letter-spacing:.1em; color:#e7af0e; position:absolute; left:-48px; margin-top:6px } .graf--blockquote.graf--containsTK:before { margin-left:-3px } .graf--layoutInsetLeft+.graf--containsTK:before,.postArticle--full .graf--layoutOutsetLeft+.graf--containsTK:before { margin-left:-160px } .lockedPostHeader { height:60px; font-size:14px; color:rgba(0,0,0,.44); border-bottom:solid 1px rgba(0,0,0,.15) } .lockedPostHeader .svgIcon { fill:rgba(0,0,0,.44); margin-right:10px } .postMetaHeader { padding-top:35px } .postMetaHeader-socialProof2 .button--chromeless,.postMetaHeader-socialProof2 .link,.postMetaHeader-socialProof2 .postMetaInline { font-size:13px } .postActionsBar { visibility:hidden; position:fixed; left:0; right:0; bottom:0; height:0; z-index:500; transition:visibility 0s linear .3s } .postActionsBar.is-visible { visibility:visible; transition-delay:0s } .postActionsBar-container { position:relative; height:0; transform:translateZ(0) } .postActionsBar-content { box-sizing:border-box; position:absolute; width:100%; bottom:0; transform:translateY(100%); transition:transform .3s } .postActionsBar.is-visible .postActionsBar-content { transform:translateY(0) } .postMeterBar { transform:translateY(0); transition:transform .3s } .postMeterBar.is-abovePostActions { transform:translateY(-44px) } .postActions { background:#fff; padding-bottom:1px } .postActions .avatar-text,.postActionsBar .avatar-text { font-size:14px; color:rgba(0,0,0,.6) } .postActionsBar .button--follow.is-active,.postActionsBar .middotDivider { font-size:14px; color:rgba(0,0,0,.44) } .postActionsBar .followState.buttonSet-inner { margin-left:0 } .postActions .buttonSet-separator,.postActionsBar .buttonSet-separator { background-color:rgba(0,0,0,.15); margin:0 16px } .postActionsBar .buttonSet-separator--readNext { margin:12px 16px 0 12px } .letterHeader { position:relative; line-height:1.45 } .postArticle--full.postArticle--letter>.postArticle-content .section--first { padding-top:20px } .postArticle--full.postArticle--letter .postMetaHeader { display:none } .postArticle--full.postArticle--letter>.postArticle-content { padding-top:0 } .postArticle--full.postArticle--letter>.postArticle-content .section--first:not(.is-imageBackgrounded):before { content:''; text-align:center; display:block; margin:0 auto 30px; height:1px; max-width:700px; background-color:rgba(0,0,0,.15) } .postArticle.postArticle--short:not(.postArticle--letter) { padding-top:5px; padding-bottom:0 } .postArticle--short .postArticle-content { cursor:pointer } .postArticle--short .postArticle-content { padding-top:0; padding-bottom:0; margin-bottom:0 } .postArticle--short .graf--blockquote { padding-left:17px; margin-left:-20px } .postArticle--short .graf--pullquote { padding-left:30px } .postArticle--short .graf--pre { padding:15px } .postArticle--short .graf--pre+.graf--pre { margin-top:0; padding-top:3px } .postArticle--short .graf--layoutOutsetLeft { width:100%; margin-left:0; margin-right:0; float:none } .postArticle #ad01,.postArticle #ad02 { display:block!important; visibility:visible!important } .iframeContainer { overflow:auto; -webkit-overflow-scrolling:touch } .iframeContainer>iframe { transform:translateZ(0) } .v-thirdParty.graf--iframe { border:2px solid #02b875 } .v-thirdParty.graf--iframe::after { content:"Third-party embed"; position:absolute; right:-2px; background:#02b875; border:2px solid #02b875; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:2px 5px; color:#fff; font-size:11px } @media (max-width:991px) { .graf--layoutInsetLeft.graf--iframe,.graf--layoutOutsetCenter,.postArticle--full .graf--layoutOutsetLeft { width:100%; margin-left:0; margin-right:0; float:none } .graf--layoutInsetRight { width:30% } .graf-image { width:100%; height:auto } .graf--layoutFillWidth .imageCaption,.graf--layoutOutsetCenter .imageCaption,.sectionLayout--outsetRow .imageCaption { padding-left:30px; padding-right:30px; box-sizing:border-box } } @media (max-width:767px) { .postArticle-content { margin-bottom:10px } .lockedPostHeader { margin-bottom:20px } .postMetaHeader { padding-top:20px } .graf--blockquote { padding-left:17px; margin-left:-20px } .graf--pullquote { padding-left:30px } .popover-upvotes[data-count="0"] { display:none } .popover-upvotes { display:block } .postArticle--full.postArticle--letter>.postArticle-content .section--first:not(.is-imageBackgrounded):before { margin-left:20px; margin-right:20px } .letterHeader .infoCard-actions { margin-top:-5px; margin-bottom:-10px } .postArticle.postArticle--short { padding-bottom:10px } .postActionsBar-content { border-radius:0 } .postActions .avatar-text,.postActionsBar .avatar-text,.postActionsBar .middotDivider { display:none } } @media print { body { overflow:hidden } body.postShowScreen * { visibility:hidden } body.postShowScreen .butterBar,body.postShowScreen .butterBar *,body.postShowScreen .postArticle-content,body.postShowScreen .postArticle-content *,body.postShowScreen .postMetaHeader,body.postShowScreen .postMetaHeader * { visibility:visible } @page { margin-top:.75in; margin-bottom:.75in } body.postShowScreen .sectionLayout--insetColumn { max-width:4.95in } body { color:#000; orphans:2; widows:2 } .graf--h2,.graf--h3 { color:#000 } .graf--h4,section.is-imageBackgrounded .graf--h4,section[data-background-color]:not([data-background-color$=Light]) .graf--h4 { color:rgba(0,0,0,.6) } .graf--blockquote { border-left:.17em solid #000 } ul.postList>li:before { padding-top:3px } .graf--figure { page-break-inside:avoid } .is-sectionUsingCanvas.is-darkBackgrounded .section-background { display:none } .is-sectionUsingCanvas.is-darkBackgrounded:after,.is-sectionUsingCanvas.is-darkBackgrounded:not(.section--first):before { content:''; display:block; position:absolute; height:1px; left:50%; margin-left:-50px; width:100px; background-color:rgba(0,0,0,.15) } .is-sectionUsingCanvas.is-darkBackgrounded:before { margin-top:-40px } .is-sectionUsingCanvas.is-darkBackgrounded:after { margin-top:30px } .is-sectionUsingCanvas.is-darkBackgrounded .graf--h2,.is-sectionUsingCanvas.is-darkBackgrounded .graf--h3,.is-sectionUsingCanvas.is-darkBackgrounded .section-inner { color:#000 } .markup--quote { background:0 0!important } .section-image--aspectRatioViewport.section--bottomCenter .section-content,.section-image--aspectRatioViewport.section--middleCenter .section-content,.section-image--aspectRatioViewport.section--topCenter .section-content { padding:0 } .postArticle-content { padding-top:0 } .postArticle-content .section--first { padding-top:200px } .postArticle--full.postArticle--response>.postArticle-content .section--first { padding-top:0 } .postArticle--full.postArticle--response>.postArticle-content .section--first:not(.is-imageBackgrounded):before { display:none } .infoCard-actions,.postActionsBar-content { display:none } } .compactPostPreview-avatar { display:table-cell; padding-right:18px; vertical-align:top } .compactPostPreview-title { display:table-cell; vertical-align:top } .postArticle-content .graf--p { --x-height-multiplier:0.35; --baseline-multiplier:0.179; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; letter-spacing:.01rem; font-weight:400; font-style:normal; font-size:21px; line-height:1.58; letter-spacing:-.003em } .v-glyph--ex04 .postArticle-content .graf--p { font-weight:300 } .graf--h2 { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; font-size:40px; margin-left:-2.5px; line-height:1.04; letter-spacing:-.03em } .v-glyph--ex01 .graf--h2,.v-glyph--ex02 .graf--h2,.v-glyph--ex03 .graf--h2,.v-glyph--ex04 .graf--h2 { font-weight:600 } .graf--h3 { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; font-weight:700; font-style:normal; letter-spacing:0; font-size:32px; margin-left:-2px; line-height:1.15; letter-spacing:-.02em } .v-glyph--ex01 .graf--h3,.v-glyph--ex02 .graf--h3,.v-glyph--ex03 .graf--h3,.v-glyph--ex04 .graf--h3 { font-weight:600 } .graf--h4 { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; font-size:24px; margin-left:-1.5px; line-height:1.22; letter-spacing:-.018em } .v-glyph--ex01 .graf--h4,.v-glyph--ex02 .graf--h4,.v-glyph--ex03 .graf--h4,.v-glyph--ex04 .graf--h4 { font-weight:600 } .graf--title { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; font-size:40px; margin-left:-2.5px; line-height:1.04; letter-spacing:-.028em } .v-glyph--ex01 .graf--title,.v-glyph--ex02 .graf--title,.v-glyph--ex03 .graf--title,.v-glyph--ex04 .graf--title { font-weight:600 } .graf--subtitle { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:300; font-style:normal; letter-spacing:0; font-size:27px; margin-left:-1.69px; line-height:1.22; letter-spacing:-.022em } .v-glyph--ex01 .graf--subtitle,.v-glyph--ex02 .graf--subtitle,.v-glyph--ex03 .graf--subtitle,.v-glyph--ex04 .graf--subtitle { font-weight:400 } .graf--kicker { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:300; font-style:normal; letter-spacing:0; font-size:20px; margin-left:-1.25px; line-height:1.22; letter-spacing:-.022em } .v-glyph--ex01 .graf--kicker,.v-glyph--ex02 .graf--kicker,.v-glyph--ex03 .graf--kicker,.v-glyph--ex04 .graf--kicker { font-weight:400 } .graf--blockquote { --x-height-multiplier:0.35; --baseline-multiplier:0.179; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; letter-spacing:.01rem; font-weight:400; font-style:italic; font-size:21px; line-height:1.58; letter-spacing:-.003em } .v-glyph--ex04 .graf--blockquote { font-weight:300 } .graf--pullquote { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; font-weight:400; font-style:italic; font-size:28px; margin-left:-1.75px; line-height:1.48; letter-spacing:-.014em } .markup--pullquote-em,.markup--pullquote-strong { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; font-weight:400; font-style:italic } .graf--li { --x-height-multiplier:0.35; --baseline-multiplier:0.179; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; letter-spacing:.01rem; font-weight:400; font-style:normal; font-size:21px; line-height:1.58; letter-spacing:-.003em } .v-glyph--ex04 .graf--li { font-weight:300 } ul.postList>li:before { font-size:16.8px } .markup--code { font-family:inherit } .graf--pre,.markup--blockquote-code,.markup--li-code,.markup--p-code { font-family:Menlo,Monaco,"Courier New",Courier,monospace; font-size:16px } .markup--blockquote-code { font-style:normal } hr.section-divider:before { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-slab-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; font-weight:400; font-style:italic; font-size:28px; letter-spacing:.6em } .graf--p.graf--startsWithSingleQuote { text-indent:-.2em } .graf--p.graf--startsWithDoubleQuote { text-indent:-.4em } .graf--h4.graf--startsWithSingleQuote { text-indent:-.18em } .graf--h4.graf--startsWithDoubleQuote { text-indent:-.34em } .graf--h2.graf--startsWithSingleQuote,.graf--h3.graf--startsWithSingleQuote { text-indent:-.21em } .graf--h2.graf--startsWithDoubleQuote,.graf--h3.graf--startsWithDoubleQuote { text-indent:-.415em } .graf--pullquote.graf--startsWithSingleQuote { text-indent:-.18em } .graf--pullquote.graf--startsWithDoubleQuote { text-indent:-.32em } .graf--startsWithDoubleQuote[data-align=center],.graf--startsWithSingleQuote[data-align=center] { text-indent:0 } .graf-dropCap { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:700; font-style:normal; letter-spacing:0; font-size:64px; padding-top:7px; margin-left:-5px; margin-right:7px; letter-spacing:-.03em; line-height:.83; margin-bottom:-.08em } .v-glyph--ex01 .graf-dropCap,.v-glyph--ex02 .graf-dropCap,.v-glyph--ex03 .graf-dropCap,.v-glyph--ex04 .graf-dropCap { font-weight:600 } .graf--hasDropCapImage .graf-dropCap { padding-top:10px; margin-left:0; margin-right:18px } .graf-dropCapQuote { font-size:44px; line-height:.92; margin-left:-3px; margin-right:3px; vertical-align:top } .graf--p.graf--startsWithSingleQuote>.graf-dropCap { text-indent:-.13em; margin-right:6px } .graf--p.graf--startsWithDoubleQuote>.graf-dropCap { text-indent:-.28em; margin-right:6px } .graf--p.graf--hasDropCap.graf--startsWithDoubleQuote,.graf--p.graf--hasDropCap.graf--startsWithSingleQuote { text-indent:0 } .graf--blockquote[data-align=center],.graf--h2[data-align=center],.graf--h3[data-align=center],.graf--h4[data-align=center],p[data-align=center] { text-align:center } .graf--sectionCaption,.imageCaption { --x-height-multiplier:0.363; --baseline-multiplier:0.157; font-family:medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; letter-spacing:-.02em; font-weight:300; font-style:normal; font-feature-settings:"liga" on,"lnum" on; -moz-font-feature-settings:"liga" on,"lnum" on; -webkit-font-feature-settings:"liga" on,"lnum" on; font-size:14px; line-height:1.4; color:rgba(0,0,0,.6); letter-spacing:0 } .v-glyph--ex01 .graf--sectionCaption,.v-glyph--ex01 .imageCaption,.v-glyph--ex02 .graf--sectionCaption,.v-glyph--ex02 .imageCaption,.v-glyph--ex03 .graf--sectionCaption,.v-glyph--ex03 .imageCaption,.v-glyph--ex04 .graf--sectionCaption,.v-glyph--ex04 .imageCaption { font-weight:400 } .postArticle--short .postArticle-content .graf--p { font-size:18px; line-height:1.58; letter-spacing:-.004em } .postArticle--short .graf--h2 { font-size:29px; margin-left:-1.81px; line-height:1.04; letter-spacing:-.03em } .postArticle--short .graf--h3 { font-size:25px; margin-left:-1.56px; line-height:1.15; letter-spacing:-.02em } .postArticle--short .graf--h4 { font-size:21px; margin-left:-1.31px; line-height:1.22; letter-spacing:-.018em } .postArticle--short .graf--blockquote { font-size:18px; line-height:1.58; letter-spacing:-.004em } .postArticle--short .graf--pullquote { font-size:24px; margin-left:-1.5px; line-height:1.4; letter-spacing:-.008em } .postArticle--short .graf--li { font-size:18px; line-height:1.58; letter-spacing:-.004em } .postArticle--short ul.postList>li:before { font-size:14.4px } .postArticle--short .graf--pre,.postArticle--short .markup--blockquote-code,.postArticle--short .markup--li-code,.postArticle--short .markup--p-code { font-size:14px } .postArticle--short .graf[data-align=center] { text-align:left } .postArticle--short .graf--title { font-size:29px; margin-left:-1.81px; line-height:1.04; letter-spacing:-.028em } .postArticle--short .graf--subtitle { font-size:23px; margin-left:-1.44px; line-height:1.22; letter-spacing:-.022em } @media all and (max-width:767px) { .postArticle-content .graf--p { font-size:18px; line-height:1.58; letter-spacing:-.004em } .graf--h2 { font-size:32px; margin-left:-2px; line-height:1.04; letter-spacing:-.03em } .graf--h3 { font-size:28px; margin-left:-1.75px; line-height:1.15; letter-spacing:-.02em } .graf--h4 { font-size:22px; margin-left:-1.38px; line-height:1.22; letter-spacing:-.018em } .graf--blockquote { font-size:18px; line-height:1.58; letter-spacing:-.004em } .graf--pullquote { font-size:22px; margin-left:-1.38px; line-height:1.4; letter-spacing:-.008em } .graf--li { font-size:18px; line-height:1.58; letter-spacing:-.004em } ul.postList>li:before { font-size:14.4px } .graf--pre,.markup--p-code { font-size:14px } .postArticle[lang] .graf--blockquote,.postArticle[lang] .graf--li,.postArticle[lang] .graf--p { -webkit-hyphens:auto; -webkit-hyphenate-limit-before:2; -webkit-hyphenate-limit-after:3; -webkit-hyphenate-limit-lines:2 } .graf-dropCap { font-size:54.85px; padding-top:3.5px; margin-left:-4px; margin-right:6px } .graf--hasDropCapImage .graf-dropCap { margin-right:14px } .graf-dropCapQuote { margin-right:2px } .graf--p.graf--startsWithDoubleQuote>.graf-dropCap { text-indent:-8px; margin-right:6px } hr.section-divider { font-size:22px; line-height:1.4 } .graf--title { font-size:32px; margin-left:-2px; line-height:1.04; letter-spacing:-.028em } .graf--subtitle { font-size:23px; margin-left:-1.44px; line-height:1.22; letter-spacing:-.022em } .postArticle--short .postArticle-content .graf--p { font-size:18px; line-height:1.58; letter-spacing:-.004em } .postArticle--short .graf--h2 { font-size:28px; margin-left:-1.75px; line-height:1.12; letter-spacing:-.022em } .postArticle--short .graf--h3 { font-size:28px; margin-left:-1.75px; line-height:1.12; letter-spacing:-.022em } .postArticle--short .graf--h4 { font-size:24px; margin-left:-1.5px; line-height:1.18; letter-spacing:-.022em } .postArticle--short .graf--blockquote { font-size:18px; line-height:1.58; letter-spacing:-.004em } .postArticle--short .graf--pullquote { font-size:22px; margin-left:-1.38px; line-height:1.4; letter-spacing:-.008em } .postArticle--short .graf--li { font-size:18px; line-height:1.58; letter-spacing:-.004em } .postArticle--short hr.section-divider { font-size:22px; line-height:1.4 } } @media print { .postArticle-content .graf--p { font-size:14.28px } .graf--h2 { font-size:35.36px; margin-left:-2.21px } .graf--h3 { font-size:24.48px; margin-left:-1.53px } .graf--h4 { font-size:19.04px; margin-left:-1.19px } .graf--blockquote { font-size:14.28px } .graf--pullquote { font-size:19.04px; margin-left:-1.19px } .graf--li { font-size:14.28px } ul.postList>li:before { font-size:11.42px } .graf--pre { font-size:10.88px } .markup--code { font-size:10.88px } hr.section-divider:before { font-size:19.04px } .graf-dropCap { font-size:43.52px } .graf-dropCapQuote { font-size:29.92px } .graf--sectionCaption,.imageCaption { font-size:9.52px } } .postArticle[lang=ja] { font-feature-settings:"liga" on,"lnum" on; -moz-font-feature-settings:"liga" on,"lnum" on; -webkit-font-feature-settings:"liga" on,"lnum" on } .browser-chrome .postArticle[lang=ja],.browser-chrome .postArticle[lang=ko],.browser-chrome .postArticle[lang=zh-Hant],.browser-chrome .postArticle[lang=zh-TW],.browser-chrome .postArticle[lang=zh] { text-rendering:optimizeSpeed!important; font-feature-settings:normal!important } .postArticle-content .graf--p { margin-top:38px } .graf--p.graf-after--blockquote,.postArticle-content .graf--p.graf-after--p,.postList+.graf--p { margin-top:29px } .graf--p.graf-after--h2 { margin-top:18px } .graf--p.graf-after--h3 { margin-top:8px } .graf--p.graf-after--h4 { margin-top:6px } .graf--p.graf-after--pullquote { margin-top:54px } .graf--blockquote { margin-top:38px } .graf--blockquote.graf-after--blockquote { margin-top:0; padding-top:27px } .postArticle-content .graf--blockquote.graf-after--p,.postList+.graf--blockquote { margin-top:29px } .graf--blockquote.graf-after--h2 { margin-top:18px } .graf--blockquote.graf-after--h3 { margin-top:12px } .graf--blockquote.graf-after--h4 { margin-top:10px } .graf--blockquote.graf-after--pullquote { margin-top:54px } .postList { margin-top:38px } .graf--blockquote+.postList,.postArticle-content .graf--p+.postList,.postList+.postList { margin-top:29px } .graf--h2+.postList { margin-top:18px } .graf--h3+.postList { margin-top:12px } .graf--h4+.postList { margin-top:10px } .graf--pullquote+.postList { margin-top:54px } .graf--pullquote { margin-top:64px } .graf--pullquote.graf-after--blockquote,.graf--pullquote.graf-after--p,.postList+.graf--pullquote { margin-top:55px } .graf--pullquote.graf-after--h2 { margin-top:58px } .graf--pullquote.graf-after--h3 { margin-top:28px } .graf--pullquote.graf-after--h4 { margin-top:28px } .graf--pullquote.graf-after--pullquote { margin-top:24px } .graf--h2 { margin-top:63px } .graf--h2.graf-after--blockquote,.graf--h2.graf-after--p,.postList+.graf--h2 { margin-top:54px } .graf--h2.graf-after--h3 { margin-top:-3px } .graf--h2.graf-after--h4 { margin-top:-3px } .graf--h2.graf-after--pullquote { margin-top:51px } .graf--h3 { margin-top:53px } .graf--h3.graf-after--blockquote,.graf--h3.graf-after--p,.postList+.graf--h3 { margin-top:56px } .graf--h3.graf-after--h2 { margin-top:1px } .graf--h3.graf-after--h4 { margin-top:31px } .graf--h3.graf-after--pullquote { margin-top:53px } .graf--h4 { margin-top:39px } .graf--h4.graf-after--blockquote,.graf--h4.graf-after--p,.postList+.graf--h4 { margin-top:30px } .graf--h4.graf-after--h2 { margin-top:3px } .graf--h4.graf-after--h3 { margin-top:31px } .graf--h4.graf-after--pullquote { margin-top:55px } .graf--title { margin-top:39px } .graf--kicker+.graf--title { margin-top:5px } .graf--subtitle.graf-after--h2,.graf--subtitle.graf-after--h3 { margin-top:5px; margin-bottom:22px } .graf--subtitle+.graf--h3 { margin-top:45px } .graf--title+.graf--p { margin-top:10px } .graf--subtitle+.graf--p { margin-top:10px } .graf--figure,.graf--mixtapeEmbed,.graf--pre { margin-top:52px } .graf--figure.graf-after--blockquote,.graf--figure.graf-after--p,.graf--mixtapeEmbed.graf-after--blockquote,.graf--mixtapeEmbed.graf-after--p,.graf--pre.graf-after--blockquote,.graf--pre.graf-after--p,.postList+.graf--figure,.postList+.graf--mixtapeEmbed,.postList+.graf--pre { margin-top:43px } .graf--figure.graf-after--h2,.graf--mixtapeEmbed.graf-after--h2,.graf--pre.graf-after--h2 { margin-top:46px } .graf--figure.graf-after--h3,.graf--mixtapeEmbed.graf-after--h3,.graf--pre.graf-after--h3 { margin-top:44px } .graf--figure.graf-after--h4,.graf--mixtapeEmbed.graf-after--h4,.graf--pre.graf-after--h4 { margin-top:44px } .graf--figure.graf-after--pullquote,.graf--mixtapeEmbed.graf-after--pullquote,.graf--pre.graf-after--pullquote { margin-top:68px } .graf--layoutFillWidth,.graf--layoutFillWidth.graf-after--blockquote,.graf--layoutFillWidth.graf-after--p,.postList+.graf--layoutFillWidth { margin-top:80px; margin-bottom:80px } .graf--layoutFillWidth+.graf--layoutFillWidth { margin-top:-80px } hr.section-divider { margin-top:52px; margin-bottom:42px } section.is-backgrounded { padding-top:80px; padding-bottom:80px; margin-top:80px; margin-bottom:80px } section.is-imageBackgrounded { padding-bottom:80px } section.is-backgrounded+section.is-backgrounded,section[data-background-color]+section .graf--leading.graf--layoutFillWidth,section[data-background-color]:not(.section--first) .graf--leading.graf--layoutFillWidth { margin-top:-80px } section.is-imageBackgrounded+section.is-imageBackgrounded { margin-top:-81px } .section--cover+section .graf--leading { margin-top:13px } .sectionLayout--outsetColumn,.sectionLayout--outsetRow { margin-top:52px } .sectionLayout--outsetColumn+.sectionLayout--fullWidth,.sectionLayout--outsetColumn+.sectionLayout--insetColumn,.sectionLayout--outsetRow+.sectionLayout--fullWidth,.sectionLayout--outsetRow+.sectionLayout--insetColumn { margin-top:52px } .postArticle--short .postArticle-content .graf--p { margin-top:24px } .postArticle--short .graf--p.graf-after--blockquote,.postArticle--short .postArticle-content .graf--p.graf-after--p,.postArticle--short .postList+.graf--p { margin-top:15px } .postArticle--short .graf--p.graf-after--h2 { margin-top:14px } .postArticle--short .graf--p.graf-after--h3 { margin-top:6px } .postArticle--short .graf--p.graf-after--h4 { margin-top:4px } .postArticle--short .graf--p.graf-after--pullquote { margin-top:12px } .postArticle--short .graf--blockquote { margin-top:24px } .postArticle--short .graf--blockquote.graf-after--blockquote { margin-top:0; padding-top:13px } .postArticle--short .postArticle-content .graf--blockquote.graf-after--p,.postArticle--short .postList+.graf--blockquote { margin-top:15px } .postArticle--short .graf--blockquote.graf-after--h2 { margin-top:14px } .postArticle--short .graf--blockquote.graf-after--h3 { margin-top:8px } .postArticle--short .graf--blockquote.graf-after--h4 { margin-top:6px } .postArticle--short .graf--blockquote.graf-after--pullquote { margin-top:12px } .postArticle--short .postList { margin-top:24px } .postArticle--short .graf--blockquote+.postList,.postArticle--short .postArticle-content .graf--p+.postList,.postArticle--short .postList+.postList { margin-top:15px } .postArticle--short .graf--h2+.postList { margin-top:14px } .postArticle--short .graf--h3+.postList { margin-top:8px } .postArticle--short .graf--h4+.postList { margin-top:6px } .postArticle--short .graf--pullquote+.postList { margin-top:12px } .postArticle--short .graf--pullquote { margin-top:22px } .postArticle--short .graf--blockquote+.postList,.postArticle--short .graf--pullquote.graf-after--blockquote,.postArticle--short .graf--pullquote.graf-after--p { margin-top:13px } .postArticle--short .graf--pullquote.graf-after--h2 { margin-top:16px } .postArticle--short .graf--pullquote.graf-after--h3 { margin-top:20px } .postArticle--short .graf--pullquote.graf-after--h4 { margin-top:20px } .postArticle--short .graf--pullquote.graf-after--pullquote { margin-top:10px } .postArticle--short .graf--h2 { margin-top:21px } .postArticle--short .graf--h2.graf-after--blockquote,.postArticle--short .graf--h2.graf-after--p,.postArticle--short .postList+.graf--h2 { margin-top:12px } .postArticle--short .graf--h2.graf-after--h3 { margin-top:-3px } .postArticle--short .graf--h2.graf-after--h4 { margin-top:-3px } .postArticle--short .graf--h2.graf-after--pullquote { margin-top:9px } .postArticle--short .graf--h3 { margin-top:23px } .postArticle--short .graf--h3.graf-after--blockquote,.postArticle--short .graf--h3.graf-after--p,.postArticle--short .postList+.graf--h3 { margin-top:14px } .postArticle--short .graf--h3.graf-after--h2 { margin-top:1px } .postArticle--short .graf--h3.graf-after--h4 { margin-top:3px } .postArticle--short .graf--h3.graf-after--pullquote { margin-top:11px } .postArticle--short .graf--h4 { margin-top:25px } .postArticle--short .graf--h4.graf-after--blockquote,.postArticle--short .graf--h4.graf-after--p,.postArticle--short .postList+.graf--h4 { margin-top:16px } .postArticle--short .graf--h4.graf-after--h2 { margin-top:3px } .postArticle--short .graf--h4.graf-after--h3 { margin-top:9px } .postArticle--short .graf--h4.graf-after--pullquote { margin-top:13px } .postArticle--short .graf--figure,.postArticle--short .graf--mixtapeEmbed,.postArticle--short .graf--pre { margin-top:38px } .postArticle--short .graf--blockquote+.postList,.postArticle--short .graf--figure.graf-after--blockquote,.postArticle--short .graf--figure.graf-after--p,.postArticle--short .graf--mixtapeEmbed.graf-after--blockquote,.postArticle--short .graf--mixtapeEmbed.graf-after--p,.postArticle--short .graf--p+.postList,.postArticle--short .graf--pre.graf-after--blockquote,.postArticle--short .graf--pre.graf-after--p,.postArticle--short .postList+.graf--figure,.postArticle--short .postList+.graf--mixtapeEmbed,.postArticle--short .postList+.graf--pre,.postArticle--short .postList+.postList { margin-top:29px } .postArticle--short .graf--figure.graf-after--h2,.postArticle--short .graf--mixtapeEmbed.graf-after--h2,.postArticle--short .graf--pre.graf-after--h2 { margin-top:32px } .postArticle--short .graf--figure.graf-after--h3,.postArticle--short .graf--mixtapeEmbed.graf-after--h3,.postArticle--short .graf--pre.graf-after--h3 { margin-top:30px } .postArticle--short .graf--figure.graf-after--h4,.postArticle--short .graf--mixtapeEmbed.graf-after--h4,.postArticle--short .graf--pre.graf-after--h4 { margin-top:30px } .postArticle--short .graf--layoutFillWidth,.postArticle--short .graf--layoutFillWidth.graf-after--blockquote,.postArticle--short .graf--layoutFillWidth.graf-after--p { margin-top:29px; margin-bottom:29px } .postArticle--short .graf--figure.graf-after--pullquote,.postArticle--short .graf--mixtapeEmbed.graf-after--pullquote,.postArticle--short .graf--pre.graf-after--pullquote { margin-top:26px } .postArticle--short .graf--figure.is-partialWidth { margin-top:0 } .postArticle--short .sectionLayout--outsetRow { margin-top:22px } .postArticle--short .section--first .sectionLayout--outsetRow:first-child { margin-top:0 } .postArticle--short .sectionLayout--outsetColumn+.sectionLayout--fullWidth,.postArticle--short .sectionLayout--outsetColumn+.sectionLayout--insetColumn,.postArticle--short .sectionLayout--outsetRow+.sectionLayout--fullWidth,.postArticle--short .sectionLayout--outsetRow+.sectionLayout--insetColumn { margin-top:22px } .postArticle--short hr.section-divider { margin-top:38px; margin-bottom:28px } .postArticle--short .postArticle-content .section--first { padding-top:0 } .postArticle--short .postArticle-content .graf--leading { margin-top:0 } .postArticle--short .graf--title { margin-top:31px } .postArticle--short .graf--kicker+.graf--title { margin-top:5px } .postArticle--short .graf--subtitle.graf-after--h2,.postArticle--short .graf--subtitle.graf-after--h3 { margin-top:5px; margin-bottom:7px } .postArticle--short .graf--subtitle+.graf--h3 { margin-top:15px } .postArticle--short .graf--title+.graf--p { margin-top:10px } .postArticle--short .graf--subtitle+.graf--p { margin-top:10px } .postArticle--short .graf--leading { margin-top:0 } @media (max-width:767px) { .postArticle-content .graf--p { margin-top:30px } .graf--p.graf-after--blockquote,.postArticle-content .graf--p.graf-after--p,.postList+.graf--p { margin-top:21px } .graf--p.graf-after--h2 { margin-top:14px } .graf--p.graf-after--h3 { margin-top:8px } .graf--p.graf-after--h4 { margin-top:6px } .graf--p.graf-after--pullquote { margin-top:26px } .graf--blockquote { margin-top:30px } .graf--blockquote.graf-after--blockquote { margin-top:0; padding-top:19px } .postArticle-content .graf--blockquote.graf-after--p,.postList+.graf--blockquote { margin-top:21px } .graf--blockquote.graf-after--h2 { margin-top:14px } .graf--blockquote.graf-after--h3 { margin-top:8px } .graf--blockquote.graf-after--h4 { margin-top:6px } .graf--blockquote.graf-after--pullquote { margin-top:26px } .postList { margin-top:30px } .graf--blockquote+.postList,.postArticle-content .graf--p+.postList,.postList+.postList { margin-top:21px } .graf--h2+.postList { margin-top:14px } .graf--h3+.postList { margin-top:8px } .graf--h4+.postList { margin-top:6px } .graf--pullquote+.postList { margin-top:26px } .graf--pullquote { margin-top:36px } .graf--pullquote.graf-after--blockquote,.graf--pullquote.graf-after--p,.postList+.graf--pullquote { margin-top:27px } .graf--pullquote.graf-after--h2 { margin-top:30px } .graf--pullquote.graf-after--h3 { margin-top:20px } .graf--pullquote.graf-after--h4 { margin-top:20px } .graf--pullquote.graf-after--pullquote { margin-top:16px } .graf--h2 { margin-top:35px } .graf--h2.graf-after--blockquote,.graf--h2.graf-after--p,.postList+.graf--h2 { margin-top:26px } .graf--h2.graf-after--h3 { margin-top:-3px } .graf--h2.graf-after--h4 { margin-top:-3px } .graf--h2.graf-after--pullquote { margin-top:23px } .graf--h3 { margin-top:45px } .graf--h3.graf-after--blockquote,.graf--h3.graf-after--p,.postList+.graf--h3 { margin-top:28px } .graf--h3.graf-after--h2 { margin-top:1px } .graf--h3.graf-after--h4 { margin-top:23px } .graf--h3.graf-after--pullquote { margin-top:25px } .graf--h4 { margin-top:31px } .graf--h4.graf-after--blockquote,.graf--h4.graf-after--p,.postList+.graf--h4 { margin-top:22px } .graf--h4.graf-after--h2 { margin-top:3px } .graf--h4.graf-after--h3 { margin-top:23px } .graf--h4.graf-after--pullquote { margin-top:27px } .graf--figure,.graf--mixtapeEmbed,.graf--pre { margin-top:44px } .graf--figure.graf-after--blockquote,.graf--figure.graf-after--p,.graf--mixtapeEmbed.graf-after--blockquote,.graf--mixtapeEmbed.graf-after--p,.graf--pre.graf-after--blockquote,.graf--pre.graf-after--p,.postList+.graf--figure,.postList+.graf--mixtapeEmbed,.postList+.graf--pre { margin-top:35px } .graf--figure.graf-after--h2,.graf--mixtapeEmbed.graf-after--h2,.graf--pre.graf-after--h2 { margin-top:38px } .graf--figure.graf-after--h3,.graf--mixtapeEmbed.graf-after--h3,.graf--pre.graf-after--h3 { margin-top:36px } .graf--figure.graf-after--h4,.graf--mixtapeEmbed.graf-after--h4,.graf--pre.graf-after--h4 { margin-top:36px } .graf--figure.graf-after--pullquote,.graf--mixtapeEmbed.graf-after--pullquote,.graf--pre.graf-after--pullquote { margin-top:40px } .graf--layoutFillWidth,.graf--layoutFillWidth.graf-after--blockquote,.graf--layoutFillWidth.graf-after--p,.postList+.graf--layoutFillWidth { margin-top:52px; margin-bottom:52px } .graf--layoutFillWidth+.graf--layoutFillWidth { margin-top:-52px } hr.section-divider { margin-top:44px; margin-bottom:34px } section.is-backgrounded { padding-top:52px; padding-bottom:52px; margin-top:52px; margin-bottom:52px } section.is-imageBackgrounded { padding-bottom:52px } section.is-backgrounded+section.is-backgrounded,section[data-background-color]+section .graf--leading.graf--layoutFillWidth,section[data-background-color]:not(.section--first) .graf--leading.graf--layoutFillWidth { margin-top:-52px } section.is-imageBackgrounded+section.is-imageBackgrounded { margin-top:-53px } .sectionLayout--outsetColumn,.sectionLayout--outsetRow { margin-top:44px } .sectionLayout--outsetColumn+.sectionLayout--fullWidth,.sectionLayout--outsetColumn+.sectionLayout--insetColumn,.sectionLayout--outsetRow+.sectionLayout--fullWidth,.sectionLayout--outsetRow+.sectionLayout--insetColumn { margin-top:44px } .graf--title { margin-top:31px } .graf--kicker+.graf--title { margin-top:5px } .graf--subtitle.graf-after--h2,.graf--subtitle.graf-after--h3 { margin-top:5px; margin-bottom:22px } .graf--subtitle+.graf--h3 { margin-top:37px } .graf--title+.graf--p { margin-top:10px } .graf--subtitle+.graf--p { margin-top:10px } } .graf--layoutInsetLeft,.graf--layoutInsetRight,.graf--layoutOutsetLeft,.graf--leading.graf--layoutInsetLeft,.graf--leading.graf--layoutInsetRight,.graf--leading.graf--layoutOutsetLeft,.section--card .graf--leading,.section--first .graf--leading,.section--first .graf--leading.graf--layoutFillWidth,.section--first .graf--leading.graf--layoutFillWidthCroppedCover,.section--first.is-backgrounded,.section-image--aspectRatioViewport .graf--leading,.sectionLayout--outsetColumn .graf--figure,.sectionLayout--outsetColumn+.sectionLayout--outsetRow,.sectionLayout--outsetRow .graf--figure,.sectionLayout--outsetRow+.sectionLayout--outsetColumn,.sectionLayout--outsetRow+.sectionLayout--outsetRow { --margin-top-multiplier:0; margin-top:0 } .section-image--aspectRatioViewport .graf--trailing,section.is-backgrounded:last-child,section[data-background-color] .graf--trailing.graf--layoutFillWidth { margin-bottom:0 } @media print { .graf--blockquote+.postList,.graf--blockquote.graf-after--blockquote,.graf--p.graf-after--blockquote,.postArticle-content .graf--blockquote.graf-after--p,.postArticle-content .graf--p+.postList,.postArticle-content .graf--p.graf-after--p,.postList+.graf--blockquote,.postList+.graf--p,.postList+.postList { margin-top:20px } } .postArticle--series { font-size:16px } .postArticle--series .graf { --font-size:1.125; --line-height:1.58; font-size:calc(1em * var(--font-size)); line-height:var(--line-height) } .postArticle--series .graf[data-align=center] { text-align:center } .postArticle--series .graf--blockquote,.postArticle--series .graf--li,.postArticle--series .postArticle-content .graf--p { --font-size:1.125; --line-height:1.58; letter-spacing:-.003em } .postArticle--series .graf--h2 { --font-size:1.8125; --line-height:1.04; letter-spacing:-.03em; margin-left:-.0625em } .postArticle--series .graf--h3 { --font-size:2.5; --line-height:1.15; letter-spacing:-.02em; margin-left:-.0625em } .postArticle--series .graf--h4 { --font-size:1.75; --line-height:1.22; letter-spacing:-.018em; margin-left:-.0625em } .postArticle--series .graf--title { --font-size:1.8125; --line-height:1.04; letter-spacing:-.028em; margin-left:-.0625em } .postArticle--series .graf--subtitle { --font-size:1.4375; --line-height:1.22; letter-spacing:-.022em; margin-left:-.0625em } .postArticle--series .graf--blockquote { border-left:.1875em solid rgba(0,0,0,.8); padding-left:.875em; margin-left:-1.0625em; padding-bottom:.125em } .postArticle--series .graf--pullquote { --font-size:1.625; --line-height:1.48; padding-left:0 } .postArticle--series .postList>li:before { width:4.875em; margin-left:-4.875em } .postArticle--series ol.postList>li:before { padding-right:.75em } .postArticle--series ul.postList>li:before { padding-top:.25em; padding-right:.9375em } .postArticle--series .graf--li { margin-left:1.875em } @media (max-height:820px) { .postArticle--series { font-size:16px } } @media (max-height:780px) { .postArticle--series { font-size:15px } } @media (max-height:740px) { .postArticle--series { font-size:14px } } @media (max-height:700px) { .postArticle--series { font-size:13px } } @media (max-height:660px) { .postArticle--series { font-size:12px } } @media (max-height:620px) { .postArticle--series { font-size:11px } } @media (max-height:580px) { .postArticle--series { font-size:10px } } .postArticle--series { --space-a:3.125; --space-b:2.375; --space-c:1.875; --margin-top-multiplier:1; --margin-bottom-multiplier:1; --padding-top-multiplier:0 } .postArticle--series .postArticle-content .postList { margin-top:0; margin-bottom:0 } .postArticle--series .graf-after--blockquote.graf--blockquote { padding-top:0 } .postArticle--series .section--card { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0 } .postArticle--series .postArticle-content .graf { margin-top:calc(1em * var(--margin-top-multiplier) * ((var(--space)/ var(--font-size)) - var(--x-height-multiplier) - ((var(--line-height) - 1)/ 2))); margin-bottom:calc(-1em * var(--margin-bottom-multiplier) * (var(--baseline-multiplier) + ((var(--line-height) - 1)/ 2))); padding-top:calc(1em * var(--padding-top-multiplier) * ((var(--space)/ var(--font-size)) - var(--x-height-multiplier) - ((var(--line-height) - 1)/ 2))) } .postArticle--series .graf { --space:var(--space-b) } .postArticle--series .graf--pullquote { --space:var(--space-a) } .postArticle--series .graf-after--pullquote.graf { --space:var(--space-a) } .postArticle--series .graf-after--pullquote.graf--pullquote,.postArticle--series .postList+.postList .graf--li:first-child { --space:var(--space-b) } .postArticle--series .graf-after--blockquote.graf--blockquote,.postArticle--series .graf-after--li.graf--li { --space:var(--space-c) } .postArticle--series .graf-after--blockquote.graf--blockquote { --margin-top-multiplier:0; --padding-top-multiplier:1 } .postArticle--series .graf--trailing { --margin-bottom-multiplier:0 } .markup--anchor { text-decoration:underline } body.is-withMagicUnderlines .markup--anchor { text-decoration:none; background-image:linear-gradient(to bottom,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 50%); background-repeat:repeat-x; background-size:2px .1em; background-position:0 1.07em } body.is-withMagicUnderlines .markup--h2-anchor,body.is-withMagicUnderlines .markup--h3-anchor,body.is-withMagicUnderlines .markup--h4-anchor { background-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.8)) } body.is-withMagicUnderlines .graf--kicker .markup--anchor,body.is-withMagicUnderlines .graf--subtitle .markup--anchor,body.is-withMagicUnderlines .markup--pullquote-anchor { background-image:linear-gradient(to bottom,rgba(0,0,0,.44) 50%,rgba(0,0,0,0) 50%) } body.is-withMagicUnderlines .markup--figure-anchor { background-image:linear-gradient(to bottom,#fff 50%,rgba(0,0,0,.44) 50%) } @media all and (max-width:991px) { body.is-withMagicUnderlines .markup--anchor { background-size:2px 2px; background-position:0 1.03em } } @media only screen and (max-width:991px) and (min-device-pixel-ratio:2),only screen and (max-width:991px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:991px) and (min-resolution:2dppx) { body.is-withMagicUnderlines .markup--anchor { background-size:2px 1px; background-position:0 1.03em } } body.is-withMagicUnderlines .postArticle--short .markup--anchor { background-size:2px 2px; background-position:0 1.03em } @media only screen and (min-device-pixel-ratio:2),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) { body.is-withMagicUnderlines .postArticle--short .markup--anchor { background-size:2px 1px; background-position:0 1.03em } } body.is-withMagicUnderlines .markup--anchor.markup--h2-anchor,body.is-withMagicUnderlines .markup--anchor.markup--h3-anchor,body.is-withMagicUnderlines .markup--anchor.markup--pullquote-anchor { background-size:2px .115em; background-position:0 1.05em } body.is-withMagicUnderlines .markup--anchor.markup--h4-anchor { background-size:2px .12em; background-position:0 1.05em } body.is-withMagicUnderlines .markup--anchor.markup--figure-anchor { background-size:2px 2px; background-position:0 .98em } body.is-withMagicUnderlines .is-sectionUsingCanvas.is-imageBackgrounded>.section-inner .markup--anchor,body.is-withMagicUnderlines section[data-background-color]:not([data-background-color$=Light])>.section-inner .markup--anchor { background-image:linear-gradient(to bottom,#fff 50%,rgba(255,255,255,0) 50%) } body.is-withMagicUnderlines .is-sectionUsingCanvas.is-imageBackgrounded>.section-inner .markup--h2-anchor,body.is-withMagicUnderlines .is-sectionUsingCanvas.is-imageBackgrounded>.section-inner .markup--h3-anchor,body.is-withMagicUnderlines section[data-background-color]:not([data-background-color$=Light])>.section-inner .markup--h2-anchor,body.is-withMagicUnderlines section[data-background-color]:not([data-background-color$=Light])>.section-inner .markup--h3-anchor { background-image:linear-gradient(to bottom,#fff,#fff) } body.is-withMagicUnderlines section.is-darkBackgrounded .markup--anchor { background-image:linear-gradient(to bottom,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 50%) } body.is-withMagicUnderlines section.is-darkBackgrounded .markup--h2-anchor,body.is-withMagicUnderlines section.is-darkBackgrounded .markup--h3-anchor { background-image:linear-gradient(to bottom,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 50%) } body.is-withMagicUnderlines .markup--code .markup--anchor,body.is-withMagicUnderlines .markup--pre-anchor,body.is-withMagicUnderlines .quoteResponses .markup--anchor,body.is-withMagicUnderlines section.is-darkBackgrounded .markup--pre-anchor,body.is-withMagicUnderlines section.section--card .markup--anchor { text-decoration:underline; background:0 0 } body.os-ios.is-withMagicUnderlines .markup--li-anchor,body.os-ios.is-withMagicUnderlines .markup--p-anchor { text-shadow:0 -1px 0 #fff,0 1px 0 #fff,-2px -1px 0 #fff,2px 1px 0 #fff,1px 1px 0 #fff,-1px 0 0 #fff } body.os-ios.is-withMagicUnderlines .markup--p-quote .markup--li-anchor,body.os-ios.is-withMagicUnderlines .markup--p-quote .markup--p-anchor,body.os-ios.is-withMagicUnderlines section.is-darkBackgrounded .markup--li-anchor,body.os-ios.is-withMagicUnderlines section.is-darkBackgrounded .markup--p-anchor { text-shadow:none } .markup--anchor.markup--mixtapeEmbed-anchor { background-image:none; text-decoration:none } @media print { .markup--anchor,.markup--figure-anchor,.markup--pre-anchor,.markup--pullquote-anchor,body.is-withMagicUnderlines .markup--figure-anchor,body.is-withMagicUnderlines .markup--pre-anchor,body.is-withMagicUnderlines .markup--pullquote-anchor { text-decoration:none; background:0 0 } } .responsesStreamWrapper { padding-bottom:40px } .responsesStream-title { margin-bottom:15px } .responsesStream-title .heading-title { font-size:14px; color:rgba(0,0,0,.6) } .responsesStream .streamItem-card--postPreview,.responsesStream .streamItemConversation,.responsesStream-showOtherResponses { margin-top:20px; margin-bottom:0 } .responsesStream-editor { margin-top:5px; padding:5px 20px 0 20px; box-shadow:0 1px 4px rgba(0,0,0,.03) } .responsesStream-editor .inlineEditor.is-collapsed,.responsesStream-showOtherResponses { height:80px } .responsesStream-showOtherResponses.cardChromeless { padding:20px; border:1px solid rgba(0,0,0,.09)!important } .responsesStream-showOtherResponses.cardChromeless:hover { border-color:rgba(0,0,0,.15)!important } .quoteResponses { background-color:#fff; width:400px } .quoteResponses-section { padding:0 20px } .quoteResponses-section--fullBleed .quoteResponses-inner { padding:5px 20px 0 } .quoteResponses-section:not(.quoteResponses-section--fullBleed):first-child { padding-top:20px } .quoteResponses-section:last-child { padding-bottom:10px } .quoteResponses .inlineNewPostControl { margin-top:10px } .quoteResponses .inlineEditor:last-child { margin-bottom:5px } .quoteResponses .inlineEditor-header .avatar-text,.quoteResponses .inlineEditor-placeholder { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; font-size:16px } .quoteResponses .inlineEditor-header .avatar-text { color:rgba(0,0,0,.8) } .quoteResponses .inlineEditor.is-collapsed { height:75px } .quoteResponses .inlineEditor-placeholder { display:none } .quoteResponses .inlineEditor.is-collapsed .inlineEditor-placeholder { display:block; color:rgba(0,0,0,.44) } .quoteResponses .postArticle .graf--blockquote,.quoteResponses .postArticle .graf--li,.quoteResponses .postArticle .graf--p { font-size:16px } .quoteResponses-section:not(.is-withEditor) .block:first-child { border-top:0; padding-top:0 } .privateNotes { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .privateNotes-editor,.privateNotes-list { font-size:14px; margin-top:10px } .privateNotes-content { margin:5px 0 0; word-break:break-word; word-wrap:break-word } .privateNotes-list>.privateNotes-item { margin-bottom:35px } .privateNotes-list>.privateNotes-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0 } .privateNotes-item .privateNotes-item { margin:15px 0 0 20px } .privateNotes-actions { margin:10px 0 0; padding:10px 0; border-top:solid 1px rgba(0,0,0,.05) } .privateNotes-editor--reply { margin-left:20px } .privateNotes-item.is-noteEditorVisible:last-child .privateNotes-actions:not(.privateNotes-actions--withDismiss),.privateNotes-list.is-empty+.privateNotes-actions { border-top:0; padding-top:0; margin-top:5px } .privateNotes-editor .avatar { margin-bottom:10px } .privateNotes-prompt:not(.button--primary) { color:rgba(0,0,0,.6) } .privateNotes-editor .graf--p .defaultValue { color:rgba(0,0,0,.44) } .privateNotes-actions.is-noteEditorVisible .privateNotes-prompt,.privateNotes-editor,.privateNotes-item.is-noteEditorVisible .privateNotes-prompt,.privateNotes-list:not(.is-empty)+.privateNotes-actions { display:none } .privateNotes-actions.is-noteEditorVisible .privateNotes-editor,.privateNotes-item.is-noteEditorVisible .privateNotes-editor { display:block } .privateNotes-editor .editable { outline:0 } .heading--privateNotes .svgIcon { fill:rgba(0,0,0,.44) } .heading--privateNotes { color:rgba(0,0,0,.44) } .privateNotes-content a { text-decoration:underline } .privateNotes-authorLockup,.privateNotes-item>.avatar { display:inline-block; vertical-align:middle } .privateNotes-authorLockup { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; margin-left:10px; line-height:1.3 } .privateNotes-delete,.privateNotes-supplemental { color:rgba(0,0,0,.44); font-size:11px } .privateNotes-author { color:rgba(0,0,0,.8) } .privateNotes-author--supplemental { color:rgba(0,0,0,.44) } .privateNotes-actions .privateNotes-delete { font-size:14px } .quoteResponses-section--tips,.quoteResponses-section--tips:last-child { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; font-size:14px; background:#fafafa; color:rgba(0,0,0,.6); border:1px solid rgba(0,0,0,.05); height:200px; padding:20px 0 } .quoteResponses-section--tipsInner { height:200px } .quoteResponses-section--tipsContent { display:inline-block; width:260px } .quoteResponses-tipAnimation { margin-top:20px; width:250px; height:120px } .notesPositionContainer { position:relative; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .notesMarkers { position:absolute; top:0; right:0 } .notesPositionContainer>.notesMarkers { z-index:60; overflow:visible } .notesMarker { position:relative; left:0; width:20px; height:24px; padding:10px 0; margin:-4px 0 0 -4px; cursor:pointer; display:inline-block; vertical-align:top; overflow:hidden } .notesMarker .svgIcon { fill:rgba(0,0,0,.44) } .markup--highlight { background:rgba(97,255,160,.8) } section.is-darkBackgrounded .markup--highlight { background:rgba(255,255,255,.65) } @media screen and (max-width:767px) { .notesPositionContainer { z-index:700 } .markup--highlight { position:relative; z-index:600 } } @media print { .markup--highlight { background:rgba(255,255,255,0) } } .quoteItem { padding:28px 0 } .quoteItem.cardChromeless { padding:28px 20px } .quoteItem .graf--p { margin-bottom:0 } .quoteItem .markup--highlight { background-color:rgba(39,243,106,.1) } .quoteItem-attribution { color:rgba(0,0,0,.44); font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:15px } .quoteItem-attributionTitle:hover { color:rgba(0,0,0,.6) } .quoteItem-content { padding-top:10px; display:block; --x-height-multiplier:0.35; --baseline-multiplier:0.179; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; letter-spacing:.01rem; font-weight:400; font-style:normal; font-size:18px; line-height:1.45; letter-spacing:.005rem } .v-glyph--ex04 .quoteItem-content { font-weight:300 } .paragraphControls { position:absolute; white-space:nowrap; padding-left:10px; visibility:hidden; opacity:0; transition:visibility 0s linear .3s,opacity .3s 0s } .paragraphControls.is-visible { visibility:visible; opacity:1; transition:visibility 0s linear 0s,opacity .3s 0s } .paragraphControls .paragraphControls-itemText,.paragraphControls-itemText .button { font-size:12px; line-height:19px; white-space:nowrap } .paragraphControls .paragraphControls-itemText,.paragraphControls-itemText .button { color:rgba(0,0,0,.44) } .paragraphControls-itemText .button:focus,.paragraphControls-itemText .button:hover,.paragraphControls-itemText a:focus,.paragraphControls-itemText a:hover { color:rgba(0,0,0,.8) } .paragraphControls.is-darkBackgrounded .paragraphControls-itemText,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button { color:rgba(255,255,255,.5) } .paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button:focus,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText .button:hover,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText a:focus,.paragraphControls.is-darkBackgrounded .paragraphControls-itemText a:hover { color:rgba(255,255,255,.85) } @media (max-width:991px) { .paragraphControls .paragraphControls-itemText { display:none } } @media (max-width:767px) { .paragraphControls { margin-left:-30px; margin-top:-5px } } @media (max-width:1399px) { .sequencePostNotes .paragraphControls .paragraphControls-itemText { display:none } } .postArticle-content[data-color-theme=seaweed] .graf--h2,.postArticle-content[data-color-theme=seaweed] .graf--h3 { color:#47bcac } .postArticle-content[data-color-theme=midday] .graf--h2,.postArticle-content[data-color-theme=midday] .graf--h3 { color:#2fa5c6 } .postArticle-content[data-color-theme=midnight] .graf--h2,.postArticle-content[data-color-theme=midnight] .graf--h3 { color:#5065a0 } .postArticle-content[data-color-theme=grimace] .graf--h2,.postArticle-content[data-color-theme=grimace] .graf--h3 { color:#8764ae } .postArticle-content[data-color-theme=magic] .graf--h2,.postArticle-content[data-color-theme=magic] .graf--h3 { color:#a93f7f } .postArticle-content[data-color-theme=crush] .graf--h2,.postArticle-content[data-color-theme=crush] .graf--h3 { color:#c7465e } .postArticle-content[data-color-theme=warm] .graf--h2,.postArticle-content[data-color-theme=warm] .graf--h3 { color:#e57f4c } .postArticle-content[data-color-theme=lime] .graf--h2,.postArticle-content[data-color-theme=lime] .graf--h3 { color:#98bc6b } .postArticle-content[data-color-theme=fresh] .graf--h2,.postArticle-content[data-color-theme=fresh] .graf--h3 { color:#69cb91 } .postArticle-content[data-color-theme=brook] .graf--h2,.postArticle-content[data-color-theme=brook] .graf--h3 { color:#86a89d } .postArticle-content[data-color-theme=lipstick] .graf--h2,.postArticle-content[data-color-theme=lipstick] .graf--h3 { color:#a84a4e } .postArticle-content[data-color-theme=seaweed] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=seaweed] .is-darkBackgrounded .graf--h3 { color:#a4ded6 } .postArticle-content[data-color-theme=midday] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=midday] .is-darkBackgrounded .graf--h3 { color:#a4daea } .postArticle-content[data-color-theme=midnight] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=midnight] .is-darkBackgrounded .graf--h3 { color:#ccd6f0 } .postArticle-content[data-color-theme=grimace] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=grimace] .is-darkBackgrounded .graf--h3 { color:#e2d9eb } .postArticle-content[data-color-theme=magic] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=magic] .is-darkBackgrounded .graf--h3 { color:#ebc9de } .postArticle-content[data-color-theme=crush] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=crush] .is-darkBackgrounded .graf--h3 { color:#f7c9d1 } .postArticle-content[data-color-theme=warm] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=warm] .is-darkBackgrounded .graf--h3 { color:#fbdecf } .postArticle-content[data-color-theme=lime] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=lime] .is-darkBackgrounded .graf--h3 { color:#c9dcb1 } .postArticle-content[data-color-theme=fresh] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=fresh] .is-darkBackgrounded .graf--h3 { color:#b5e5c9 } .postArticle-content[data-color-theme=brook] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=brook] .is-darkBackgrounded .graf--h3 { color:#d0ddd9 } .postArticle-content[data-color-theme=lipstick] .is-darkBackgrounded .graf--h2,.postArticle-content[data-color-theme=lipstick] .is-darkBackgrounded .graf--h3 { color:#f2ccce } .postArticle-content[data-color-theme=seaweed] .graf--blockquote { border-left-color:#47bcac } .postArticle-content[data-color-theme=midday] .graf--blockquote { border-left-color:#2fa5c6 } .postArticle-content[data-color-theme=midnight] .graf--blockquote { border-left-color:#5065a0 } .postArticle-content[data-color-theme=grimace] .graf--blockquote { border-left-color:#8764ae } .postArticle-content[data-color-theme=magic] .graf--blockquote { border-left-color:#a93f7f } .postArticle-content[data-color-theme=crush] .graf--blockquote { border-left-color:#c7465e } .postArticle-content[data-color-theme=warm] .graf--blockquote { border-left-color:#e57f4c } .postArticle-content[data-color-theme=lime] .graf--blockquote { border-left-color:#98bc6b } .postArticle-content[data-color-theme=fresh] .graf--blockquote { border-left-color:#69cb91 } .postArticle-content[data-color-theme=brook] .graf--blockquote { border-left-color:#86a89d } .postArticle-content[data-color-theme=lipstick] .graf--blockquote { border-left-color:#a84a4e } .postArticle-content[data-color-theme=seaweed] .is-darkBackgrounded .graf--blockquote { border-left-color:#a4ded6 } .postArticle-content[data-color-theme=midday] .is-darkBackgrounded .graf--blockquote { border-left-color:#a4daea } .postArticle-content[data-color-theme=midnight] .is-darkBackgrounded .graf--blockquote { border-left-color:#ccd6f0 } .postArticle-content[data-color-theme=grimace] .is-darkBackgrounded .graf--blockquote { border-left-color:#e2d9eb } .postArticle-content[data-color-theme=magic] .is-darkBackgrounded .graf--blockquote { border-left-color:#ebc9de } .postArticle-content[data-color-theme=crush] .is-darkBackgrounded .graf--blockquote { border-left-color:#f7c9d1 } .postArticle-content[data-color-theme=warm] .is-darkBackgrounded .graf--blockquote { border-left-color:#fbdecf } .postArticle-content[data-color-theme=lime] .is-darkBackgrounded .graf--blockquote { border-left-color:#c9dcb1 } .postArticle-content[data-color-theme=fresh] .is-darkBackgrounded .graf--blockquote { border-left-color:#b5e5c9 } .postArticle-content[data-color-theme=brook] .is-darkBackgrounded .graf--blockquote { border-left-color:#d0ddd9 } .postArticle-content[data-color-theme=lipstick] .is-darkBackgrounded .graf--blockquote { border-left-color:#f2ccce } .customTitleControl .inputGroup.inputGroup--selection { margin-top:5px; white-space:normal; line-height:1.4 } .customTitleControl-field { font-size:14px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal; width:238px; padding:5px 0 3px 0; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,.15) } .editable .graf--sectionCaption,.editable .markup--anchor { cursor:text } .editable>p { margin-bottom:0 } .editable { font-variant-ligatures:none } .defaultValue { color:#b3b3b1 } .defaultValue--prompt { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:18px } .hero.is-imageBackgrounded .defaultValue,section.is-imageBackgrounded .defaultValue,section[data-background-color]:not([data-background-color$=Light]) .defaultValue { color:rgba(255,255,255,.65) } .graf--sectionCaption.is-defaultValue .defaultValue { color:rgba(0,0,0,.44) } .graf--sectionCaption.is-defaultValue,figure.is-defaultValue .imageCaption { display:none } .graf--figure.is-defaultValue.is-selected .imageCaption,.graf--figure.is-mediaFocused .imageCaption,.graf--sectionCaption.is-defaultValue.is-selected,.section.is-sectionFocused .graf--sectionCaption { display:block } .graf--figure.is-defaultValue.is-selected.is-partialWidth .imageCaption,.graf--figure.is-mediaFocused.is-partialWidth .imageCaption { display:none } .graf--figure.is-defaultValue.is-selected.is-partialWidth:last-child .imageCaption,.is-mediaRowFocused>.graf--figure.is-partialWidth:last-child .imageCaption { display:block } .is-postEditMode .graf-image:before,.is-postEditMode .iframeContainer:before { position:absolute; top:0; left:0; right:0; bottom:0; z-index:400; content:'' } .is-postEditMode iframe { border:3px solid rgba(255,255,255,0) } .is-postEditMode .section--body .graf--figure .graf-image:hover { box-shadow:0 0 0 3px #b3ead6 } .is-postEditMode .section--body .graf--figure.is-mediaFocused iframe { border:3px solid #02b875 } .is-postEditMode .section--body .graf--figure.is-mediaFocused .graf-image { box-shadow:0 0 0 3px #02b875 } .is-postEditMode .section--body .graf--figure.is-mediaFocused .graf-image[data-is-featured] { box-shadow:0 0 0 3px #00ab6b } .section-image--aspectRatioViewport.is-sectionFocused>.section-background { box-shadow:0 0 0 3px #02b875 inset } .section-image--aspectRatioViewport.is-sectionFocused>.section-background[data-is-featured] { box-shadow:0 0 0 3px #cc5454 inset } .graf--hasDropCap.is-dropCapFocused .graf-dropCap { outline:3px solid #02b875 } .is-postEditMode .graf-dropCap::-moz-selection { background-color:transparent } .is-postEditMode .graf-dropCap::selection { background-color:transparent } .crosshair { display:none; pointer-events:none; position:absolute; top:0; left:0; margin-top:-16.5px; margin-left:-16.5px; width:30px; height:30px; border:3px solid #02b875; border-radius:30px } .graf-image[data-is-featured] .crosshair { border-color:#cc5454 } .graf--figure.is-mediaFocused.is-focusPointed .crosshair { display:block } .markup--warning,.warning { background-color:rgba(150,50,32,.2) } .is-postEditMode .graf--figure[data-purpose="2"] { outline:3px solid #e7af0e } .is-postEditMode .graf--figure[data-purpose="2"]::after { content:"Advertising"; position:absolute; left:0; bottom:0; padding:2px 5px; background:#f0f0f0; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:16px } @media print { .defaultValue { display:none } } .inlineEditor .block-streamText,.inlineEditor .postArticle-content,.inlineEditor-header { cursor:text } .inlineEditor .postArticle { padding-bottom:10px } .inlineEditor .inlineEditor-actions { padding-top:10px; padding-bottom:15px } .inlineEditor .inlineEditor-actions:after,.inlineEditor .inlineEditor-actions:before { display:table; content:" " } .inlineEditor .inlineEditor-actions:after { clear:both } .inlineEditor .postArticle-content { min-height:160px } .inlineEditor.is-collapsed { height:110px; overflow:hidden } .inlineEditor.is-collapsed .block-streamText,.inlineEditor.is-collapsed .inlineEditor-actions { opacity:0 } .inlineEditor .inlineEditor-actions .button--primary { margin-right:14px } .cardChromeless .inlineEditor.is-collapsed { height:76px } .inlineEditor-header { height:36px } .inlineEditor-avatar { display:inline-block; vertical-align:top } .inlineEditor-headerContent { display:inline-block } .inlineEditor-author,.inlineEditor-placeholder { line-height:36px } .inlineEditor-placeholder { color:rgba(0,0,0,.44); font-size:18px; --x-height-multiplier:0.35; --baseline-multiplier:0.179; font-family:medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; letter-spacing:.01rem; font-weight:400; font-style:normal } .v-glyph--ex04 .inlineEditor-placeholder { font-weight:300 } .inlineEditor-author { color:#00ab6b; font-size:14px } .inlineEditor .inlineEditor-placeholder,.inlineEditor.is-collapsed .inlineEditor-author { opacity:0 } .inlineEditor .inlineEditor-author,.inlineEditor.is-collapsed .inlineEditor-placeholder { opacity:1 } .inlineEditor .inlineEditor-author,.inlineEditor .inlineEditor-placeholder { transform:translateY(-36px) } .inlineEditor.is-collapsed .inlineEditor-author,.inlineEditor.is-collapsed .inlineEditor-placeholder { transform:translateY(0) } .inlineEditor.is-transitioning { transition:opacity .2s,height .15s } .inlineEditor .block-streamText,.inlineEditor .inlineEditor-actions { transition:opacity .2s .15s } .inlineEditor .inlineEditor-author,.inlineEditor .inlineEditor-placeholder { transition:transform .15s,opacity .15s } .inlineEditor.is-collapsed.is-transitioning { transition:opacity .2s,height .2s } .inlineEditor.is-collapsed .block-streamText,.inlineEditor.is-collapsed .inlineEditor-actions { transition:opacity .15s } .inlineEditor-actions { width:100%; color:rgba(0,0,0,.44) } .inlineNewPostControl--borderedBottom { border-bottom:1px solid rgba(0,0,0,.1) } .inlineEditor--letters:not(.is-collapsed) .inlineEditor-header { display:none } .block-streamText { margin:10px 0 0; display:table; width:100%; table-layout:fixed; border-collapse:separate } .drawer { background-color:#fafafa; position:fixed; left:0; bottom:0; right:0; z-index:600; transform:translate3d(0,0,0) } .screenContent.is-showingDrawer .postArticle { margin-bottom:250px; box-sizing:border-box } .drawer,.drawer-inner { height:300px } .drawer-imageContainer { position:relative; height:110px; margin:30px auto 0; width:550px } .drawer-image { left:0; position:absolute; width:100% } .drawer-image--animated,.drawer:hover .drawer-image--static { opacity:0; visibility:hidden } .drawer-image--static,.drawer:hover .drawer-image--animated { opacity:1; visibility:visible } .drawer-content { color:rgba(0,0,0,.6); font-size:24px; letter-spacing:-.04em; padding:10px 50px; width:800px; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:300; font-style:normal } .drawer-list { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; font-size:14px; text-align:left; margin:20px auto 0 } .drawer-listCell { padding:4px 10px } .drawer-listCell--keyboard { white-space:nowrap } .drawer-listCell+.drawer-listCell--keyboard { padding-left:60px } .drawer-annotation { display:block; font-size:12px; color:rgba(0,0,0,.44) } .drawer-keyboardKey { background:#fff; padding:5px 10px; border-radius:5px; border:1px solid rgba(0,0,0,.15); min-width:20px; text-align:center; display:inline-block } @media (max-width:991px),(max-height:750px) { .drawer,.drawer-inner { height:250px } .drawer-content { font-size:18px; width:500px; padding:10px 20px } .drawer-imageContainer { height:97px; margin-top:20px; width:473px } .drawer-content .button--circle { width:25px; height:25px; line-height:23px } .drawer-content .button--circle .svgIcon,.drawer-content .button--circle .svgIcon-use { width:19px; height:19px } .drawer-listCell { padding:2px 6px } .drawer-list { font-size:12px; margin-top:10px } .drawer-keyboardKey { min-width:15px; padding:3px 6px; border-radius:3px } .drawer-listCell+.drawer-listCell--keyboard { padding-left:20px } .drawer-annotation { font-size:11px } } @media (max-width:767px),(max-height:600px) { .drawer,.drawer-inner { height:150px } .drawer-content { width:400px } .drawer-imageContainer { display:none } .drawer-list { font-size:11px; margin-top:5px } .drawer-keyboardKey { color:rgba(0,0,0,.8); background:0 0; padding:0; min-width:0; border:none } .drawer-annotation { display:none } } .highlightMenu { position:absolute; visibility:hidden; display:none; z-index:400; transition:none; top:0; left:0 } .highlightMenu--quoteResponses { z-index:800 } .highlightMenu-inner { position:relative; background-image:linear-gradient(to bottom,rgba(49,49,47,.99),#262625); background-repeat:repeat-x; border-radius:5px } .buttonSet>.button--highlightMenu { height:44px; line-height:46px } .button--highlightMenu { display:inline-block; border:0; color:#fff; box-sizing:content-box; vertical-align:center } .button--highlightMenu .svgIcon { margin-top:-3px } .buttonSet .button--highlightMenu:first-child { padding-left:18px } .buttonSet .button--highlightMenu:last-child { padding-right:18px } .button.button--highlightMenu .svgIcon { fill:#fff } .button--highlightMenu.is-active .svgIcon { fill:#48e79a } .button--highlightMenu.button--withSvgIcon .svgIcon { margin-left:-3px; margin-right:-3px } .button--highlightMenu.button--withSvgIcon .svgIcon--highlighter { margin-left:-7px; margin-right:-7px } .button--highlightMenu.button--withSvgIcon .svgIcon--italic { margin-left:-9px; margin-right:-9px } .buttonSet-separator { display:inline-block; vertical-align:middle; width:1px; margin:0 6px; height:24px; background:rgba(255,255,255,.2) } .highlightMenu .highlightMenu-arrowClip { position:absolute; bottom:-10px; left:50%; clip:rect(10px 20px 20px 0); margin-left:-10px } .highlightMenu .highlightMenu-arrowClip .highlightMenu-arrow { display:block; width:20px; height:20px; background-color:#262625; transform:rotate(45deg) scale(.5) } .highlightMenu.is-flushTop .highlightMenu-arrowClip { display:none } .button--highlightMenu.is-active .svgIcon--blockquote { fill:#fff } .button--highlightMenu.is-blockquoteMode .svgIcon--blockquote path:nth-child(1) { fill:#48e79a } .button--highlightMenu.is-pullquoteMode .svgIcon--blockquote { fill:#48e79a } .button--highlightMenu.is-active .svgIcon--tt { fill:#fff } .button--highlightMenu.is-h4Mode .svgIcon--tt path:nth-child(1) { fill:#48e79a } .button--highlightMenu.is-h3Mode .svgIcon--tt { fill:#48e79a } .highlightMenu-linkinput { display:none; position:absolute; top:0; left:0; right:0; bottom:0 } .highlightMenu-linkinputField { background:rgba(0,0,0,0); position:absolute; top:0; left:0; width:100%; padding:13px 40px 11px 10px; color:#fff; border:none; outline:0; font-size:14px; box-sizing:border-box; border-radius:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -moz-font-feature-settings:"liga" on } .highlightMenu-linkinput>.button { position:absolute; top:0; right:10px; bottom:-3px } .highlightMenu--linkMode .buttonSet { visibility:hidden } .highlightMenu--linkMode .highlightMenu-linkinput { display:block; animation:pop-upwards 180ms forwards linear } .highlightMenu--measure { display:inline-block; visibility:hidden } .highlightMenu--active { display:inline-block; visibility:visible; transition:top 75ms ease-out,left 75ms ease-out; animation:pop-upwards 180ms forwards linear } .inlineTooltip { position:absolute; top:0; margin-left:-58px; margin-top:5px; padding:0; width:40px; height:40px; z-index:400; transition:visibility 0s linear 250ms,opacity .1s,width 0s linear 250ms; visibility:hidden; opacity:0 } .inlineTooltip.is-active { transition:visibility 0s linear 0s,opacity .1s,width 0s linear 0s; visibility:visible; opacity:1 } .inlineTooltip.is-scaled { width:220px; transition-delay:0 } .button--inlineTooltipControl { transform:rotate(0); transition:transform .1s } .inlineTooltip.is-scaled>.button--inlineTooltipControl { transition:transform 250ms; transform:rotate(45deg) } .inlineTooltip-menu { display:inline-block; visibility:hidden; padding-left:22px } .inlineTooltip.is-scaled .inlineTooltip-menu { visibility:visible } .inlineTooltip.is-menuImmediatelyHidden .inlineTooltip-menu { display:none } .inlineTooltip-menu .button { margin-right:9px } @media print { .inlineTooltip { display:none } } .subscriptionsLanding { max-width:828px } .subscriptionsLanding-sectionHeader { font-size:38px } .upgradePage-valuePropHeader { background-color:#f8faf9!important } .diagnostics { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal; position:fixed; text-align:left; left:0; right:0; bottom:0; height:50px; box-sizing:border-box; padding:10px 20px; background:#fff; z-index:900; transition:.3s; transform:translate3d(100%,0,0); box-shadow:0 0 1px rgba(0,0,0,.2) } body.is-diagnosticsVisible .diagnostics { transform:translate3d(0,0,0) } .diagnostics,.diagnostics .button--link { font-size:12px; line-height:1.2; color:rgba(0,0,0,.44) } @media (max-width:767px) { .diagnostics { padding:12px 10px } .diagnostics,.diagnostics .button--link { font-size:11px } } .plovr-error-report { position:absolute; z-index:900; top:0 } .variants { font-family:medium-ui-sans-serif-text-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing:0; font-weight:400; font-style:normal } .variants table { width:100% } .variants td { width:50%; border-bottom:1px dotted rgba(0,0,0,.44); padding:5px 0; vertical-align:top } @media print { .diagnostics { display:none } }

Related: See More


Questions / Comments: