@import "../../css/breakpoints";.quote{--quote-border-radius:0.5rem;align-items:center;display:flex;flex-direction:column;padding:5rem 3rem}.quote__inner{max-width:75rem;position:relative;width:100%}.quote__inner:after{--offset:1.5rem;--offset-left:calc((var(--offset)*-1)/2);background:var(--color-blue-400);border-radius:var(--quote-border-radius);content:"";display:block;height:calc(100% - var(--offset)*2);left:calc(var(--offset-left)*2);position:absolute;top:var(--offset);width:calc(100% + var(--offset)*2);z-index:-1}.quote__control{--quote-control-size:2rem;--quote-control-background:var(--color-blue-400);align-items:center;background:var(--quote-control-background);border:0;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;height:var(--quote-control-size);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:var(--quote-control-size);z-index:2}.quote__control:focus,.quote__control:hover{--quote-control-background:var(--color-blue-300)}.quote__control--left{left:1.5rem}.quote__control--left svg{transform:rotate(180deg) translateX(1px)}.quote__control--right{right:1.5rem}.quote blockquote{animation:fadeIn .5s ease-in-out forwards;display:none;flex-direction:column;gap:2.5rem;opacity:0;position:relative;text-align:center;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quote__list-item{background:var(--color-blue-500);border-radius:var(--quote-border-radius);display:none;padding:2.5rem 1.5rem;@media (min-width:$breakpoint-sm){padding-bottom:2.5rem;padding-left:5rem;padding-right:5rem;padding-top:2.5rem}}.quote__list-item--active{display:block}.quote__list-item--active blockquote{display:flex}.quote blockquote p{color:var(--color-white);font-family:var(--font-family-heading);font-size:var(--font-size-large);font-weight:var(--font-weight-light);line-height:1.4;width:100%}@media (min-width:768px){.quote blockquote p{font-size:var(--font-size-xlarge)}.quote blockquote cite{font-size:var(--font-size-large)}}.quote blockquote small{color:var(--color-white);font-size:var(--font-size-small)}.quote__list-item-info{display:flex;flex-direction:column;gap:.5rem}.quote blockquote cite{color:var(--color-white);font-size:var(--font-size-normal);font-style:normal;font-weight:var(--font-weight-bold);text-transform:uppercase}