/* bundles/css/twitter_machine.scss */
:root{--1-24-grid-gutter: 4.167%;--2-24-grid-gutter: calc(4.167% * 2);--3-24-grid-gutter: calc(4.167% * 3);--grid-gutter: var(--2-24-grid-gutter);--testimonials-background-color: var(--parchment200);--testimonials-text-color: #222;--testimonials-secondary-text-color: #222;--testimonials-highlight-text-color: #222;--testimonials-filter-background-color: #222;--testimonials-filter-background-color-hover: rgb(0 0 0 / 20%);--testimonials-filter-text-color-selected: var(--parchment100);--testimonials-filter-background-color-mobile: #DED3B3;--large-testimonial-hover-color: #fdf9ed;--small-testimonial-hover-color: var(--parchment200)}main>section#testimonials{background-color:var(--testimonials-background-color)}main>section#testimonials #tweet-component{position:relative;max-width:100%;margin:auto;color:var(--testimonials-text-color)}main>section#testimonials section.filters{padding:10px var(--grid-gutter) 80px var(--grid-gutter);overflow-x:hidden}main>section#testimonials section.filters svg{display:inline-block;margin-right:10px;stroke:var(--testimonials-text-color)}main>section#testimonials section.filters svg.svg-tag{vertical-align:-4px}main>section#testimonials section.filters svg.svg-clock{vertical-align:-3px}main>section#testimonials section.filters .category-filter{position:absolute;right:var(--grid-gutter);display:inline-block;height:100%;float:right}main>section#testimonials section.filters .category-filter li{display:inline-block}main>section#testimonials section.filters .category-filter button{position:relative}main>section#testimonials section.filters .category-filter button span{position:relative;z-index:10;padding:2px 8px 4px 11px;border-radius:14.5px;outline:none}main>section#testimonials section.filters .category-filter button img{position:absolute;display:none}main>section#testimonials section.filters .category-filter button[data-category=emoji]{margin-right:30px}main>section#testimonials section.filters .category-filter button[data-category=emoji][aria-pressed=true] span{background-color:#fff;box-shadow:inset 4px -6px 4px -4px #888}main>section#testimonials section.filters .category-filter button[data-category=emoji]:hover>span{background-color:#fff;box-shadow:inset 4px -6px 4px -4px #666}main>section#testimonials section.filters .category-filter button[data-category=emoji] img{height:127px;width:160px;top:-60px;left:-70px}main>section#testimonials section.filters .category-filter button[data-category=curse-word][aria-pressed=true] span{background-color:var(--testimonials-filter-background-color);color:var(--testimonials-filter-text-color-selected)}main>section#testimonials section.filters .category-filter button[data-category=curse-word]:hover>span{background-color:var(--testimonials-filter-background-color);color:var(--testimonials-filter-text-color-selected)}main>section#testimonials section.filters .category-filter button[data-category=curse-word] img{height:150px;width:71px;top:-80px;left:7px}main>section#testimonials section.filters .category-filter button:hover .hover{display:block}main>section#testimonials section.filters .category-filter button[aria-pressed=true] .on{display:block}main>section#testimonials section.filters .category-filter button[aria-pressed=true] .hover{display:none}main>section#testimonials section.filters .year-filter{display:inline-flex;align-items:center}main>section#testimonials section.filters .year-filter ul{height:100%;display:inline-block;white-space:nowrap;overflow-x:scroll}main>section#testimonials section.filters .year-filter ul::-webkit-scrollbar{display:none}main>section#testimonials section.filters .year-filter ul li{display:inline-block}main>section#testimonials section.filters .year-filter ul button:hover{background-color:var(--testimonials-filter-background-color-hover)}main>section#testimonials section.filters .year-filter ul button[aria-pressed=true]{background-color:var(--testimonials-filter-background-color);color:var(--testimonials-filter-text-color-selected)}main>section#testimonials section.filters button{color:var(--testimonials-secondary-text-color);margin-right:12px;display:inline-block;font-size:16px;font-weight:500;padding:1px 9px 2px;border-radius:14.5px;outline:none;transition-duration:.4s;cursor:pointer}main>section#testimonials button.prev-btn,main>section#testimonials button.next-btn{position:absolute;top:30px;margin-top:83px;height:calc(100% - 113px);opacity:1;width:50vw;cursor:pointer}main>section#testimonials button.prev-btn{left:0}main>section#testimonials button.prev-btn.first-page{pointer-events:none}main>section#testimonials button.next-btn{right:0}main>section#testimonials button.next-btn.last-page{pointer-events:none}main>section#testimonials #testimonials-carousel{overflow:scroll hidden;transition:max-height .3s;padding-left:var(--grid-gutter);display:flex;flex-flow:column wrap;scroll-snap-type:x mandatory;scroll-behavior:smooth}main>section#testimonials #testimonials-carousel::-webkit-scrollbar{display:none}main>section#testimonials .tweet-wrapper{--grid-item-width: calc(0.38 * var(--contents-width));--grid-item-height: calc(0.3 * var(--grid-item-width));z-index:10;display:grid;grid-template-columns:repeat(2, var(--grid-item-width));grid-template-rows:auto auto auto;grid-gap:calc(0.13 * var(--grid-item-height)) 0;grid-auto-flow:row dense;opacity:.2;transition:opacity .5s;scroll-snap-align:center;scroll-snap-stop:always;pointer-events:none;position:relative;overflow:hidden}main>section#testimonials .tweet-wrapper::after{content:"";position:absolute;bottom:-500px;width:100%;height:500px}main>section#testimonials .tweet-wrapper.active{opacity:1;pointer-events:all}main>section#testimonials .tweet-wrapper.last-page{margin-right:20vw}main>section#testimonials .tweet-wrapper em.emoji,main>section#testimonials .tweet-wrapper em.curse-word{font-style:normal}main>section#testimonials .tweet-wrapper em.emoji{border-radius:35px;padding:3px;box-shadow:inset 4px -6px 4px -4px #666;background-color:var(--testimonials-highlight-text-color);color:var(--testimonials-background-color)}main>section#testimonials .tweet-wrapper em.curse-word{background-color:#a19a80;color:var(--testimonials-background-color)}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex{grid-column:1/3;grid-row:1/1}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial{padding-right:10%}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial>svg{padding-bottom:10px;fill:var(--testimonials-text-color)}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial>a{display:block}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial h2{color:var(--testimonials-text-color)}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial h2:hover{color:var(--large-testimonial-hover-color)}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial h2:not(.large-body){font-size:42px;line-height:1.22}main>section#testimonials .tweet-wrapper>ul.small-testimonials-flex{grid-column:1/2;max-height:630px;display:flex;flex-flow:column wrap}main>section#testimonials .tweet-wrapper>ul.small-testimonials-flex>li.small-testimonials{margin-bottom:50px;padding-right:10%;display:inline-block}main>section#testimonials .tweet-wrapper>ul.small-testimonials-flex>li.small-testimonials p{color:var(--testimonials-secondary-text-color)}main>section#testimonials .tweet-wrapper>ul.small-testimonials-flex>li.small-testimonials p:hover{color:var(--small-testimonial-hover-color)}main>section#testimonials .tweet-wrapper>ul.small-testimonials-flex>li.small-testimonials p q::before{display:block;font-size:40px;height:30px;padding-bottom:6px}main>section#testimonials .tweet-wrapper>ul.small-testimonials-flex>li.small-testimonials p q::after{content:no-close-quote}@media only screen and (width >= 1750px){main>section#testimonials section.filters{padding:10px 0 60px calc((100vw - 1650px) / 2)}main>section#testimonials #testimonials-carousel{padding-left:calc((100vw - 1650px) / 2)}}@media only screen and (width <= 920px){main>section#testimonials section.filters{padding:0 0 30px}main>section#testimonials section.filters ul.category-filter,main>section#testimonials section.filters .svg-clock{display:none}main>section#testimonials .year-filter{width:100%}main>section#testimonials .year-filter ul{padding:10px 0 10px var(--1-24-grid-gutter);background-color:var(--testimonials-filter-background-color-mobile);width:100%}main>section#testimonials .year-filter ul button{border:1px solid transparent;font-size:15px}main>section#testimonials .year-filter ul button[aria-pressed=true]{border:1px solid var(--testimonials-text-color);background-color:var(--testimonials-filter-background-color-mobile);color:var(--testimonials-text-color)}main>section#testimonials #testimonials-carousel{padding-left:var(--1-24-grid-gutter)}main>section#testimonials #testimonials-carousel .tweet-wrapper{--grid-item-width: unset;--grid-item-height: unset;grid-template-columns:auto;width:83vw}main>section#testimonials #testimonials-carousel .tweet-wrapper ul.large-testimonials-flex{grid-column:1/1}main>section#testimonials #testimonials-carousel .tweet-wrapper ul.small-testimonials-flex{grid-column:1/1}main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial h2:not(.large-body){font-size:26px}}@media only screen and (width <= 890px){main>section#testimonials button.prev-btn,main>section#testimonials button.next-btn{display:none}}@media only screen and (width <= 550px){main>section#testimonials svg{width:30px;height:30px}}@media only screen and (width <= 470px){main>section#testimonials .tweet-wrapper>ul.large-testimonials-flex>li.large-testimonial h2:not(.large-body){font-size:24px}}@media only screen and (width <= 350px){main>section#testimonials #testimonials-carousel,main>section#testimonials #testimonials-carousel .tweet-wrapper{width:94vw}}