@keyframes plyr-progress{
to{
background-position:25px 0;
background-position:var(--plyr-progress-loading-size, 25px) 0}}@keyframes plyr-popup{
0%{
opacity:.5;
transform:translateY(10px)}to{
opacity:1;
transform:translateY(0)}}@keyframes plyr-fade-in{
0%{
opacity:0}to{
opacity:1}}
.plyr{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
align-items:center;
direction:ltr;
display:flex;
flex-direction:column;
font-family:inherit;
font-family:var(--plyr-font-family, inherit);
font-variant-numeric:tabular-nums;
font-weight:400;
font-weight:var(--plyr-font-weight-regular, 400);
line-height:1.7;
line-height:var(--plyr-line-height, 1.7);
max-width:100%;
min-width:200px;
position:relative;
text-shadow:none;
transition:box-shadow .3s ease;
z-index:0}
.plyr audio,.plyr iframe,.plyr video{
display:block;
height:100%;
width:100%}
.plyr button{
font:inherit;
line-height:inherit;
width:auto}
.plyr:focus{
outline:0}
.plyr--full-ui{
box-sizing:border-box}
.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{
box-sizing:inherit}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{
touch-action:manipulation}
.plyr__badge{
background:#4a5464;
background:var(--plyr-badge-background, #4a5464);
border-radius:2px;
border-radius:var(--plyr-badge-border-radius, 2px);
color:#fff;
color:var(--plyr-badge-text-color, #fff);
font-size:9px;
font-size:var(--plyr-font-size-badge, 9px);
line-height:1;
padding:3px 4px}
.plyr--full-ui ::-webkit-media-text-track-container{
display:none}
.plyr__captions{
animation:plyr-fade-in .3s ease;
bottom:0;
display:none;
font-size:13px;
font-size:var(--plyr-font-size-small, 13px);
left:0;
padding:10px;
padding:var(--plyr-control-spacing, 10px);
position:absolute;
text-align:center;
transition:transform .4s ease-in-out;
width:100%}
.plyr__captions span:empty{
display:none}@media (min-width: 480px){
.plyr__captions{
font-size:15px;
font-size:var(--plyr-font-size-base, 15px);
padding:20px;
padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width: 768px){
.plyr__captions{
font-size:18px;
font-size:var(--plyr-font-size-large, 18px)}}
.plyr--captions-active .plyr__captions{
display:block}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{
transform:translateY(-40px);
transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}
.plyr__caption{
background:rgba(0,0,0,0.8);
background:var(--plyr-captions-background, rgba(0,0,0,0.8));
border-radius:2px;
-webkit-box-decoration-break:clone;
box-decoration-break:clone;
color:#fff;
color:var(--plyr-captions-text-color, #fff);
line-height:185%;
padding:.2em .5em;
white-space:pre-wrap}
.plyr__caption div{
display:inline}
.plyr__control{
background:transparent;
border:0;
border-radius:4px;
border-radius:var(--plyr-control-radius, 4px);
color:inherit;
cursor:pointer;
flex-shrink:0;
overflow:visible;
padding:7px;
padding:calc(var(--plyr-control-spacing, 10px)*.7);
position:relative;
transition:all .3s ease}
.plyr__control svg{
fill:currentColor;
display:block;
height:18px;
height:var(--plyr-control-icon-size, 18px);
pointer-events:none;
width:18px;
width:var(--plyr-control-icon-size, 18px)}
.plyr__control:focus{
outline:0}
.plyr__control:focus-visible{
outline:2px dashed #00b2ff;
outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset:2px}a.plyr__control{
text-decoration:none}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{
display:none}
.plyr--full-ui ::-webkit-media-controls{
display:none}
.plyr__controls{
align-items:center;
display:flex;
justify-content:flex-end;
text-align:center}
.plyr__controls .plyr__progress__container{
flex:1;
min-width:0}
.plyr__controls .plyr__controls__item{
margin-left:2.5px;
margin-left:calc(var(--plyr-control-spacing, 10px)/4)}
.plyr__controls .plyr__controls__item:first-child{
margin-left:0;
margin-right:auto}
.plyr__controls .plyr__controls__item.plyr__progress__container{
padding-left:2.5px;
padding-left:calc(var(--plyr-control-spacing, 10px)/4)}
.plyr__controls .plyr__controls__item.plyr__time{
padding:0 5px;
padding:0 calc(var(--plyr-control-spacing, 10px)/2)}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{
padding-left:0}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{
display:none}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{
display:inline-block}
.plyr__menu{
display:flex;
position:relative}
.plyr__menu .plyr__control svg{
transition:transform .3s ease}
.plyr__menu .plyr__control[aria-expanded=true] svg{
transform:rotate(90deg)}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{
display:none}
.plyr__menu__container{
animation:plyr-popup .2s ease;
background:rgba(255,255,255,0.902);
background:var(--plyr-menu-background, rgba(255,255,255,0.902));
border-radius:8px;
border-radius:var(--plyr-menu-radius, 8px);
bottom:100%;
box-shadow:0 1px 2px #00000026;
box-shadow:var(--plyr-menu-shadow, 0 1px 2px rgba(0,0,0,0.149));
color:#4a5464;
color:var(--plyr-menu-color, #4a5464);
font-size:15px;
font-size:var(--plyr-font-size-base, 15px);
margin-bottom:10px;
position:absolute;
right:-3px;
text-align:left;
white-space:nowrap;
z-index:3}
.plyr__menu__container>div{
overflow:hidden;
transition:height 0.35s cubic-bezier(0.4, 0, 0.2, 1),width 0.35s cubic-bezier(0.4, 0, 0.2, 1)}
.plyr__menu__container:after{
border:4px solid transparent;
border:var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color:var(--plyr-menu-background, rgba(255,255,255,0.902));
content:"";
height:0;
position:absolute;
right:14px;
right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
top:100%;
width:0}
.plyr__menu__container [role=menu]{
padding:7px;
padding:calc(var(--plyr-control-spacing, 10px)*.7)}
.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{
margin-top:2px}
.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{
margin-top:0}
.plyr__menu__container .plyr__control{
align-items:center;
color:#4a5464;
color:var(--plyr-menu-color, #4a5464);
display:flex;
font-size:13px;
font-size:var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding:4.66667px 10.5px;
padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
width:100%}
.plyr__menu__container .plyr__control>span{
align-items:inherit;
display:flex;
width:100%}
.plyr__menu__container .plyr__control:after{
border:4px solid transparent;
border:var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content:"";
position:absolute;
top:50%;
transform:translateY(-50%)}
.plyr__menu__container .plyr__control--forward{
padding-right:28px;
padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}
.plyr__menu__container .plyr__control--forward:after{
border-left-color:#728197;
border-left-color:var(--plyr-menu-arrow-color, #728197);
right:6.5px;
right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}
.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{
border-left-color:initial}
.plyr__menu__container .plyr__control--back{
font-weight:400;
font-weight:var(--plyr-font-weight-regular, 400);
margin:7px;
margin:calc(var(--plyr-control-spacing, 10px)*.7);
margin-bottom:3.5px;
margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);
padding-left:28px;
padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);
position:relative;
width:calc(100% - 14px);
width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}
.plyr__menu__container .plyr__control--back:after{
border-right-color:#728197;
border-right-color:var(--plyr-menu-arrow-color, #728197);
left:6.5px;
left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}
.plyr__menu__container .plyr__control--back:before{
background:#dcdfe5;
background:var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow:0 1px #fff;
box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content:"";
height:1px;
left:0;
margin-top:3.5px;
margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);
overflow:hidden;
position:absolute;
right:0;
top:100%}
.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{
border-right-color:initial}
.plyr__menu__container .plyr__control[role=menuitemradio]{
padding-left:7px;
padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{
border-radius:100%}
.plyr__menu__container .plyr__control[role=menuitemradio]:before{
background:rgba(0,0,0,0.102);
content:"";
display:block;
flex-shrink:0;
height:16px;
margin-right:10px;
margin-right:var(--plyr-control-spacing, 10px);
transition:all .3s ease;
width:16px}
.plyr__menu__container .plyr__control[role=menuitemradio]:after{
background:#fff;
border:0;
height:6px;
left:12px;
opacity:0;
top:50%;
transform:translateY(-50%) scale(0);
transition:transform .3s ease,opacity .3s ease;
width:6px}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{
background:#00b2ff;
background:var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{
opacity:1;
transform:translateY(-50%) scale(1)}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{
background:rgba(35,40,47,0.102)}
.plyr__menu__container .plyr__menu__value{
align-items:center;
display:flex;
margin-left:auto;
margin-right:-5px;
margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);
overflow:hidden;
padding-left:24.5px;
padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);
pointer-events:none}
.plyr--full-ui input[type=range]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:transparent;
border:0;
border-radius:26px;
border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);
color:#00b2ff;
color:var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
display:block;
height:19px;
height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
margin:0;
min-width:0;
padding:0;
transition:box-shadow .3s ease;
width:100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{
background:transparent;
background-image:linear-gradient(90deg, currentColor, transparent 0);
background-image:linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
border:0;
border-radius:2.5px;
border-radius:calc(var(--plyr-range-track-height, 5px)/2);
height:5px;
height:var(--plyr-range-track-height, 5px);
-webkit-transition:box-shadow .3s ease;
transition:box-shadow .3s ease;
-webkit-user-select:none;
user-select:none}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
background:#fff;
background:var(--plyr-range-thumb-background, #fff);
border:0;
border-radius:100%;
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2));
height:13px;
height:var(--plyr-range-thumb-height, 13px);
margin-top:-4px;
margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
position:relative;
-webkit-transition:all .2s ease;
transition:all .2s ease;
width:13px;
width:var(--plyr-range-thumb-height, 13px)}
.plyr--full-ui input[type=range]::-moz-range-track{
background:transparent;
border:0;
border-radius:2.5px;
border-radius:calc(var(--plyr-range-track-height, 5px)/2);
height:5px;
height:var(--plyr-range-track-height, 5px);
-moz-transition:box-shadow .3s ease;
transition:box-shadow .3s ease;
-moz-user-select:none;
user-select:none}
.plyr--full-ui input[type=range]::-moz-range-thumb{
background:#fff;
background:var(--plyr-range-thumb-background, #fff);
border:0;
border-radius:100%;
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2));
height:13px;
height:var(--plyr-range-thumb-height, 13px);
position:relative;
-moz-transition:all .2s ease;
transition:all .2s ease;
width:13px;
width:var(--plyr-range-thumb-height, 13px)}
.plyr--full-ui input[type=range]::-moz-range-progress{
background:currentColor;
border-radius:2.5px;
border-radius:calc(var(--plyr-range-track-height, 5px)/2);
height:5px;
height:var(--plyr-range-track-height, 5px)}
.plyr--full-ui input[type=range]::-ms-track{
color:transparent}
.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{
background:transparent;
border:0;
border-radius:2.5px;
border-radius:calc(var(--plyr-range-track-height, 5px)/2);
height:5px;
height:var(--plyr-range-track-height, 5px);
-ms-transition:box-shadow .3s ease;
transition:box-shadow .3s ease;
user-select:none}
.plyr--full-ui input[type=range]::-ms-fill-lower{
background:transparent;
background:currentColor;
border:0;
border-radius:2.5px;
border-radius:calc(var(--plyr-range-track-height, 5px)/2);
height:5px;
height:var(--plyr-range-track-height, 5px);
-ms-transition:box-shadow .3s ease;
transition:box-shadow .3s ease;
user-select:none}
.plyr--full-ui input[type=range]::-ms-thumb{
background:#fff;
background:var(--plyr-range-thumb-background, #fff);
border:0;
border-radius:100%;
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2));
height:13px;
height:var(--plyr-range-thumb-height, 13px);
margin-top:0;
position:relative;
-ms-transition:all .2s ease;
transition:all .2s ease;
width:13px;
width:var(--plyr-range-thumb-height, 13px)}
.plyr--full-ui input[type=range]::-ms-tooltip{
display:none}
.plyr--full-ui input[type=range]::-moz-focus-outer{
border:0}
.plyr--full-ui input[type=range]:focus{
outline:0}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{
outline:2px dashed #00b2ff;
outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset:2px}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{
outline:2px dashed #00b2ff;
outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset:2px}
.plyr--full-ui input[type=range]:focus-visible::-ms-track{
outline:2px dashed #00b2ff;
outline:2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset:2px}
.plyr__poster{
background-color:#000;
background-color:var(--plyr-video-background, var(--plyr-video-background, #000));
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
transition:opacity .2s ease;
width:100%;
z-index:1}
.plyr--stopped.plyr__poster-enabled .plyr__poster{
opacity:1}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{
display:none}
.plyr__time{
font-size:13px;
font-size:var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))}
.plyr__time+.plyr__time:before{
content:"⁄";
margin-right:10px;
margin-right:var(--plyr-control-spacing, 10px)}@media (max-width: 767px){
.plyr__time+.plyr__time{
display:none}}
.plyr__tooltip{
background:#fff;
background:var(--plyr-tooltip-background, #fff);
border-radius:5px;
border-radius:var(--plyr-tooltip-radius, 5px);
bottom:100%;
box-shadow:0 1px 2px #00000026;
box-shadow:var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,0.149));
color:#4a5464;
color:var(--plyr-tooltip-color, #4a5464);
font-size:13px;
font-size:var(--plyr-font-size-small, 13px);
font-weight:400;
font-weight:var(--plyr-font-weight-regular, 400);
left:50%;
line-height:1.3;
margin-bottom:10px;
margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
opacity:0;
padding:5px 7.5px;
padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
pointer-events:none;
position:absolute;
transform:translate(-50%, 10px) scale(0.8);
transform-origin:50% 100%;
transition:transform .2s ease .1s,opacity .2s ease .1s;
white-space:nowrap;
z-index:2}
.plyr__tooltip:before{
border-left:4px solid transparent;
border-left:var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right:4px solid transparent;
border-right:var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top:4px solid #fff;
border-top:var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom:-4px;
bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content:"";
height:0;
left:50%;
position:absolute;
transform:translate(-50%);
width:0;
z-index:2}
.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{
opacity:1;
transform:translate(-50%) scale(1)}
.plyr .plyr__control:hover .plyr__tooltip{
z-index:3}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{
left:0;
transform:translateY(10px) scale(0.8);
transform-origin:0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{
left:16px;
left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{
left:auto;
right:0;
transform:translateY(10px) scale(0.8);
transform-origin:100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{
left:auto;
right:16px;
right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
transform:translate(50%)}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{
transform:translate(0) scale(1)}
.plyr__progress{
left:6.5px;
left:calc(var(--plyr-range-thumb-height, 13px)*.5);
margin-right:13px;
margin-right:var(--plyr-range-thumb-height, 13px);
position:relative}
.plyr__progress input[type=range],.plyr__progress__buffer{
margin-left:-6.5px;
margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);
margin-right:-6.5px;
margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);
width:calc(100% + 13px);
width:calc(100% + var(--plyr-range-thumb-height, 13px))}
.plyr__progress input[type=range]{
position:relative;
z-index:2}
.plyr__progress .plyr__tooltip{
left:0;
max-width:120px;
overflow-wrap:break-word}
.plyr__progress__buffer{
-webkit-appearance:none;
background:transparent;
border:0;
border-radius:100px;
height:5px;
height:var(--plyr-range-track-height, 5px);
left:0;
margin-top:-2.5px;
margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);
padding:0;
position:absolute;
top:50%}
.plyr__progress__buffer::-webkit-progress-bar{
background:transparent}
.plyr__progress__buffer::-webkit-progress-value{
background:currentColor;
border-radius:100px;
min-width:5px;
min-width:var(--plyr-range-track-height, 5px);
-webkit-transition:width .2s ease;
transition:width .2s ease}
.plyr__progress__buffer::-moz-progress-bar{
background:currentColor;
border-radius:100px;
min-width:5px;
min-width:var(--plyr-range-track-height, 5px);
-moz-transition:width .2s ease;
transition:width .2s ease}
.plyr__progress__buffer::-ms-fill{
border-radius:100px;
-ms-transition:width .2s ease;
transition:width .2s ease}
.plyr--loading .plyr__progress__buffer{
animation:plyr-progress 1s linear infinite;
background-image:linear-gradient(-45deg, rgba(35,40,47,0.6) 25%, transparent 0, transparent 50%, rgba(35,40,47,0.6) 0, rgba(35,40,47,0.6) 75%, transparent 0, transparent);
background-image:linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35,40,47,0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35,40,47,0.6)) 50%, var(--plyr-progress-loading-background, rgba(35,40,47,0.6)) 75%, transparent 75%, transparent);
background-repeat:repeat-x;
background-size:25px 25px;
background-size:var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color:transparent}
.plyr--video.plyr--loading .plyr__progress__buffer{
background-color:#ffffff40;
background-color:var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.251))}
.plyr--audio.plyr--loading .plyr__progress__buffer{
background-color:#c1c8d199;
background-color:var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))}
.plyr__progress__marker{
background-color:#fff;
background-color:var(--plyr-progress-marker-background, #fff);
border-radius:1px;
height:5px;
height:var(--plyr-range-track-height, 5px);
position:absolute;
top:50%;
transform:translate(-50%, -50%);
width:3px;
width:var(--plyr-progress-marker-width, 3px);
z-index:3}
.plyr__volume{
align-items:center;
display:flex;
position:relative}
.plyr__volume input[type=range]{
margin-left:5px;
margin-left:calc(var(--plyr-control-spacing, 10px)/2);
margin-right:5px;
margin-right:calc(var(--plyr-control-spacing, 10px)/2);
max-width:90px;
min-width:60px;
position:relative;
z-index:2}
.plyr--audio{
display:block}
.plyr--audio .plyr__controls{
background:#fff;
background:var(--plyr-audio-controls-background, #fff);
border-radius:inherit;
color:#4a5464;
color:var(--plyr-audio-control-color, #4a5464);
padding:10px;
padding:var(--plyr-control-spacing, 10px)}
.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{
background:#00b2ff;
background:var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color:#fff;
color:var(--plyr-audio-control-color-hover, #fff)}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{
background-color:#c1c8d199;
background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)))}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{
background-color:#c1c8d199;
background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)))}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{
background-color:#c1c8d199;
background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6)))}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.102))}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.102))}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,0.102))}
.plyr--audio .plyr__progress__buffer{
color:#c1c8d199;
color:var(--plyr-audio-progress-buffered-background, rgba(193,200,209,0.6))}
.plyr--video{
overflow:hidden}
.plyr--video.plyr--menu-open{
overflow:visible}
.plyr__video-wrapper{
background:#000;
background:var(--plyr-video-background, var(--plyr-video-background, #000));
border-radius:inherit;
height:100%;
margin:auto;
overflow:hidden;
position:relative;
width:100%}
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
aspect-ratio:16/9}@supports not (aspect-ratio: 16/9){
.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{
height:0;
padding-bottom:56.25%;
position:relative}}
.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{
border:0;
height:100%;
left:0;
position:absolute;
top:0;
width:100%}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{
padding-bottom:240%;
position:relative;
transform:translateY(-38.28125%)}
.plyr--video .plyr__controls{
background:linear-gradient(transparent, rgba(0,0,0,0.749));
background:var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0,0,0,0.749)));
border-bottom-left-radius:inherit;
border-bottom-right-radius:inherit;
bottom:0;
color:#fff;
color:var(--plyr-video-control-color, #fff);
left:0;
padding:5px;
padding:calc(var(--plyr-control-spacing, 10px)/2);
padding-top:20px;
padding-top:calc(var(--plyr-control-spacing, 10px)*2);
position:absolute;
right:0;
transition:opacity .4s ease-in-out,transform .4s ease-in-out;
z-index:3}@media (min-width: 480px){
.plyr--video .plyr__controls{
padding:10px;
padding:var(--plyr-control-spacing, 10px);
padding-top:35px;
padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}
.plyr--video.plyr--hide-controls .plyr__controls{
opacity:0;
pointer-events:none;
transform:translateY(100%)}
.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{
background:#00b2ff;
background:var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color:#fff;
color:var(--plyr-video-control-color-hover, #fff)}
.plyr__control--overlaid{
background:#00b2ff;
background:var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
border:0;
border-radius:100%;
color:#fff;
color:var(--plyr-video-control-color, #fff);
display:none;
left:50%;
opacity:.9;
padding:15px;
padding:calc(var(--plyr-control-spacing, 10px)*1.5);
position:absolute;
top:50%;
transform:translate(-50%, -50%);
transition:.3s;
z-index:2}
.plyr__control--overlaid svg{
left:2px;
position:relative}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{
opacity:1}
.plyr--playing .plyr__control--overlaid{
opacity:0;
visibility:hidden}
.plyr--full-ui.plyr--video .plyr__control--overlaid{
display:block}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{
background-color:#ffffff40;
background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.251)))}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{
background-color:#ffffff40;
background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.251)))}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{
background-color:#ffffff40;
background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.251)))}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.502))}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.502))}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{
box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,0.149), 0 0 0 1px rgba(35,40,47,0.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255,255,255,0.502))}
.plyr--video .plyr__progress__buffer{
color:#ffffff40;
color:var(--plyr-video-progress-buffered-background, rgba(255,255,255,0.251))}
.plyr:-webkit-full-screen{
background:#000;
border-radius:0 !important;
height:100%;
margin:0;
width:100%}
.plyr:fullscreen{
background:#000;
border-radius:0 !important;
height:100%;
margin:0;
width:100%}
.plyr:-webkit-full-screen video{
height:100%}
.plyr:fullscreen video{
height:100%}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
display:block}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{
display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
display:none}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{
display:none}
.plyr.plyr--hide-controls:-webkit-full-screen{
cursor:none}
.plyr.plyr--hide-controls:fullscreen{
cursor:none}@media (min-width: 1024px){
.plyr:-webkit-full-screen .plyr__captions{
font-size:21px;
font-size:var(--plyr-font-size-xlarge, 21px)}
.plyr:fullscreen .plyr__captions{
font-size:21px;
font-size:var(--plyr-font-size-xlarge, 21px)}}
.plyr--fullscreen-fallback{
background:#000;
border-radius:0 !important;
height:100%;
inset:0;
margin:0;
position:fixed;
width:100%;
z-index:10000000}
.plyr--fullscreen-fallback video{
height:100%}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{
display:block}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{
display:none}
.plyr--fullscreen-fallback.plyr--hide-controls{
cursor:none}@media (min-width: 1024px){
.plyr--fullscreen-fallback .plyr__captions{
font-size:21px;
font-size:var(--plyr-font-size-xlarge, 21px)}}
.plyr__ads{
border-radius:inherit;
cursor:pointer;
inset:0;
overflow:hidden;
position:absolute;
z-index:-1}
.plyr__ads>div,.plyr__ads>div iframe{
height:100%;
position:absolute;
width:100%}
.plyr__ads:after{
background:#23282f;
border-radius:2px;
bottom:10px;
bottom:var(--plyr-control-spacing, 10px);
color:#fff;
content:attr(data-badge-text);
font-size:11px;
padding:2px 6px;
pointer-events:none;
position:absolute;
right:10px;
right:var(--plyr-control-spacing, 10px);
z-index:3}
.plyr__ads:empty:after{
display:none}
.plyr__cues{
background:currentColor;
display:block;
height:5px;
height:var(--plyr-range-track-height, 5px);
left:0;
opacity:.8;
position:absolute;
top:50%;
transform:translateY(-50%);
width:3px;
z-index:3}
.plyr__preview-thumb{
background-color:#fff;
background-color:var(--plyr-tooltip-background, #fff);
border-radius:8px;
border-radius:var(--plyr-menu-radius, 8px);
bottom:100%;
box-shadow:0 1px 2px #00000026;
box-shadow:var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,0.149));
margin-bottom:10px;
margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);
opacity:0;
padding:3px;
pointer-events:none;
position:absolute;
transform:translateY(10px) scale(0.8);
transform-origin:50% 100%;
transition:transform .2s ease .1s,opacity .2s ease .1s;
z-index:2}
.plyr__preview-thumb--is-shown{
opacity:1;
transform:translate(0) scale(1)}
.plyr__preview-thumb:before{
border-left:4px solid transparent;
border-left:var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right:4px solid transparent;
border-right:var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top:4px solid #fff;
border-top:var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom:-4px;
bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content:"";
height:0;
left:calc(50% + var(--preview-arrow-offset));
position:absolute;
transform:translate(-50%);
width:0;
z-index:2}
.plyr__preview-thumb__image-container{
background:#c1c8d1;
border-radius:7px;
border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);
overflow:hidden;
position:relative;
z-index:0}
.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{
height:100%;
left:0;
position:absolute;
top:0;
width:100%}
.plyr__preview-thumb__image-container:after{
border-radius:inherit;
box-shadow:inset 0 0 0 1px #00000026;
content:"";
pointer-events:none}
.plyr__preview-thumb__image-container img{
max-height:none;
max-width:none}
.plyr__preview-thumb__time-container{
background:linear-gradient(transparent, rgba(0,0,0,0.749));
background:var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0,0,0,0.749)));
border-bottom-left-radius:7px;
border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);
border-bottom-right-radius:7px;
border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);
bottom:0;
left:0;
line-height:1.1;
padding:20px 6px 6px;
position:absolute;
right:0;
z-index:3}
.plyr__preview-thumb__time-container span{
color:#fff;
font-size:13px;
font-size:var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))}
.plyr__preview-scrubbing{
filter:blur(1px);
height:100%;
inset:0;
margin:auto;
opacity:0;
overflow:hidden;
pointer-events:none;
position:absolute;
transition:opacity .3s ease;
width:100%;
z-index:1}
.plyr__preview-scrubbing--is-shown{
opacity:1}
.plyr__preview-scrubbing img{
height:100%;
left:0;
max-height:none;
max-width:none;
-o-object-fit:contain;
object-fit:contain;
position:absolute;
top:0;
width:100%}
.plyr--no-transition{
transition:none !important}
.plyr__sr-only{
clip:rect(1px, 1px, 1px, 1px);
border:0 !important;
height:1px !important;
overflow:hidden;
padding:0 !important;
position:absolute !important;
width:1px !important}
.plyr [hidden]{
display:none !important}
.reedsy-modal{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
color:#19242c;
text-rendering:optimizeLegibility}
.reedsy-modal .reedsy-modal--btn{
align-items:center;
border-radius:8px;
box-sizing:border-box;
color:#fff !important;
cursor:pointer;
display:inline-flex;
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:500;
gap:8px;
justify-content:center;
line-height:1.4 !important;
padding:6px 12px !important;
text-decoration:none;
transition:background-color .1s ease,border-color .1s ease;
width:100%}@media (min-width: 560px){
.reedsy-modal .reedsy-modal--btn{
font-size:18px;
padding:8px 12px !important}}
.reedsy-modal .reedsy-modal--btn:disabled{
opacity:.5}
.reedsy-modal .reedsy-modal--btn-blue{
background-color:#12a4e2 !important;
border:2px solid #12a4e2 !important}
.reedsy-modal .reedsy-modal--btn-blue:hover{
background-color:#0085be !important;
border-color:#0085be !important}
.reedsy-modal .reedsy-modal--btn-yellow{
background-color:#edac01 !important;
border:2px solid #edac01 !important}
.reedsy-modal .reedsy-modal--btn-yellow:hover{
background-color:#d18900 !important;
border-color:#d18900 !important}
.reedsy-modal .reedsy-modal--btn-green{
background-color:#99ca13 !important;
border:2px solid #99ca13 !important}
.reedsy-modal .reedsy-modal--btn-green:hover{
background-color:#6d9206 !important;
border-color:#6d9206 !important}
.reedsy-modal .reedsy-modal--btn-google{
background-color:#f8f9fa !important;
border:2px solid #e0e5e7 !important;
color:#19242c !important}
.reedsy-modal .reedsy-modal--btn-google:hover{
border-color:#b2bcc1 !important}
.reedsy-modal .reedsy-modal--btn-facebook{
background-color:#4267b2 !important;
border:2px solid #4267b2 !important}
.reedsy-modal .reedsy-modal--btn-facebook:hover{
background-color:#3b5998 !important;
border-color:#3b5998 !important}
.reedsy-modal .emoji_modal .reedsy-modal--panel{
background:#ffe5ae !important;
border:2px solid #edac01;
text-align:center}
.reedsy-modal .emoji_modal .text-emoji{
font-size:28px}
.reedsy-modal .reedsy-modal--video{
background:#000;
position:relative;
width:100%}
.reedsy-modal .reedsy-modal--video .plyr,.reedsy-modal .reedsy-modal--video iframe,.reedsy-modal .reedsy-modal--video video{
width:100%}
.reedsy-modal #reedsy-modal--play-trigger{
align-items:center;
display:flex;
justify-content:center}
.reedsy-modal #reedsy-modal--mute-toggle,.reedsy-modal #reedsy-modal--play-trigger{
background-color:#12a4e2;
border-radius:50%;
box-shadow:0 4px 16px #00000026;
cursor:pointer;
height:40px;
inset:0;
margin:auto;
padding:8px;
position:absolute;
width:40px}
.reedsy-modal #reedsy-modal--mute-toggle{
transform:rotate(-10deg);
transition:transform .2s ease}
.reedsy-modal #reedsy-modal--mute-toggle.hidden{
display:none}
.reedsy-modal #reedsy-modal--mute-toggle:hover{
transform:rotate(0)}
.reedsy-modal form{
display:grid;
gap:8px}
.reedsy-modal form input,.reedsy-modal form select{
background:#fff;
border:2px solid #e0e5e7 !important;
border-radius:8px;
box-sizing:border-box;
color:#19242c;
font-family:Rubik,sans-serif;
font-size:16px;
line-height:1.4 !important;
margin:0;
padding:6px 12px !important;
width:100%}
.reedsy-modal form input:focus,.reedsy-modal form select:focus{
box-shadow:0 0 4px 2px rgba(206,149,0,0.501961) !important;
outline:1px solid #edac01 !important}@media (min-width: 560px){
.reedsy-modal form input,.reedsy-modal form select{
font-size:18px;
padding:8px 12px !important}}
.reedsy-modal form input[type=submit]{
font-weight:500}
.reedsy-modal form .reedsy-modals--select{
position:relative}
.reedsy-modal form .reedsy-modals--select select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none}
.reedsy-modal form .reedsy-modals--select:after,.reedsy-modal form .reedsy-modals--select:before{
border-color:#19242c transparent;
border-style:solid;
border-width:6px;
content:"";
pointer-events:none;
position:absolute;
right:12px;
z-index:1}
.reedsy-modal form .reedsy-modals--select:before{
border-top-width:0;
top:calc(50% - 7px)}
.reedsy-modal form .reedsy-modals--select:after{
border-bottom-width:0;
top:calc(50% + 2px)}
.reedsy-modal .reedsy-modal--social-buttons{
display:grid;
gap:8px;
grid-template-columns:1fr 1fr}
.reedsy-modal .reedsy-modal--social-buttons .reedsy-modal--btn{
padding-left:0 !important;
padding-right:0 !important}
.reedsy-modal--content{
max-width:560px;
width:100%}@keyframes popInSm{
0%{
margin-bottom:-40px}to{
margin-bottom:0}}@keyframes popInLg{
0%{
transform:scale(0.95)}to{
transform:scale(1)}}@media (min-width: 560px){
.reedsy-modal--content{
min-width:400px}}
.reedsy-modal--overlay{
background:rgba(24,34,41,0.9);
cursor:pointer;
height:100%;
margin:0 0 8px;
position:absolute;
top:0;
width:100%;
z-index:-1}
.exit-modal{
align-items:end;
animation:fade .2s;
display:none;
height:100%;
justify-content:center;
left:0;
opacity:0;
position:fixed;
top:0;
width:100%;
z-index:9999}@media (min-width: 560px){
.exit-modal{
align-items:center}}@keyframes fade{
0%{
opacity:0}to{
opacity:1}}
.exit-modal.visible{
display:flex;
opacity:1}
.exit-modal.visible .reedsy-modal--content{
animation:popInSm .2s}@media (min-width: 560px){
.exit-modal.visible .reedsy-modal--content{
animation:popInLg .2s}}
.exit-modal h4{
font-size:20px;
line-height:24px;
margin:0 0 8px}@media (min-width: 560px){
.exit-modal h4{
font-size:24px;
line-height:32px}}
.exit-modal p{
font-size:16px;
line-height:1.4;
margin:0 0 12px}@media (min-width: 560px){
.exit-modal p{
font-size:18px}}
.exit-modal .reedsy-modal--panel{
background:#fff;
border-top-left-radius:16px;
border-top-right-radius:16px;
box-shadow:0 16px 24px #00000026,0 2px 8px #00000026;
overflow:hidden;
padding-bottom:env(safe-area-inset-bottom);
position:relative;
width:100%}@media (min-width: 560px){
.exit-modal .reedsy-modal--panel{
border-radius:16px}}
.exit-modal .reedsy-modal--panel .reedsy-modal--close{
cursor:pointer;
position:absolute;
right:16px;
top:16px;
z-index:1}
.exit-modal .reedsy-modal--panel .reedsy-modal--close svg{
border-radius:50%;
box-shadow:0 4px 8px #0003}
.exit-modal .reedsy-modal--panel .reedsy-modal--image{
max-height:40vh;
-o-object-fit:cover;
object-fit:cover;
vertical-align:middle;
width:100%}
.exit-modal .reedsy-modal--panel .reedsy-modal--body{
padding:16px}@media (min-width: 560px){
.exit-modal .reedsy-modal--panel .reedsy-modal--body{
padding:24px}}
.sidebar-modal .reedsy-modal--panel{
background:#eff2f3;
border-radius:8px;
box-shadow:0 2px 16px #0000000d,0 1px 4px #00000026;
box-sizing:border-box;
overflow:hidden;
padding-bottom:env(safe-area-inset-bottom);
position:relative;
width:100%}
.sidebar-modal .reedsy-modal--panel .reedsy-modal--image{
vertical-align:middle;
width:100%}
.sidebar-modal .reedsy-modal--panel .reedsy-modal--body{
padding:16px}
.sidebar-modal h4{
font-size:18px;
line-height:1.4;
margin:0 0 4px}
.sidebar-modal p{
font-size:16px;
line-height:1.4;
margin:0 0 8px}
.sidebar-modal .reedsy-modal--btn,.sidebar-modal input,.sidebar-modal select{
border-radius:6px;
font-size:16px !important;
padding:6px 12px !important}
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{
position:absolute;
left:0;
top:0}
.leaflet-container{
overflow:hidden}
.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-user-drag:none}
.leaflet-safari .leaflet-tile{
image-rendering:-webkit-optimize-contrast}
.leaflet-safari .leaflet-tile-container{
width:1600px;
height:1600px;
-webkit-transform-origin:0 0}
.leaflet-marker-icon,.leaflet-marker-shadow{
display:block}
.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{
max-width:none !important;
max-height:none !important}
.leaflet-container.leaflet-touch-zoom{
-ms-touch-action:pan-x pan-y;
touch-action:pan-x pan-y}
.leaflet-container.leaflet-touch-drag{
-ms-touch-action:pinch-zoom;
touch-action:none;
touch-action:pinch-zoom}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
-ms-touch-action:none;
touch-action:none}
.leaflet-container{
-webkit-tap-highlight-color:transparent}
.leaflet-container a{
-webkit-tap-highlight-color:rgba(51,181,229,0.4)}
.leaflet-tile{
filter:inherit;
visibility:hidden}
.leaflet-tile-loaded{
visibility:inherit}
.leaflet-zoom-box{
width:0;
height:0;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:800}
.leaflet-overlay-pane svg{
-moz-user-select:none}
.leaflet-pane{
z-index:400}
.leaflet-tile-pane{
z-index:200}
.leaflet-overlay-pane{
z-index:400}
.leaflet-shadow-pane{
z-index:500}
.leaflet-marker-pane{
z-index:600}
.leaflet-tooltip-pane{
z-index:650}
.leaflet-popup-pane{
z-index:700}
.leaflet-map-pane canvas{
z-index:100}
.leaflet-map-pane svg{
z-index:200}
.leaflet-vml-shape{
width:1px;
height:1px}
.lvml{
behavior:url(#default#VML);
display:inline-block;
position:absolute}
.leaflet-control{
position:relative;
z-index:800;
pointer-events:visiblePainted;
pointer-events:auto}
.leaflet-top,.leaflet-bottom{
position:absolute;
z-index:1000;
pointer-events:none}
.leaflet-top{
top:0}
.leaflet-right{
right:0}
.leaflet-bottom{
bottom:0}
.leaflet-left{
left:0}
.leaflet-control{
float:left;
clear:both}
.leaflet-right .leaflet-control{
float:right}
.leaflet-top .leaflet-control{
margin-top:10px}
.leaflet-bottom .leaflet-control{
margin-bottom:10px}
.leaflet-left .leaflet-control{
margin-left:10px}
.leaflet-right .leaflet-control{
margin-right:10px}
.leaflet-fade-anim .leaflet-tile{
will-change:opacity}
.leaflet-fade-anim .leaflet-popup{
opacity:0;
-webkit-transition:opacity 0.2s linear;
-moz-transition:opacity 0.2s linear;
transition:opacity 0.2s linear}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
opacity:1}
.leaflet-zoom-animated{
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0}
.leaflet-zoom-anim .leaflet-zoom-animated{
will-change:transform}
.leaflet-zoom-anim .leaflet-zoom-animated{
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition:-moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition:transform 0.25s cubic-bezier(0, 0, 0.25, 1)}
.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{
-webkit-transition:none;
-moz-transition:none;
transition:none}
.leaflet-zoom-anim .leaflet-zoom-hide{
visibility:hidden}
.leaflet-interactive{
cursor:pointer}
.leaflet-grab{
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:grab}
.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{
cursor:crosshair}
.leaflet-popup-pane,.leaflet-control{
cursor:auto}
.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{
cursor:move;
cursor:-webkit-grabbing;
cursor:-moz-grabbing;
cursor:grabbing}
.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{
pointer-events:none}
.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive{
pointer-events:visiblePainted;
pointer-events:auto}
.leaflet-container{
background:#ddd;
outline:0}
.leaflet-container a{
color:#0078A8}
.leaflet-container a.leaflet-active{
outline:2px solid orange}
.leaflet-zoom-box{
border:2px dotted #38f;
background:rgba(255,255,255,0.5)}
.leaflet-container{
font:12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif}
.leaflet-bar{
box-shadow:0 1px 5px rgba(0,0,0,0.65);
border-radius:4px}
.leaflet-bar a,.leaflet-bar a:hover{
background-color:#fff;
border-bottom:1px solid #ccc;
width:26px;
height:26px;
line-height:26px;
display:block;
text-align:center;
text-decoration:none;
color:black}
.leaflet-bar a,.leaflet-control-layers-toggle{
background-position:50% 50%;
background-repeat:no-repeat;
display:block}
.leaflet-bar a:hover{
background-color:#f4f4f4}
.leaflet-bar a:first-child{
border-top-left-radius:4px;
border-top-right-radius:4px}
.leaflet-bar a:last-child{
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom:none}
.leaflet-bar a.leaflet-disabled{
cursor:default;
background-color:#f4f4f4;
color:#bbb}
.leaflet-touch .leaflet-bar a{
width:30px;
height:30px;
line-height:30px}
.leaflet-touch .leaflet-bar a:first-child{
border-top-left-radius:2px;
border-top-right-radius:2px}
.leaflet-touch .leaflet-bar a:last-child{
border-bottom-left-radius:2px;
border-bottom-right-radius:2px}
.leaflet-control-zoom-in,.leaflet-control-zoom-out{
font:bold 18px 'Lucida Console', Monaco, monospace;
text-indent:1px}
.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{
font-size:22px}
.leaflet-control-layers{
box-shadow:0 1px 5px rgba(0,0,0,0.4);
background:#fff;
border-radius:5px}
.leaflet-control-layers-toggle{
background-image:url(layers-1dbbe9d028e292f36fcba8f8b3a28d5e8932754fc2215b9ac69e4cdecf5107c6.png);
width:36px;
height:36px}
.leaflet-retina .leaflet-control-layers-toggle{
background-image:url(https://assets-cdn.reedsy.com/assets/layers-2x-066daca850d8ffbef007af00b06eac0015728dee279c51f3cb6c716df7c42edf.png);
background-size:26px 26px}
.leaflet-touch .leaflet-control-layers-toggle{
width:44px;
height:44px}
.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{
display:none}
.leaflet-control-layers-expanded .leaflet-control-layers-list{
display:block;
position:relative}
.leaflet-control-layers-expanded{
padding:6px 10px 6px 6px;
color:#333;
background:#fff}
.leaflet-control-layers-scrollbar{
overflow-y:scroll;
overflow-x:hidden;
padding-right:5px}
.leaflet-control-layers-selector{
margin-top:2px;
position:relative;
top:1px}
.leaflet-control-layers label{
display:block}
.leaflet-control-layers-separator{
height:0;
border-top:1px solid #ddd;
margin:5px -10px 5px -6px}
.leaflet-default-icon-path{
background-image:url(https://assets-cdn.reedsy.com/assets/marker-icon-574c3a5cca85f4114085b6841596d62f00d7c892c7b03f28cbfa301deb1dc437.png)}
.leaflet-container .leaflet-control-attribution{
background:#fff;
background:rgba(255,255,255,0.7);
margin:0}
.leaflet-control-attribution,.leaflet-control-scale-line{
padding:0 5px;
color:#333}
.leaflet-control-attribution a{
text-decoration:none}
.leaflet-control-attribution a:hover{
text-decoration:underline}
.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{
font-size:11px}
.leaflet-left .leaflet-control-scale{
margin-left:5px}
.leaflet-bottom .leaflet-control-scale{
margin-bottom:5px}
.leaflet-control-scale-line{
border:2px solid #777;
border-top:none;
line-height:1.1;
padding:2px 5px 1px;
font-size:11px;
white-space:nowrap;
overflow:hidden;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
background:rgba(255,255,255,0.5)}
.leaflet-control-scale-line:not(:first-child){
border-top:2px solid #777;
border-bottom:none;
margin-top:-2px}
.leaflet-control-scale-line:not(:first-child):not(:last-child){
border-bottom:2px solid #777}
.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{
box-shadow:none}
.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{
border:2px solid rgba(0,0,0,0.2);
background-clip:padding-box}
.leaflet-popup{
position:absolute;
text-align:center;
margin-bottom:20px}
.leaflet-popup-content-wrapper{
padding:1px;
text-align:left;
border-radius:12px}
.leaflet-popup-content{
margin:13px 19px;
line-height:1.4}
.leaflet-popup-content p{
margin:18px 0}
.leaflet-popup-tip-container{
width:40px;
height:20px;
position:absolute;
left:50%;
margin-left:-20px;
overflow:hidden;
pointer-events:none}
.leaflet-popup-tip{
width:17px;
height:17px;
padding:1px;
margin:-10px auto 0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{
background:white;
color:#333;
box-shadow:0 3px 14px rgba(0,0,0,0.4)}
.leaflet-container a.leaflet-popup-close-button{
position:absolute;
top:0;
right:0;
padding:4px 4px 0 0;
border:none;
text-align:center;
width:18px;
height:14px;
font:16px/14px Tahoma, Verdana, sans-serif;
color:#c3c3c3;
text-decoration:none;
font-weight:bold;
background:transparent}
.leaflet-container a.leaflet-popup-close-button:hover{
color:#999}
.leaflet-popup-scrolled{
overflow:auto;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd}
.leaflet-oldie .leaflet-popup-content-wrapper{
zoom:1}
.leaflet-oldie .leaflet-popup-tip{
width:24px;
margin:0 auto;
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)}
.leaflet-oldie .leaflet-popup-tip-container{
margin-top:-1px}
.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{
border:1px solid #999}
.leaflet-div-icon{
background:#fff;
border:1px solid #666}
.leaflet-tooltip{
position:absolute;
padding:6px;
background-color:#fff;
border:1px solid #fff;
border-radius:3px;
color:#222;
white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
pointer-events:none;
box-shadow:0 1px 3px rgba(0,0,0,0.4)}
.leaflet-tooltip.leaflet-clickable{
cursor:pointer;
pointer-events:auto}
.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{
position:absolute;
pointer-events:none;
border:6px solid transparent;
background:transparent;
content:""}
.leaflet-tooltip-bottom{
margin-top:6px}
.leaflet-tooltip-top{
margin-top:-6px}
.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{
left:50%;
margin-left:-6px}
.leaflet-tooltip-top:before{
bottom:0;
margin-bottom:-12px;
border-top-color:#fff}
.leaflet-tooltip-bottom:before{
top:0;
margin-top:-12px;
margin-left:-6px;
border-bottom-color:#fff}
.leaflet-tooltip-left{
margin-left:-6px}
.leaflet-tooltip-right{
margin-left:6px}
.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{
top:50%;
margin-top:-6px}
.leaflet-tooltip-left:before{
right:0;
margin-right:-12px;
border-left-color:#fff}
.leaflet-tooltip-right:before{
left:0;
margin-left:-12px;
border-right-color:#fff}@font-face{
font-family:"aleo";
src:url(https://assets-cdn.reedsy.com/assets/Aleo-Regular-webfont-8fb4ccb101643ad382294319071c53e414d4eed06a472ac07633a4ebbfe0c463.eot);
src:url(https://assets-cdn.reedsy.com/assets/Aleo-Regular-webfont-8fb4ccb101643ad382294319071c53e414d4eed06a472ac07633a4ebbfe0c463.eot?#iefix) format("embedded-opentype"),url(https://assets-cdn.reedsy.com/assets/Aleo-Regular-webfont-53a1c75cc188c19e86662b094def8889cadbbdc3171f33f272b65e681abd0e76.woff) format("woff"),url(https://assets-cdn.reedsy.com/assets/Aleo-Regular-webfont-4c568be7f764f3b49143115576a223e6033446012d93c42c334924eaf0cd2e3e.ttf) format("truetype"),url(https://assets-cdn.reedsy.com/assets/Aleo-Regular-webfont-668b4c2a70e43f47be301d94b94bb0e4a67f8805a28cdc5bf94992b31cc0a72c.svg#aleobold) format("svg");
font-weight:normal;
font-style:normal}
.facebook-blue{
color:#3b5998}
.google-blue{
color:#4285f4}
.google-red{
color:#ea4335}
.google-yellow{
color:#fbbc05}
.google-green{
color:#34a853}@media (max-width: 599px){
.hidden-until-sm{
display:none !important}}@media (min-width: 600px){
.visible-until-sm{
display:none !important}}@media (max-width: 899px){
.hidden-until-md{
display:none !important}}@media (min-width: 900px){
.visible-until-md{
display:none !important}}@media (max-width: 1023px){
.hidden-until-lg{
display:none !important}}@media (min-width: 1024px){
.visible-until-lg{
display:none !important}}@media (max-width: 1280px){
.hidden-until-xl{
display:none !important}}@media (min-width: 1280px){
.visible-until-xl{
display:none !important}}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-shadow:1px 1px 1px rgba(0,0,0,0.004);
text-rendering:optimizeLegibility !important;
-webkit-font-smoothing:antialiased !important;
height:100%}body{
margin:0;
overflow:auto;
width:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
display:block}audio,canvas,progress,video{
display:inline-block}audio:not([controls]){
display:none;
height:0}progress{
vertical-align:baseline}template,[hidden]{
display:none}a{
background-color:rgba(0,0,0,0);
-webkit-text-decoration-skip:objects}a:active,a:hover{
outline-width:0}abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted}b,strong{
font-weight:inherit}b,strong{
font-weight:bolder}dfn{
font-style:italic}h1,.defer-headings h4,.defer-headings .mimic-h4,.mimic-h1{
font-size:2em;
margin:.67em 0}mark{
background-color:#ff0;
color:#000}small{
font-size:80%}sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}sub{
bottom:-0.25em}sup{
top:-0.5em}img{
border-style:none}svg:not(:root){
overflow:hidden}code,kbd,pre,samp{
font-family:monospace,monospace;
font-size:1em}figure{
margin:1em 40px}hr{
box-sizing:content-box;
height:0;
overflow:visible}button,input,select,textarea{
font:inherit;
margin:0}optgroup{
font-weight:bold}button,input{
overflow:visible}button,select{
text-transform:none}button,html [type=button],[type=reset],[type=submit]{
-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
border-style:none;
padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
outline:1px dotted ButtonText}fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em}legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal}textarea{
overflow:auto}[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto}[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
-webkit-appearance:none}::-webkit-input-placeholder{
color:inherit;
opacity:.54}::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit}
.z-1{
z-index:1}
.z-2{
z-index:2}
.cursor-pointer{
cursor:pointer}:target:after{
content:"";
display:block;
height:120px;
margin:-120px 0 0}*[disabled]{
opacity:.4;
pointer-events:none}#account-exists-error{
position:fixed;
right:16px;
bottom:16px;
width:300px;
background:#ffe5ae;
border:2px solid #edac01;
border-radius:8px;
z-index:10000000000000000;
padding:8px}
.box-shadow,.recommendations,.img-gallery-book{
box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.box-shadow-lg,.nav-tray,.nav-mobile .nav-scroll,.video-container #mute-toggle,.video-container #play-toggle,#account-exists-error{
box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.box-shadow-xl,.dropdown .dropdown-list{
box-shadow:0 1px 5px 0 rgba(0,0,0,0.1),0 8px 16px 0 rgba(0,0,0,0.08)}
.border-radius-lg{
border-radius:16px !important}
.overlay-gradient{
width:110%;
left:-5%;
position:absolute;
height:50%;
bottom:-5%;
z-index:1;
pointer-events:none;
background:#fff;
background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:-webkit-gradient(linear, top, bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, white));
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.hover-grow{
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease}
.hover-grow:hover{
transform:scale3d(1.02, 1.02, 1)}
.typed-cursor{
color:inherit;
-webkit-animation:blink .7s infinite;
-moz-animation:blink .7s infinite;
animation:blink .7s infinite;
font-weight:400}
.write-a-book .typed-cursor::before{
content:"eleanor";
background:#12a4e2;
position:absolute;
font-size:12px;
line-height:14px;
padding:4px 8px;
color:#fff;
text-transform:uppercase;
border-radius:16px;
margin-top:-8px;
margin-left:-4px}
.blue-cursor+.typed-cursor::before{
background:#12a4e2 !important;
content:"John"}
.green-cursor+.typed-cursor::before{
background:#9fd50b !important;
content:"Mary"}@keyframes blink{
0%{
color:rgba(0,0,0,0)}50%{
color:inherit}100%{
color:rgba(0,0,0,0)}}@-webkit-keyframes blink{
0%{
color:rgba(0,0,0,0)}50%{
color:inherit}100%{
color:rgba(0,0,0,0)}}@-moz-keyframes blink{
0%{
color:rgba(0,0,0,0)}50%{
color:inherit}100%{
color:rgba(0,0,0,0)}}
.grid-column{
display:flex;
flex-flow:column;
box-sizing:border}
.grid-column .cell-column{
flex:1;
flex-basis:auto;
min-width:0}
.grid-column .cell-column-shrink{
flex:0 1 auto}
.grid-column .cell-column-grow{
flex-grow:1}
.grid{
display:flex;
flex-flow:row wrap;
box-sizing:border-box}
.grid.align-start{
align-items:flex-start}
.grid.align-end{
align-items:flex-end}
.grid:not(.no-response)>.cell{
flex:0 0 100%}@media (min-width: 600px){
.grid:not(.no-response)>.cell{
flex:1}}
.grid:not(.no-response)>.cell-shrink{
flex:0 0 100%}@media (min-width: 600px){
.grid:not(.no-response)>.cell-shrink{
flex:0 1 auto}}
.grid .cell-pad{
padding:16px 0}
.grid .cell-grow{
flex:1}
.grid>.cell-xs-1{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-1{
width:6.25% !important}}
.grid>.cell-xs-2{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-2{
width:12.5% !important}}
.grid>.cell-xs-3{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-3{
width:18.75% !important}}
.grid>.cell-xs-4{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-4{
width:25% !important}}
.grid>.cell-xs-5{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-5{
width:31.25% !important}}
.grid>.cell-xs-7{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-7{
width:43.75% !important}}
.grid>.cell-xs-8{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-8{
width:50% !important}}
.grid>.cell-xs-16{
flex:none;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-16{
width:100% !important}}
.grid>.cell-xs-third{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-third{
width:33.3% !important}}
.grid>.cell-xs-6{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-6{
width:37.5% !important}}
.grid>.cell-xs-9{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-9{
width:56.25% !important}}
.grid>.cell-xs-10{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-10{
width:62.5% !important}}
.grid>.cell-xs-11{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-11{
width:68.75% !important}}
.grid>.cell-xs-12{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-12{
width:0%,75 !important}}
.grid>.cell-xs-fifth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-fifth{
width:20% !important}}
.grid>.cell-xs-sixth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 0px){
.grid>.cell-xs-sixth{
width:16.6% !important}}
.grid>.cell-xs-shrink{
flex:none;
width:100%}@media (min-width: 0px){
.grid>.cell-xs-shrink{
width:auto;
flex:0 1 auto}}@media (min-width: 0px){
.grid.xs-fit>.cell{
flex:1}}@media (min-width: 0px){
.grid.xs-full>.cell{
flex:0 0 100%}}
.grid>.cell-sm-1{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-1{
width:6.25% !important}}
.grid>.cell-sm-2{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-2{
width:12.5% !important}}
.grid>.cell-sm-3{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-3{
width:18.75% !important}}
.grid>.cell-sm-4{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-4{
width:25% !important}}
.grid>.cell-sm-5{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-5{
width:31.25% !important}}
.grid>.cell-sm-7{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-7{
width:43.75% !important}}
.grid>.cell-sm-8{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-8{
width:50% !important}}
.grid>.cell-sm-16{
flex:none;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-16{
width:100% !important}}
.grid>.cell-sm-third{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-third{
width:33.3% !important}}
.grid>.cell-sm-6{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-6{
width:37.5% !important}}
.grid>.cell-sm-9{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-9{
width:56.25% !important}}
.grid>.cell-sm-10{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-10{
width:62.5% !important}}
.grid>.cell-sm-11{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-11{
width:68.75% !important}}
.grid>.cell-sm-12{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-12{
width:0%,75 !important}}
.grid>.cell-sm-fifth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-fifth{
width:20% !important}}
.grid>.cell-sm-sixth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 600px){
.grid>.cell-sm-sixth{
width:16.6% !important}}
.grid>.cell-sm-shrink{
flex:none;
width:100%}@media (min-width: 600px){
.grid>.cell-sm-shrink{
width:auto;
flex:0 1 auto}}@media (min-width: 600px){
.grid.sm-fit>.cell{
flex:1}}@media (min-width: 600px){
.grid.sm-full>.cell{
flex:0 0 100%}}
.grid>.cell-md-1{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-1{
width:6.25% !important}}
.grid>.cell-md-2{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-2{
width:12.5% !important}}
.grid>.cell-md-3{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-3{
width:18.75% !important}}
.grid>.cell-md-4{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-4{
width:25% !important}}
.grid>.cell-md-5{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-5{
width:31.25% !important}}
.grid>.cell-md-7{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-7{
width:43.75% !important}}
.grid>.cell-md-8{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-8{
width:50% !important}}
.grid>.cell-md-16{
flex:none;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-16{
width:100% !important}}
.grid>.cell-md-third{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-third{
width:33.3% !important}}
.grid>.cell-md-6{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-6{
width:37.5% !important}}
.grid>.cell-md-9{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-9{
width:56.25% !important}}
.grid>.cell-md-10{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-10{
width:62.5% !important}}
.grid>.cell-md-11{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-11{
width:68.75% !important}}
.grid>.cell-md-12{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-12{
width:0%,75 !important}}
.grid>.cell-md-fifth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-fifth{
width:20% !important}}
.grid>.cell-md-sixth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 900px){
.grid>.cell-md-sixth{
width:16.6% !important}}
.grid>.cell-md-shrink{
flex:none;
width:100%}@media (min-width: 900px){
.grid>.cell-md-shrink{
width:auto;
flex:0 1 auto}}@media (min-width: 900px){
.grid.md-fit>.cell{
flex:1}}@media (min-width: 900px){
.grid.md-full>.cell{
flex:0 0 100%}}
.grid>.cell-lg-1{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-1{
width:6.25% !important}}
.grid>.cell-lg-2{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-2{
width:12.5% !important}}
.grid>.cell-lg-3{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-3{
width:18.75% !important}}
.grid>.cell-lg-4{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-4{
width:25% !important}}
.grid>.cell-lg-5{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-5{
width:31.25% !important}}
.grid>.cell-lg-7{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-7{
width:43.75% !important}}
.grid>.cell-lg-8{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-8{
width:50% !important}}
.grid>.cell-lg-16{
flex:none;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-16{
width:100% !important}}
.grid>.cell-lg-third{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-third{
width:33.3% !important}}
.grid>.cell-lg-6{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-6{
width:37.5% !important}}
.grid>.cell-lg-9{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-9{
width:56.25% !important}}
.grid>.cell-lg-10{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-10{
width:62.5% !important}}
.grid>.cell-lg-11{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-11{
width:68.75% !important}}
.grid>.cell-lg-12{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-12{
width:0%,75 !important}}
.grid>.cell-lg-fifth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-fifth{
width:20% !important}}
.grid>.cell-lg-sixth{
flex:none;
width:100%;
box-sizing:border-box}@media (min-width: 1024px){
.grid>.cell-lg-sixth{
width:16.6% !important}}
.grid>.cell-lg-shrink{
flex:none;
width:100%}@media (min-width: 1024px){
.grid>.cell-lg-shrink{
width:auto;
flex:0 1 auto}}@media (min-width: 1024px){
.grid.lg-fit>.cell{
flex:1}}@media (min-width: 1024px){
.grid.lg-full>.cell{
flex:0 0 100%}}@media (min-width: 0px){
.gutter-xs-xs{
margin:0 0 -4px -4px !important}
.gutter-xs-xs>:nth-child(n){
box-sizing:border-box;
padding-bottom:4px;
padding-left:4px}}@media (min-width: 600px){
.gutter-sm-xs{
margin:0 0 -4px -4px !important}
.gutter-sm-xs>:nth-child(n){
box-sizing:border-box;
padding-bottom:4px;
padding-left:4px}}@media (min-width: 0px){
.gutter-v-xs-xs{
margin:-4px 0 -4px 0 !important}
.gutter-v-xs-xs>:nth-child(n){
box-sizing:border-box;
padding-bottom:4px;
padding-top:4px}}@media (min-width: 600px){
.gutter-v-sm-xs{
margin:-4px 0 -4px 0 !important}
.gutter-v-sm-xs>:nth-child(n){
box-sizing:border-box;
padding-bottom:4px;
padding-top:4px}}@media (min-width: 0px){
.gutter-xs-md{
margin:0 0 -16px -16px !important}
.gutter-xs-md>:nth-child(n){
box-sizing:border-box;
padding-bottom:16px;
padding-left:16px}}@media (min-width: 600px){
.gutter-sm-md{
margin:0 0 -16px -16px !important}
.gutter-sm-md>:nth-child(n){
box-sizing:border-box;
padding-bottom:16px;
padding-left:16px}}@media (min-width: 0px){
.gutter-v-xs-md{
margin:-16px 0 -16px 0 !important}
.gutter-v-xs-md>:nth-child(n){
box-sizing:border-box;
padding-bottom:16px;
padding-top:16px}}@media (min-width: 600px){
.gutter-v-sm-md{
margin:-16px 0 -16px 0 !important}
.gutter-v-sm-md>:nth-child(n){
box-sizing:border-box;
padding-bottom:16px;
padding-top:16px}}@media (min-width: 0px){
.gutter-xs-sm{
margin:0 0 -8px -8px !important}
.gutter-xs-sm>:nth-child(n){
box-sizing:border-box;
padding-bottom:8px;
padding-left:8px}}@media (min-width: 600px){
.gutter-sm-sm{
margin:0 0 -8px -8px !important}
.gutter-sm-sm>:nth-child(n){
box-sizing:border-box;
padding-bottom:8px;
padding-left:8px}}@media (min-width: 0px){
.gutter-v-xs-sm{
margin:-8px 0 -8px 0 !important}
.gutter-v-xs-sm>:nth-child(n){
box-sizing:border-box;
padding-bottom:8px;
padding-top:8px}}@media (min-width: 600px){
.gutter-v-sm-sm{
margin:-8px 0 -8px 0 !important}
.gutter-v-sm-sm>:nth-child(n){
box-sizing:border-box;
padding-bottom:8px;
padding-top:8px}}@media (min-width: 0px){
.gutter-xs-lg{
margin:0 0 -24px -24px !important}
.gutter-xs-lg>:nth-child(n){
box-sizing:border-box;
padding-bottom:24px;
padding-left:24px}}@media (min-width: 600px){
.gutter-sm-lg{
margin:0 0 -24px -24px !important}
.gutter-sm-lg>:nth-child(n){
box-sizing:border-box;
padding-bottom:24px;
padding-left:24px}}@media (min-width: 0px){
.gutter-v-xs-lg{
margin:-24px 0 -24px 0 !important}
.gutter-v-xs-lg>:nth-child(n){
box-sizing:border-box;
padding-bottom:24px;
padding-top:24px}}@media (min-width: 600px){
.gutter-v-sm-lg{
margin:-24px 0 -24px 0 !important}
.gutter-v-sm-lg>:nth-child(n){
box-sizing:border-box;
padding-bottom:24px;
padding-top:24px}}@media (min-width: 0px){
.gutter-xs-none{
margin:0 0 0 0 !important}
.gutter-xs-none>:nth-child(n){
box-sizing:border-box;
padding-bottom:0;
padding-left:0}}@media (min-width: 600px){
.gutter-sm-none{
margin:0 0 0 0 !important}
.gutter-sm-none>:nth-child(n){
box-sizing:border-box;
padding-bottom:0;
padding-left:0}}@media (min-width: 0px){
.gutter-v-xs-none{
margin:0 0 0 0 !important}
.gutter-v-xs-none>:nth-child(n){
box-sizing:border-box;
padding-bottom:0;
padding-top:0}}@media (min-width: 600px){
.gutter-v-sm-none{
margin:0 0 0 0 !important}
.gutter-v-sm-none>:nth-child(n){
box-sizing:border-box;
padding-bottom:0;
padding-top:0}}@media (min-width: 0px){
.gutter-xs-xl{
margin:0 0 -32px -32px !important}
.gutter-xs-xl>:nth-child(n){
box-sizing:border-box;
padding-bottom:32px;
padding-left:32px}}@media (min-width: 600px){
.gutter-sm-xl{
margin:0 0 -32px -32px !important}
.gutter-sm-xl>:nth-child(n){
box-sizing:border-box;
padding-bottom:32px;
padding-left:32px}}@media (min-width: 0px){
.gutter-v-xs-xl{
margin:-32px 0 -32px 0 !important}
.gutter-v-xs-xl>:nth-child(n){
box-sizing:border-box;
padding-bottom:32px;
padding-top:32px}}@media (min-width: 600px){
.gutter-v-sm-xl{
margin:-32px 0 -32px 0 !important}
.gutter-v-sm-xl>:nth-child(n){
box-sizing:border-box;
padding-bottom:32px;
padding-top:32px}}@media (min-width: 0px){
.gutter-xs-xxl{
margin:0 0 -40px -40px !important}
.gutter-xs-xxl>:nth-child(n){
box-sizing:border-box;
padding-bottom:40px;
padding-left:40px}}@media (min-width: 600px){
.gutter-sm-xxl{
margin:0 0 -40px -40px !important}
.gutter-sm-xxl>:nth-child(n){
box-sizing:border-box;
padding-bottom:40px;
padding-left:40px}}@media (min-width: 0px){
.gutter-v-xs-xxl{
margin:-40px 0 -40px 0 !important}
.gutter-v-xs-xxl>:nth-child(n){
box-sizing:border-box;
padding-bottom:40px;
padding-top:40px}}@media (min-width: 600px){
.gutter-v-sm-xxl{
margin:-40px 0 -40px 0 !important}
.gutter-v-sm-xxl>:nth-child(n){
box-sizing:border-box;
padding-bottom:40px;
padding-top:40px}}
.cell{
flex:1;
min-width:0}
.cell-fit{
flex:1}
.cell-full{
flex:0 0 100%}
.cell-shrink{
flex:0 1 auto}
.flex-order{
display:flex;
flex-direction:column}
.align-end{
align-items:flex-end}
.align-stretch{
align-items:stretch}
.align-middle{
align-items:center}
.justify-between{
justify-content:space-between}
.align-vertical-middle{
justify-content:center}
.align-vertical-top{
align-self:flex-start}
.align-vertical-bottom{
justify-content:flex-end}
.grid-full-height{
height:100%}
.display-inline{
display:inline-block}
.inline{
display:inline}
.hidden{
display:none}
.vertical-align-middle{
vertical-align:middle !important}
.overflow-hidden,.stories .grid-column{
overflow:hidden;
position:relative}@media (max-width: 599px){
.grid-reverse-sm{
flex-direction:column-reverse}}@media (max-width: 899px){
.grid-reverse-md{
flex-direction:column-reverse}}
.grid-reverse-order{
flex-direction:row-reverse}@media (min-width: 0px){
.space-left-xs-none{
margin-left:0 !important}
.space-top-xs-none{
margin-top:0 !important}
.space-right-xs-none{
margin-right:0 !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-none{
margin-left:0 !important}
.space-top-sm-none{
margin-top:0 !important}
.space-right-sm-none{
margin-right:0 !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-none{
margin-left:0 !important}
.space-top-md-none{
margin-top:0 !important}
.space-right-md-none{
margin-right:0 !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-none{
margin-left:0 !important}
.space-top-lg-none{
margin-top:0 !important}
.space-right-lg-none{
margin-right:0 !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}@media (min-width: 0px){
.space-left-xs-xs{
margin-left:4px !important}
.space-top-xs-xs{
margin-top:4px !important}
.space-right-xs-xs{
margin-right:4px !important}
.space-bottom-xs-xs{
margin-bottom:4px !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-xs{
margin-left:4px !important}
.space-top-sm-xs{
margin-top:4px !important}
.space-right-sm-xs{
margin-right:4px !important}
.space-bottom-sm-xs{
margin-bottom:4px !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-xs{
margin-left:4px !important}
.space-top-md-xs{
margin-top:4px !important}
.space-right-md-xs{
margin-right:4px !important}
.space-bottom-md-xs{
margin-bottom:4px !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-xs{
margin-left:4px !important}
.space-top-lg-xs{
margin-top:4px !important}
.space-right-lg-xs{
margin-right:4px !important}
.space-bottom-lg-xs{
margin-bottom:4px !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}@media (min-width: 0px){
.space-left-xs-sm{
margin-left:8px !important}
.space-top-xs-sm{
margin-top:8px !important}
.space-right-xs-sm{
margin-right:8px !important}
.space-bottom-xs-sm{
margin-bottom:8px !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-sm{
margin-left:8px !important}
.space-top-sm-sm{
margin-top:8px !important}
.space-right-sm-sm{
margin-right:8px !important}
.space-bottom-sm-sm{
margin-bottom:8px !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-sm{
margin-left:8px !important}
.space-top-md-sm{
margin-top:8px !important}
.space-right-md-sm{
margin-right:8px !important}
.space-bottom-md-sm{
margin-bottom:8px !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-sm{
margin-left:8px !important}
.space-top-lg-sm{
margin-top:8px !important}
.space-right-lg-sm{
margin-right:8px !important}
.space-bottom-lg-sm{
margin-bottom:8px !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}@media (min-width: 0px){
.space-left-xs-md{
margin-left:16px !important}
.space-top-xs-md{
margin-top:16px !important}
.space-right-xs-md{
margin-right:16px !important}
.space-bottom-xs-md{
margin-bottom:16px !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-md{
margin-left:16px !important}
.space-top-sm-md{
margin-top:16px !important}
.space-right-sm-md{
margin-right:16px !important}
.space-bottom-sm-md{
margin-bottom:16px !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-md{
margin-left:16px !important}
.space-top-md-md{
margin-top:16px !important}
.space-right-md-md{
margin-right:16px !important}
.space-bottom-md-md{
margin-bottom:16px !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-md{
margin-left:16px !important}
.space-top-lg-md{
margin-top:16px !important}
.space-right-lg-md{
margin-right:16px !important}
.space-bottom-lg-md{
margin-bottom:16px !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}@media (min-width: 0px){
.space-left-xs-lg{
margin-left:32px !important}
.space-top-xs-lg{
margin-top:32px !important}
.space-right-xs-lg{
margin-right:32px !important}
.space-bottom-xs-lg{
margin-bottom:32px !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-lg{
margin-left:32px !important}
.space-top-sm-lg{
margin-top:32px !important}
.space-right-sm-lg{
margin-right:32px !important}
.space-bottom-sm-lg{
margin-bottom:32px !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-lg{
margin-left:32px !important}
.space-top-md-lg{
margin-top:32px !important}
.space-right-md-lg{
margin-right:32px !important}
.space-bottom-md-lg{
margin-bottom:32px !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-lg{
margin-left:32px !important}
.space-top-lg-lg{
margin-top:32px !important}
.space-right-lg-lg{
margin-right:32px !important}
.space-bottom-lg-lg{
margin-bottom:32px !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}@media (min-width: 0px){
.space-left-xs-xl{
margin-left:48px !important}
.space-top-xs-xl{
margin-top:48px !important}
.space-right-xs-xl{
margin-right:48px !important}
.space-bottom-xs-xl{
margin-bottom:48px !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-xl{
margin-left:48px !important}
.space-top-sm-xl{
margin-top:48px !important}
.space-right-sm-xl{
margin-right:48px !important}
.space-bottom-sm-xl{
margin-bottom:48px !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-xl{
margin-left:48px !important}
.space-top-md-xl{
margin-top:48px !important}
.space-right-md-xl{
margin-right:48px !important}
.space-bottom-md-xl{
margin-bottom:48px !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-xl{
margin-left:48px !important}
.space-top-lg-xl{
margin-top:48px !important}
.space-right-lg-xl{
margin-right:48px !important}
.space-bottom-lg-xl{
margin-bottom:48px !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}@media (min-width: 0px){
.space-left-xs-xxl{
margin-left:64px !important}
.space-top-xs-xxl{
margin-top:64px !important}
.space-right-xs-xxl{
margin-right:64px !important}
.space-bottom-xs-xxl{
margin-bottom:64px !important}
.space-bottom-xs-none{
margin-bottom:0 !important}
.space-top-xs-none{
margin-top:0 !important}}@media (min-width: 600px){
.space-left-sm-xxl{
margin-left:64px !important}
.space-top-sm-xxl{
margin-top:64px !important}
.space-right-sm-xxl{
margin-right:64px !important}
.space-bottom-sm-xxl{
margin-bottom:64px !important}
.space-bottom-sm-none{
margin-bottom:0 !important}
.space-top-sm-none{
margin-top:0 !important}}@media (min-width: 900px){
.space-left-md-xxl{
margin-left:64px !important}
.space-top-md-xxl{
margin-top:64px !important}
.space-right-md-xxl{
margin-right:64px !important}
.space-bottom-md-xxl{
margin-bottom:64px !important}
.space-bottom-md-none{
margin-bottom:0 !important}
.space-top-md-none{
margin-top:0 !important}}@media (min-width: 1024px){
.space-left-lg-xxl{
margin-left:64px !important}
.space-top-lg-xxl{
margin-top:64px !important}
.space-right-lg-xxl{
margin-right:64px !important}
.space-bottom-lg-xxl{
margin-bottom:64px !important}
.space-bottom-lg-none{
margin-bottom:0 !important}
.space-top-lg-none{
margin-top:0 !important}}
.content,.content-large,.content-medium,.content-thin,.content-sm,.content-xs{
position:relative;
max-width:1016px;
margin:0 auto;
padding:0 16px;
box-sizing:border-box}@media (min-width: 600px){
.content,.content-large,.content-medium,.content-thin,.content-sm,.content-xs{
padding:0 32px}}@media (min-width: 900px){
.content,.content-large,.content-medium,.content-thin,.content-sm,.content-xs{
padding:0 24px}}
.ios-device .content,.ios-device .content-large,.ios-device .content-medium,.ios-device .content-thin,.ios-device .content-sm,.ios-device .content-xs{
padding-left:calc(max(16px, env(safe-area-inset-left))) !important;
padding-right:calc(max(16px, env(safe-area-inset-left))) !important}
.content.overflow-wide,.overflow-wide.content-large,.overflow-wide.content-medium,.overflow-wide.content-thin,.overflow-wide.content-sm,.overflow-wide.content-xs{
padding:0 8px}
.content-xs{
max-width:90%}@media (min-width: 600px){
.content-xs{
max-width:400px}}
.content-sm{
max-width:90%}@media (min-width: 600px){
.content-sm{
max-width:600px}}
.content-thin{
max-width:600px}@media (min-width: 900px){
.content-thin{
max-width:800px}}
.content-medium{
max-width:920px}@media (min-width: 1280px){
.content-large{
max-width:1160px}}
.content-centered{
width:100%;
height:100%;
display:flex;
overflow:scroll}
.content-centered .container{
width:100%;
max-width:480px;
padding:32px 16px;
box-sizing:border-box;
margin:auto}
.content-centered .container.container-md{
max-width:680px}
.content-centered .container.container-lg{
max-width:960px}
.overflow-hidden,.stories .grid-column{
overflow:hidden}section{
position:relative;
padding:32px 0}@media (min-width: 600px){
section{
padding:64px 0}}section.row-thin{
padding:24px 0}@media (min-width: 600px){
section.row-thin{
padding:32px 0}}section.row-super-thin{
padding:8px 0}@media (min-width: 600px){
section.row-super-thin{
padding:16px 0}}section.row-no-pad{
padding:0px}section.flush-bottom{
padding-bottom:0px}section.flush-top{
padding-top:0px}
.row-white{
background:#fff}
.row-grey{
background:#eff2f3}
.row-blue{
background:#12a4e2;
color:#fff}
.row-blue-faint{
background:#effaff}
.row-blue-fade{
background:#d8f3ff;
color:#2a2a2a}
.row-yellow-fade{
background:#ffe5ae}
.row-grey-dark{
background:#787f82;
color:#fff}
.row-dark{
background:#2a2a2a;
color:#fff}
.row-slate{
background:#182229;
color:#fff}
.row-blue-dark{
background:#124861;
color:#fff}
.row-turq{
background:#40b3b4;
color:#fff}
.row-slate-dark,.guides .nav-footer{
background:#121b20;
color:#fff}
.row-blurb-blue{
background:#27aae2}
.row-purple{
background:#a27ab8}
.row-beige{
background:#faf9f7}
.row-beige-base{
background:#f4f1ec}
.row-barnes-noble-press-fade{
background:#ecf3f0}
.row-green-faint{
background:#e1f1bd}
.row-beige-dark{
background:#f4f1ec}
.row-beige-darker{
background:#eae8e2}
.row-fade{
background:#faf8f1;
background:-moz-linear-gradient(left, #FAF8F1 0%, #F7F0EC 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, #FAF8F1), color-stop(100%, #F7F0EC));
background:-webkit-linear-gradient(left, #FAF8F1 0%, #F7F0EC 100%);
background:-o-linear-gradient(left, #FAF8F1 0%, #F7F0EC 100%);
background:-ms-linear-gradient(left, #FAF8F1 0%, #F7F0EC 100%);
background:linear-gradient(to right, #FAF8F1 0%, #F7F0EC 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.row-gradient{
background:#faf9f7;
background:-moz-linear-gradient(top, #FAF9F7 0%, #fff 100%);
background:-webkit-gradient(linear, top, bottom, color-stop(0%, #fff), color-stop(100%, #fff));
background:-webkit-linear-gradient(top, #FAF9F7 0%, #fff 100%);
background:-o-linear-gradient(top, #FAF9F7 0%, #fff 100%);
background:-ms-linear-gradient(top, #FAF9F7 0%, #fff 100%);
background:linear-gradient(to bottom, #FAF9F7 0%, #fff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.row-gradient-blue{
color:#fff;
background-image:-webkit-linear-gradient(bottom left, #96BB7B 0%, #37776B 100%);
background-image:-o-linear-gradient(bottom left, #96BB7B 0%, #37776B 100%);
background-image:linear-gradient(to top right, #96BB7B 0%, #37776B 100%)}
.row-magic{
color:#fff;
background-image:-webkit-linear-gradient(bottom left, #4B4D7C 0%, #20273D 97%);
background-image:-o-linear-gradient(bottom left, #4B4D7C 0%, #20273D 97%);
background-image:linear-gradient(to top right, #4B4D7C 0%, #20273D 97%);
overflow-x:hidden}
.section-bg-img{
-webkit-transition:opacity .3s ease;
-moz-transition:opacity .3s ease;
-ms-transition:opacity .3s ease;
-o-transition:opacity .3s ease;
transition:opacity .3s ease;
opacity:.2}@media (min-width: 900px){
.section-bg-img{
opacity:.7}
.section-bg-img.bg-img-opacity-low{
opacity:.3}}@media (min-width: 900px){
*:hover .section-bg-img{
opacity:1}*:hover .section-bg-img.bg-img-opacity-low{
opacity:.3}}
.admin-bar{
position:fixed;
bottom:16px;
left:16px;
padding:8px;
background:#fff;
box-shadow:0px 2px 12px rgba(0,0,0,0.1);
border-radius:8px;
display:flex}
.admin-bar a{
color:#9b9b9b;
text-transform:uppercase;
font-size:14px;
padding:0 8px}
.admin-bar a:not(:last-of-type){
border-right:2px solid #9b9b9b}
.layout-main{
width:100%}
.layout-sidebar{
position:relative;
background:#fdf5d9;
width:280px;
display:none;
box-shadow:inset 4px 0px 8px 0px rgba(205,185,117,0.5)}@media (min-width: 1280px){
.layout-sidebar{
display:block}}
.layout-sidebar.sidebar-dark{
box-shadow:inset 1px 0px 4px 0px rgba(40,40,40,0.2);
background:#253038;
color:#fff}
.layout-sidebar .sidebar-container{
position:fixed;
overflow-y:auto;
box-shadow:inset 0px 0px 8px 0px rgba(205,185,117,0.5);
background:#fdf5d9;
height:100%;
width:inherit;
right:0px}
.layout-sidebar .sidebar-container::-webkit-scrollbar{
display:none}#fixed-sidebar{
will-change:min-height}#fixed-sidebar .sidebar-inner{
transform:translate(0, 0);
transform:translate3d(0, 0, 0);
will-change:position,transform;
padding-bottom:24px}
.horizontal-scroll-container{
overflow-x:hidden;
overflow-y:hidden;
position:relative}
.horizontal-scroll-container:before{
z-index:1;
display:block;
content:"";
position:absolute;
right:0px;
top:0;
width:32px;
height:100%;
background:rgba(249,249,249,0);
background:-moz-linear-gradient(left, rgba(249,249,249,0) 0%, #f9f9f9 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(249,249,249,0)), color-stop(100%, #f9f9f9));
background:-webkit-linear-gradient(left, rgba(249,249,249,0) 0%, #f9f9f9 100%);
background:-o-linear-gradient(left, rgba(249,249,249,0) 0%, #f9f9f9 100%);
background:-ms-linear-gradient(left, rgba(249,249,249,0) 0%, #f9f9f9 100%);
background:linear-gradient(to right, rgba(249,249,249,0) 0%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.horizontal-scroll-container.dark-mode:before{
background:rgba(30,41,48,0);
background:-moz-linear-gradient(left, rgba(30,41,48,0) 0%, #1e2930 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(30,41,48,0)), color-stop(100%, #1e2930));
background:-webkit-linear-gradient(left, rgba(30,41,48,0) 0%, #1e2930 100%);
background:-o-linear-gradient(left, rgba(30,41,48,0) 0%, #1e2930 100%);
background:-ms-linear-gradient(left, rgba(30,41,48,0) 0%, #1e2930 100%);
background:linear-gradient(to right, rgba(30,41,48,0) 0%, #1e2930 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.horizontal-scroll-container.white-theme:before,.guides header.horizontal-scroll-container:before,.stories header.horizontal-scroll-container:before,.print-with-blurb header.horizontal-scroll-container:before,.horizontal-scroll-container.website:before,.horizontal-scroll-container.ghostwriting:before,.index .mystery-image:not(.nav-fixed) nav.horizontal-scroll-container:before{
background:rgba(255,255,255,0);
background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, white 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, white));
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, white 100%);
background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, white 100%);
background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, white 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%, white 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.horizontal-scroll-container.beige-theme:before{
background:rgba(249,248,245,0);
background:-moz-linear-gradient(left, rgba(249,248,245,0) 0%, #f9f8f5 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(249,248,245,0)), color-stop(100%, #f9f8f5));
background:-webkit-linear-gradient(left, rgba(249,248,245,0) 0%, #f9f8f5 100%);
background:-o-linear-gradient(left, rgba(249,248,245,0) 0%, #f9f8f5 100%);
background:-ms-linear-gradient(left, rgba(249,248,245,0) 0%, #f9f8f5 100%);
background:linear-gradient(to right, rgba(249,248,245,0) 0%, #f9f8f5 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.horizontal-scroll-container.slate-dark-theme:before{
background:rgba(41,53,59,0);
background:-moz-linear-gradient(left, rgba(41,53,59,0) 0%, #29353b 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(41,53,59,0)), color-stop(100%, #29353b));
background:-webkit-linear-gradient(left, rgba(41,53,59,0) 0%, #29353b 100%);
background:-o-linear-gradient(left, rgba(41,53,59,0) 0%, #29353b 100%);
background:-ms-linear-gradient(left, rgba(41,53,59,0) 0%, #29353b 100%);
background:linear-gradient(to right, rgba(41,53,59,0) 0%, #29353b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.horizontal-scroll-container::-webkit-scrollbar{
display:none}@media (max-width: 599px){
.horizontal-scroll-container.full-width-mobile{
margin:0px -16px;
padding-left:16px}}
.horizontal-scroll{
position:relative;
overflow-x:scroll;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
padding-bottom:16px;
display:flex;
flex-direction:row;
flex-wrap:nowrap}
.horizontal-scroll::-webkit-scrollbar{
display:none}
.horizontal-scroll.horizontal-scroll-gutter-md>:nth-child(n+2){
padding-left:16px}
.horizontal-scroll-item{
flex:1;
flex-basis:auto}
.horizontal-scroll-item:last-child{
padding-right:32px}
.parallax{
position:relative;
max-width:1200px;
margin:0 auto}
.parallax .parallax-layer{
max-width:880px;
margin-left:auto;
margin-right:auto;
margin-top:-18%;
padding:0 16px}
.parallax .parallax-layer img{
max-width:100%;
object-fit:contain}@media (max-width: 1023px){
.parallax .parallax-layer img{
width:auto;
height:27vw}}
.parallax .base{
max-width:680px;
padding:0 32px}
.parallax .one{
max-width:960px}
.parallax .two{
max-width:700px}
.parallax .three{
max-width:960px}
.parallax .four{
max-width:960px}@media (min-width: 900px){
.parallax .base{
max-width:800px}
.parallax .one{
max-width:1024px}
.parallax .two{
max-width:840px}
.parallax .three{
max-width:1024px}
.parallax .four{
max-width:940px}
.parallax .five{
max-width:800px}}@media (max-width: 599px){
.btn-sm-full{
width:100%}}@media (max-width: 899px){
.btn-md-full{
width:100%}}@media (max-width: 1023px){
.btn-lg-full{
width:100%}}@media (max-width: 1280px){
.btn-xl-full{
width:100%}}
.btn-slate-medium{
background:#253038;
display:inline-block;
border:2px solid #253038;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-slate-medium:hover{
background:#182229;
color:#fff !important;
text-decoration:none;
border-color:#182229}
.btn-slate-medium:focus{
outline:none;
border-color:#253038}
.btn-slate-medium:disabled{
opacity:.4;
pointer-events:none}
.btn-slate-dark{
background:#121b20;
display:inline-block;
border:2px solid #121b20;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-slate-dark:hover{
background:#121b20;
color:#fff !important;
text-decoration:none;
border-color:#121b20}
.btn-slate-dark:focus{
outline:none;
border-color:#121b20}
.btn-slate-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-biege{
background:#f4f1ec;
display:inline-block;
border:2px solid #f4f1ec;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-biege:hover{
background:#faf9f7;
color:#2a2a2a !important;
text-decoration:none;
border-color:#faf9f7}
.btn-biege:focus{
outline:none;
border-color:#f4f1ec}
.btn-biege:disabled{
opacity:.4;
pointer-events:none}


.btn-green-faint{
background:#e1f1bd;
display:inline-block;
border:2px solid #e1f1bd;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-green-faint:hover{
background:#cce398;
color:#2a2a2a !important;
text-decoration:none;
border-color:#cce398}
.btn-green-faint:focus{
outline:none;
border-color:#e1f1bd}
.btn-green-faint:disabled{
opacity:.4;
pointer-events:none}
.btn-green-fade{
background:#cce398;
display:inline-block;
border:2px solid #cce398;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-green-fade:hover{
background:#e1f1bd;
color:#2a2a2a !important;
text-decoration:none;
border-color:#e1f1bd}
.btn-green-fade:focus{
outline:none;
border-color:#cce398}
.btn-green-fade:disabled{
opacity:.4;
pointer-events:none}
.btn-green-dark{
background:#91b827;
display:inline-block;
border:2px solid #91b827;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-green-dark:hover{
background:#75971a;
color:#fff !important;
text-decoration:none;
border-color:#75971a}
.btn-green-dark:focus{
outline:none;
border-color:#91b827}
.btn-green-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-blue-bordered{
background:#fff;
display:inline-block;
border:2px solid #12a4e2;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#12a4e2 !important;
cursor:pointer;
box-sizing:border-box}
.btn-blue-bordered:hover{
background:#d8f3ff;
color:#12a4e2 !important;
text-decoration:none;
border-color:#d8f3ff}
.btn-blue-bordered:focus{
outline:none;
border-color:#12a4e2}
.btn-blue-bordered:disabled{
opacity:.4;
pointer-events:none}
.btn-turq-dark{
background:#258f91;
display:inline-block;
border:2px solid #258f91;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-turq-dark:hover{
background:#1e7576;
color:#fff !important;
text-decoration:none;
border-color:#1e7576}
.btn-turq-dark:focus{
outline:none;
border-color:#258f91}
.btn-turq-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-purple,.events .btn-login{
background:#a27ab8;
display:inline-block;
border:2px solid #a27ab8;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-purple:hover,.events .btn-login:hover{
background:#84599a;
color:#fff !important;
text-decoration:none;
border-color:#84599a}
.btn-purple:focus,.events .btn-login:focus{
outline:none;
border-color:#a27ab8}
.btn-purple:disabled,.events .btn-login:disabled{
opacity:.4;
pointer-events:none}
.btn-purple-dark{
background:#84599a;
display:inline-block;
border:2px solid #84599a;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-purple-dark:hover{
background:#533662;
color:#fff !important;
text-decoration:none;
border-color:#533662}
.btn-purple-dark:focus{
outline:none;
border-color:#84599a}
.btn-purple-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-blurb,.blurb .btn-login,.print-with-blurb .btn-login{
background:#27aae2;
display:inline-block;
border:2px solid #27aae2;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-blurb:hover,.blurb .btn-login:hover,.print-with-blurb .btn-login:hover{
background:#008fc9;
color:#fff !important;
text-decoration:none;
border-color:#008fc9}
.btn-blurb:focus,.blurb .btn-login:focus,.print-with-blurb .btn-login:focus{
outline:none;
border-color:#27aae2}
.btn-blurb:disabled,.blurb .btn-login:disabled,.print-with-blurb .btn-login:disabled{
opacity:.4;
pointer-events:none}
.btn-blurb-dark{
background:#008fc9;
display:inline-block;
border:2px solid #008fc9;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-blurb-dark:hover{
background:#006e9c;
color:#fff !important;
text-decoration:none;
border-color:#006e9c}
.btn-blurb-dark:focus{
outline:none;
border-color:#008fc9}
.btn-blurb-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-yellow-faint{
background:#ffe5ae;
display:inline-block;
border:2px solid #ffe5ae;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-yellow-faint:hover{
background:#e2cb81;
color:#2a2a2a !important;
text-decoration:none;
border-color:#e2cb81}
.btn-yellow-faint:focus{
outline:none;
border-color:#ffe5ae}
.btn-yellow-faint:disabled{
opacity:.4;
pointer-events:none}
.btn-yellow-fade{
background:#ffe5ae;
display:inline-block;
border:2px solid #ffe5ae;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-yellow-fade:hover{
background:#e2cb81;
color:#2a2a2a !important;
text-decoration:none;
border-color:#e2cb81}
.btn-yellow-fade:focus{
outline:none;
border-color:#ffe5ae}
.btn-yellow-fade:disabled{
opacity:.4;
pointer-events:none}
.btn-yellow-fader{
background:#f7e8b6;
display:inline-block;
border:2px solid #f7e8b6;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-yellow-fader:hover{
background:#e2cb81;
color:#2a2a2a !important;
text-decoration:none;
border-color:#e2cb81}
.btn-yellow-fader:focus{
outline:none;
border-color:#f7e8b6}
.btn-yellow-fader:disabled{
opacity:.4;
pointer-events:none}
.btn-black{
background:#2a2a2a;
display:inline-block;
border:2px solid #2a2a2a;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-black:hover{
background:#2a2a2a;
color:#fff !important;
text-decoration:none;
border-color:#2a2a2a}
.btn-black:focus{
outline:none;
border-color:#2a2a2a}
.btn-black:disabled{
opacity:.4;
pointer-events:none}
.btn-black-dark{
background:#1a1a1a;
display:inline-block;
border:2px solid #1a1a1a;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-black-dark:hover{
background:#000;
color:#fff !important;
text-decoration:none;
border-color:#000}
.btn-black-dark:focus{
outline:none;
border-color:#1a1a1a}
.btn-black-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-blue-gradient{
background:#4e7b65;
display:inline-block;
border:2px solid #4e7b65;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-blue-gradient:hover{
background:#375546;
color:#fff !important;
text-decoration:none;
border-color:#375546}
.btn-blue-gradient:focus{
outline:none;
border-color:#4e7b65}
.btn-blue-gradient:disabled{
opacity:.4;
pointer-events:none}
.btn-magic{
background:#4b4d7c;
display:inline-block;
border:2px solid #4b4d7c;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-magic:hover{
background:#20273d;
color:#fff !important;
text-decoration:none;
border-color:#20273d}
.btn-magic:focus{
outline:none;
border-color:#4b4d7c}
.btn-magic:disabled{
opacity:.4;
pointer-events:none}
.btn-dark-blue{
background:#20569b;
display:inline-block;
border:2px solid #20569b;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-dark-blue:hover{
background:#001822;
color:#fff !important;
text-decoration:none;
border-color:#001822}
.btn-dark-blue:focus{
outline:none;
border-color:#20569b}
.btn-dark-blue:disabled{
opacity:.4;
pointer-events:none}
.btn-orange{
background:#ff9b00;
display:inline-block;
border:2px solid #ff9b00;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-orange:hover{
background:#ff9b00;
color:#fff !important;
text-decoration:none;
border-color:#ff9b00}
.btn-orange:focus{
outline:none;
border-color:#ff9b00}
.btn-orange:disabled{
opacity:.4;
pointer-events:none}
.btn-blurb,.blurb .btn-login,.print-with-blurb .btn-login{
background:#008fc9;
display:inline-block;
border:2px solid #008fc9;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-blurb:hover,.blurb .btn-login:hover,.print-with-blurb .btn-login:hover{
background:#006e9c;
color:#fff !important;
text-decoration:none;
border-color:#006e9c}
.btn-blurb:focus,.blurb .btn-login:focus,.print-with-blurb .btn-login:focus{
outline:none;
border-color:#008fc9}
.btn-blurb:disabled,.blurb .btn-login:disabled,.print-with-blurb .btn-login:disabled{
opacity:.4;
pointer-events:none}
.btn-barnes-noble-press,.barnes-noble-press .btn-login,.barnes-noble-press .btn-signup{
background:#366251;
display:inline-block;
border:2px solid #366251;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-barnes-noble-press:hover,.barnes-noble-press .btn-login:hover,.barnes-noble-press .btn-signup:hover{
background:#50826f;
color:#fff !important;
text-decoration:none;
border-color:#50826f}
.btn-barnes-noble-press:focus,.barnes-noble-press .btn-login:focus,.barnes-noble-press .btn-signup:focus{
outline:none;
border-color:#366251}
.btn-barnes-noble-press:disabled,.barnes-noble-press .btn-login:disabled,.barnes-noble-press .btn-signup:disabled{
opacity:.4;
pointer-events:none}
.btn-barnes-noble-press-light{
background:#50826f;
display:inline-block;
border:2px solid #50826f;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-barnes-noble-press-light:hover{
background:#366251;
color:#fff !important;
text-decoration:none;
border-color:#366251}
.btn-barnes-noble-press-light:focus{
outline:none;
border-color:#50826f}
.btn-barnes-noble-press-light:disabled{
opacity:.4;
pointer-events:none}
.btn-blue,.professionals header .btn-login,.devise.publisher .btn-login,nav .btn-login{
background:#12a4e2;
display:inline-block;
border:2px solid #12a4e2;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-blue:hover,.professionals header .btn-login:hover,.devise.publisher .btn-login:hover,nav .btn-login:hover{
background:#087dae;
color:#fff !important;
text-decoration:none;
border-color:#087dae}
.btn-blue:focus,.professionals header .btn-login:focus,.devise.publisher .btn-login:focus,nav .btn-login:focus{
outline:none;
border-color:#12a4e2}
.btn-blue:disabled,.professionals header .btn-login:disabled,.devise.publisher .btn-login:disabled,nav .btn-login:disabled{
opacity:.4;
pointer-events:none}
.btn-blue-fade{
background:#d8f3ff;
display:inline-block;
border:2px solid #d8f3ff;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-blue-fade:hover{
background:#c3e1ee;
color:#2a2a2a !important;
text-decoration:none;
border-color:#c3e1ee}
.btn-blue-fade:focus{
outline:none;
border-color:#d8f3ff}
.btn-blue-fade:disabled{
opacity:.4;
pointer-events:none}
.btn-blue-dark{
background:#087dae;
display:inline-block;
border:2px solid #087dae;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-blue-dark:hover{
background:#124861;
color:#fff !important;
text-decoration:none;
border-color:#124861}
.btn-blue-dark:focus{
outline:none;
border-color:#087dae}
.btn-blue-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-green,.hire-recommendations header .btn-login,.page-service header .btn-login,.index header .btn-login,.tab-container .btn-tab.current{
background:#9fd50b;
display:inline-block;
border:2px solid #9fd50b;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-green:hover,.hire-recommendations header .btn-login:hover,.page-service header .btn-login:hover,.index header .btn-login:hover,.tab-container .btn-tab.current:hover{
background:#91b827;
color:#fff !important;
text-decoration:none;
border-color:#91b827}
.btn-green:focus,.hire-recommendations header .btn-login:focus,.page-service header .btn-login:focus,.index header .btn-login:focus,.tab-container .btn-tab.current:focus{
outline:none;
border-color:#9fd50b}
.btn-green:disabled,.hire-recommendations header .btn-login:disabled,.page-service header .btn-login:disabled,.index header .btn-login:disabled,.tab-container .btn-tab.current:disabled{
opacity:.4;
pointer-events:none}
.btn-green-faint{
background:#e1f1bd;
display:inline-block;
border:2px solid #e1f1bd;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-green-faint:hover{
background:#cce398;
color:#2a2a2a !important;
text-decoration:none;
border-color:#cce398}
.btn-green-faint:focus{
outline:none;
border-color:#e1f1bd}
.btn-green-faint:disabled{
opacity:.4;
pointer-events:none}
.btn-grey,.tab-container .btn-tab{
background:#eff2f3;
display:inline-block;
border:2px solid #eff2f3;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-grey:hover,.tab-container .btn-tab:hover{
background:#e0e5e7;
color:#2a2a2a !important;
text-decoration:none;
border-color:#e0e5e7}
.btn-grey:focus,.tab-container .btn-tab:focus{
outline:none;
border-color:#eff2f3}
.btn-grey:disabled,.tab-container .btn-tab:disabled{
opacity:.4;
pointer-events:none}
.btn-grey-dark{
background:#e0e5e7;
display:inline-block;
border:2px solid #e0e5e7;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-grey-dark:hover{
background:#b2bcc1;
color:#2a2a2a !important;
text-decoration:none;
border-color:#b2bcc1}
.btn-grey-dark:focus{
outline:none;
border-color:#e0e5e7}
.btn-grey-dark:disabled{
opacity:.4;
pointer-events:none}
.btn-red{
background:#f25153;
display:inline-block;
border:2px solid #f25153;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-red:hover{
background:#d63c3e;
color:#fff !important;
text-decoration:none;
border-color:#d63c3e}
.btn-red:focus{
outline:none;
border-color:#f25153}
.btn-red:disabled{
opacity:.4;
pointer-events:none}
.btn-slate{
background:#384752;
display:inline-block;
border:2px solid #384752;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-slate:hover{
background:#253038;
color:#fff !important;
text-decoration:none;
border-color:#253038}
.btn-slate:focus{
outline:none;
border-color:#384752}
.btn-slate:disabled{
opacity:.4;
pointer-events:none}
.btn-yellow{
background:#edac01;
display:inline-block;
border:2px solid #edac01;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-yellow:hover{
background:#d18900;
color:#fff !important;
text-decoration:none;
border-color:#d18900}
.btn-yellow:focus{
outline:none;
border-color:#edac01}
.btn-yellow:disabled{
opacity:.4;
pointer-events:none}
.btn-white{
background:#fff;
display:inline-block;
border:2px solid #fff;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-white:hover{
background:#fff;
color:#2a2a2a !important;
text-decoration:none;
border-color:#fff}
.btn-white:focus{
outline:none;
border-color:#fff}
.btn-white:disabled{
opacity:.4;
pointer-events:none}
.btn-login{
background:#9fd50b;
display:inline-block;
border:2px solid #9fd50b;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-login:hover{
background:#91b827;
color:#fff !important;
text-decoration:none;
border-color:#91b827}
.btn-login:focus{
outline:none;
border-color:#9fd50b}
.btn-login:disabled{
opacity:.4;
pointer-events:none}
.btn-signup{
background:#9fd50b;
display:inline-block;
border:2px solid #9fd50b;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-signup:hover{
background:#91b827;
color:#fff !important;
text-decoration:none;
border-color:#91b827}
.btn-signup:focus{
outline:none;
border-color:#9fd50b}
.btn-signup:disabled{
opacity:.4;
pointer-events:none}
.btn-facebook{
background:#3b5998;
display:inline-block;
border:2px solid #3b5998;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#fff !important;
cursor:pointer;
box-sizing:border-box}
.btn-facebook:hover{
background:#293e6a;
color:#fff !important;
text-decoration:none;
border-color:#293e6a}
.btn-facebook:focus{
outline:none;
border-color:#3b5998}
.btn-facebook:disabled{
opacity:.4;
pointer-events:none}
.btn-google{
background:#fff;
display:inline-block;
border:2px solid #e0e5e7;
text-align:center;
border-radius:6px;
padding:14px 22px;
font-size:18px;
line-height:18px;
font-weight:500;
color:#2a2a2a !important;
cursor:pointer;
box-sizing:border-box}
.btn-google:hover{
background:#fff;
color:#2a2a2a !important;
text-decoration:none;
border-color:#b2bcc1}
.btn-google:focus{
outline:none;
border-color:#e0e5e7}
.btn-google:disabled{
opacity:.4;
pointer-events:none}
.btn-full{
width:100%}
.btn-inline>*{
margin-right:8px;
margin-bottom:8px}@media (max-width: 599px){
.btn-full-mob{
width:100%}}
.btn-xxs{
font-size:12px !important;
line-height:12px !important;
padding:6px !important;
text-transform:uppercase}
.btn-xs{
font-size:14px !important;
padding:6px !important}
.btn-xs .btn-icon{
width:16px}
.btn-sm{
font-size:16px !important;
padding:8px 14px !important}
.btn-lg{
padding:14px !important;
font-size:20px !important}
.btn-xl{
padding:22px 30px !important;
font-size:24px !important;
border-radius:6px !important}
.btn-lowercase,.tab-container .btn-tab.current,.tab-container .btn-tab{
text-transform:initial}
.btn-circle{
border-radius:50%}
.btn-disabled{
opacity:.4;
pointer-events:none}
.btn-close{
cursor:pointer;
z-index:9999}
.btn-rounded{
border-radius:32px;
padding-left:24px;
padding-right:24px}span.btn-modal-trigger{
font-weight:bold}
.btn-modal-trigger{
cursor:pointer}
.btn-icon{
vertical-align:middle;
width:24px;
margin-left:8px}
.btn-no-decoration{
margin:0;
padding:0;
border:0;
outline:0;
background:rgba(0,0,0,0);
cursor:pointer;
font-weight:inherit}
/*.dropdown{
-webkit-transition:opacity .2s ease;
-moz-transition:opacity .2s ease;
-ms-transition:opacity .2s ease;
-o-transition:opacity .2s ease;
transition:opacity .2s ease;
position:absolute;
opacity:0;
z-index:20;
margin-top:24px;
margin-left:-16px;
color:#2a2a2a}
.dropdown.right{
right:0}
.dropdown .dropdown-list{
position:relative;
background:#fff;
padding:8px;
top:-24px;
border-radius:8px;
color:#2a2a2a}*/
/*.dropdown .dropdown-list .dropdown-cell,.dropdown .dropdown-list>a,.dropdown .dropdown-list>p{
cursor:pointer;
padding:8px 12px;
white-space:nowrap}
.dropdown .dropdown-list .dropdown-cell:hover,.dropdown .dropdown-list>a:hover,.dropdown .dropdown-list>p:hover{
background:#fdf5d9}
.dropdown .dropdown-list a{
font-weight:400;
text-align:left}
.img-full{
width:100%;
display:block;
height:auto;
border-radius:4px}
.img-v-full{
height:100%}*/
.img-md{
height:140px !important;
width:auto !important;
display:initial !important;
margin-bottom:8px}
.img-avatar{
width:32px;
height:32px;
border-radius:50%;
vertical-align:bottom}
.img-avatar.border-white{
border:4px solid #fff}
.img-avatar.avatar-xs{
width:16px;
height:16px}
.img-avatar.avatar-sm{
width:24px;
height:24px}
.img-avatar.avatar-lg{
width:48px;
height:48px}
.img-avatar.avatar-2lg{
width:64px;
height:64px}
.img-avatar.avatar-xl{
width:94px;
height:94px}
.img-avatar.avatar-xxl{
width:132px;
height:132px}
.img-avatar-cropped{
width:140px;
height:140px;
border-radius:70px;
background:#effaff;
overflow:hidden;
position:relative;
display:inline-block}@media (min-width: 600px){
.img-avatar-cropped{
width:140px;
height:140px}}
.img-avatar-cropped img{
position:absolute;
top:24px;
left:-9999px;
right:-9999px;
margin:auto}
.img-avatar-square{
border-radius:8px}
.img-circle{
border-radius:50%}
.img-post-preview{
box-sizing:border-box;
border-radius:8px;
position:relative;
text-align:center;
overflow:hidden;
padding-bottom:60%;
margin:32px 0}@media (min-width: 600px){
.img-post-preview{
height:100%;
margin:0;
min-height:200px}}
.img-post-preview.preview-portrait{
min-height:350px}
.img-post-preview img{
border-radius:8px;
overflow:hidden;
height:100%;
width:auto;
position:absolute;
top:-9999px;
bottom:-9999px;
left:-9999px;
right:-9999px;
margin:auto}
.img-container-center{
box-sizing:border-box;
position:relative;
text-align:center;
overflow:hidden;
padding-bottom:60%;
min-height:120px;
border-top-right-radius:8px;
border-top-left-radius:8px}
.img-container-center img{
overflow:hidden;
height:100%;
width:auto;
max-width:initial;
position:absolute;
top:-9999px;
bottom:-9999px;
left:-9999px;
right:-9999px;
margin:auto}
.img-container-center .play-btn{
height:48px}
.img-gallery-book{
max-height:200px;
border-radius:4px}@media (min-width: 600px){
.img-gallery-book{
max-height:300px}}
.img-placeholder{
background:#d8f3ff;
width:100%;
border-radius:8px;
padding-bottom:45%}
.embed-wrapper{
margin:16px 0;
max-width:100%;
padding:0px}
.embed-wrapper .embed{
background-color:#000;
border-radius:8px;
width:100%;
padding-bottom:56.25%;
position:relative;
overflow:hidden;
cursor:pointer}
.embed-wrapper .embed img,.embed-wrapper .embed iframe{
position:absolute;
margin:auto;
top:0;
bottom:0;
width:100%}
.embed-wrapper .embed iframe{
height:100%}
.embed-wrapper .embed .play-button{
width:60px;
height:60px;
background-color:#12a4e2;
box-shadow:0 0 30px rgba(0,0,0,0.6);
z-index:1;
opacity:1;
border-radius:30px}
.embed-wrapper .embed .play-button:before{
content:"";
border-style:solid;
border-width:15px 0 15px 26px;
top:50%;
left:55%;
transform:translate3d(-50%, -50%, 0);
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}
.embed-wrapper .embed img,.embed-wrapper .embed .play-button{
cursor:pointer}
.embed-wrapper .embed .play-button,.embed-wrapper .embed .play-button:before{
position:absolute}
.embed-wrapper .embed .play-button{
top:50%;
left:50%;
transform:translate3d(-50%, -50%, 0)}
.embed-wrapper .embed iframe{
width:100%;
top:0;
left:0}
.media-grid img{
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease}
.media-grid img:hover{
transform:scale3D(1.02, 1.02, 1.02);
box-shadow:0px 4px 32px rgba(10,10,10,0.1),0px 4px 8px rgba(10,10,10,0.2)}
.lazyload{
max-width:100%}
.icon-sm img{
width:16px;
height:16px}
.icon-sm i{
padding:9px}
.icon-xs{
padding:6px !important}
.icon-xs img{
width:12px;
height:12px}
.icon-img{
vertical-align:middle}
.icon-white{
background:#fff}
.icon-black{
background:#2a2a2a}
.icon-blue{
background:#12a4e2}
.icon-slate-dark{
background:#121b20}
.icon-twitter{
background:#2aa9e0}
.icon-facebook{
background:#3c5a99}
.icon-linkedin{
background:#0076b7}
.icon-google-plus{
background:#384752}
.icon-pin-top{
vertical-align:top}
.icon-circle{
border-radius:50%;
padding:16px;
box-sizing:content-box;
display:inline-block;
font-style:normal;
font-size:16px;
line-height:16px}
.icon-circle img{
display:block}
.icon-square{
border-radius:4px;
padding:16px;
overflow:visible;
box-sizing:border-box;
display:inline-block;
font-size:16px;
line-height:16px}
.icon-square img{
display:block;
border-radius:0px}body{
font-family:"Rubik","Helvetica",sans-serif;
line-height:1;
font-size:16px;
color:#2a2a2a}h1,.defer-headings h4,.defer-headings .mimic-h4,.mimic-h1,h2,.defer-headings h5,.mimic-h2,h3,.defer-headings h6,.mimic-h3,h4,.mimic-h4,h5,h6,p{
margin:0}
.text-blue{
color:#12a4e2;
transition:color .2s ease}a.text-blue{
color:#12a4e2}a.text-blue:hover{
color:#12a4e2}
.text-grey{
color:#787f82;
transition:color .2s ease}a.text-grey{
color:#787f82}a.text-grey:hover{
color:#787f82}
.text-green,section a{
color:#91b827;
transition:color .2s ease}a.text-green,section a{
color:#91b827}a.text-green:hover,section a:hover{
color:#75971a}
.text-white{
color:#fff;
transition:color .2s ease}a.text-white{
color:#fff}a.text-white:hover{
color:#fff}
.text-red{
color:#f25153;
transition:color .2s ease}a.text-red{
color:#f25153}a.text-red:hover{
color:#f25153}
.text-yellow{
color:#edac01;
transition:color .2s ease}a.text-yellow{
color:#edac01}a.text-yellow:hover{
color:#edac01}
.text-yellow-dark{
color:#d18900;
transition:color .2s ease}a.text-yellow-dark{
color:#d18900}a.text-yellow-dark:hover{
color:#9f6100}
.text-purple{
color:#a27ab8;
transition:color .2s ease}a.text-purple{
color:#a27ab8}a.text-purple:hover{
color:#a27ab8}
.text-purple-dark{
color:#533662;
transition:color .2s ease}a.text-purple-dark{
color:#533662}a.text-purple-dark:hover{
color:#533662}
.text-slate-fade{
color:#5a6d7a;
transition:color .2s ease}a.text-slate-fade{
color:#5a6d7a}a.text-slate-fade:hover{
color:#5a6d7a}
.text-black{
color:#2a2a2a;
transition:color .2s ease}a.text-black{
color:#2a2a2a}a.text-black:hover{
color:#2a2a2a}
.text-blue-dark{
color:#087dae;
transition:color .2s ease}a.text-blue-dark{
color:#087dae}a.text-blue-dark:hover{
color:#087dae}
.text-blue-heavy{
color:#124861;
transition:color .2s ease}a.text-blue-heavy{
color:#124861}a.text-blue-heavy:hover{
color:#124861}
.text-turq-dark{
color:#1e7576;
transition:color .2s ease}a.text-turq-dark{
color:#1e7576}a.text-turq-dark:hover{
color:#1e7576}
.text-orange-base{
color:#ff9b00;
transition:color .2s ease}a.text-orange-base{
color:#ff9b00}a.text-orange-base:hover{
color:#ff9b00}hr{
border:0;
height:1px;
background:rgba(24,60,74,0.15)}hr.dark{
background:#b2bcc1}a{
color:#2a2a2a;
font-weight:bold;
text-decoration:none;
cursor:pointer}
a.break-anchor{
overflow-wrap:break-word;
word-wrap:break-word}a.underlined{
color:inherit !important;
font-weight:inherit !important;
text-decoration:underline !important}a.active{
color:#12a4e2}a.active:hover{
color:#087dae}
.font-lato{
font-family:"Lato",serif !important}
.font-aleo,.logo{
font-family:"Aleo",serif !important;
font-weight:400}
.font-alt,article.wordpress>p,article.wordpress ul,article.wordpress ol,article.wordpress blockquote p,.article.wordpress>p,.article.wordpress ul,.article.wordpress ol,.article.wordpress blockquote p{
font-family:"Lora","Georgia",serif;
-webkit-font-smoothing:auto !important}
.font-alt b,article.wordpress>p b,article.wordpress ul b,article.wordpress ol b,article.wordpress blockquote p b,.article.wordpress>p b,.article.wordpress ul b,.article.wordpress ol b,.article.wordpress blockquote p b,.font-alt strong,article.wordpress>p strong,article.wordpress ul strong,article.wordpress ol strong,article.wordpress blockquote p strong,.article.wordpress>p strong,.article.wordpress ul strong,.article.wordpress ol strong,.article.wordpress blockquote p strong{
font-weight:700}h1,.defer-headings h4,.defer-headings .mimic-h4,.mimic-h1,h2,.defer-headings h5,.mimic-h2,h3,.defer-headings h6,.mimic-h3,h4,.mimic-h4,h6,label,a,button,strong,b,input[type=submit]{
font-weight:500}h1,.defer-headings h4,.defer-headings .mimic-h4,.mimic-h1{
font-size:32px;
line-height:40px}@media (min-width: 600px){
h1,.defer-headings h4,.defer-headings .mimic-h4,.mimic-h1{
font-size:40px;
line-height:48px}}h2,.defer-headings h5,.mimic-h2{
font-size:24px;
line-height:32px}@media (min-width: 600px){
h2,.defer-headings h5,.mimic-h2{
font-size:32px;
line-height:40px}}h3,.defer-headings h6,.mimic-h3{
font-size:20px;
line-height:28px}@media (min-width: 600px){
h3,.defer-headings h6,.mimic-h3{
font-size:24px;
line-height:32px}}h4,.mimic-h4{
font-size:20px;
line-height:28px}h5{
font-size:16px;
line-height:24px;
font-weight:400}h5.grey-theme{
color:#787f82;
letter-spacing:1px}h5.white-theme,h5.website,h5.ghostwriting{
color:#fff;
letter-spacing:1px}
.font-heavy{
font-weight:700}
.logo-svg{
height:24px;
margin-top:-8px}@media (min-width: 900px){
.logo-svg{
height:32px}}
.logo-svg svg,.logo-svg img{
width:auto;
height:100%}
.svg-logo{
width:auto;
height:18px;
margin-top:4px}@media (min-width: 900px){
.svg-logo{
height:24px}}p,ul,ol{
font-size:18px;
line-height:28px;
position:relative}ul,ol{
margin:0;
-webkit-padding-start:1.2em}
.quote{
border-left:4px solid #9fd50b;
padding-left:24px;
font-style:italic}iframe{
max-width:100%}article>h1,article>.mimic-h1,.defer-headings article>h4,.defer-headings article>.mimic-h4,article h2,article .mimic-h2,article .defer-headings h5,.defer-headings article h5,.article>h1,.article>.mimic-h1,.defer-headings .article>h4,.defer-headings .article>.mimic-h4,.article h2,.article .mimic-h2,.article .defer-headings h5,.defer-headings .article h5{
font-size:24px;
line-height:32px;
margin-bottom:8px}@media (min-width: 900px){
article>h1,article>.mimic-h1,.defer-headings article>h4,.defer-headings article>.mimic-h4,article h2,article .mimic-h2,article .defer-headings h5,.defer-headings article h5,.article>h1,.article>.mimic-h1,.defer-headings .article>h4,.defer-headings .article>.mimic-h4,.article h2,.article .mimic-h2,.article .defer-headings h5,.defer-headings .article h5{
font-size:28px;
line-height:40px;
margin-bottom:8px}}article h1:not:first-child,article .mimic-h1:not:first-child,article .defer-headings h4:not:first-child,.defer-headings article h4:not:first-child,article .defer-headings .mimic-h4:not:first-child,.defer-headings article .mimic-h4:not:first-child,.article h1:not:first-child,.article .mimic-h1:not:first-child,.article .defer-headings h4:not:first-child,.defer-headings .article h4:not:first-child,.article .defer-headings .mimic-h4:not:first-child,.defer-headings .article .mimic-h4:not:first-child{
margin-top:48px}article>h2,article>.mimic-h2,.defer-headings article>h5,article>h3,article>.mimic-h3,.defer-headings article>h6,article>h4,article>.mimic-h4,.article>h2,.article>.mimic-h2,.defer-headings .article>h5,.article>h3,.article>.mimic-h3,.defer-headings .article>h6,.article>h4,.article>.mimic-h4{
margin-top:32px;
margin-bottom:8px}article hr,.article hr{
margin-top:32px;
margin-bottom:32px}article>p,article ul,article ol,.article>p,.article ul,.article ol{
margin:0 0 16px 0}article blockquote,.article blockquote{
font-style:italic;
margin:0 0 16px 0;
padding:24px;
background:#effaff;
border-left:4px solid #12a4e2;
clear:both}article a,.article a{
word-break:break-word;
color:#91b827}article a:hover,.article a:hover{
color:#75971a}article.wordpress,.article.wordpress{
font-size:18px;
line-height:1.6em}article.wordpress>h1:first-of-type,article.wordpress>.mimic-h1:first-of-type,.defer-headings article.wordpress>h4:first-of-type,.defer-headings article.wordpress>.mimic-h4:first-of-type,.article.wordpress>h1:first-of-type,.article.wordpress>.mimic-h1:first-of-type,.defer-headings .article.wordpress>h4:first-of-type,.defer-headings .article.wordpress>.mimic-h4:first-of-type{
font-size:40px;
line-height:48px}article.wordpress>h1:not:first-of-type,article.wordpress>.mimic-h1:not:first-of-type,.defer-headings article.wordpress>h4:not:first-of-type,.defer-headings article.wordpress>.mimic-h4:not:first-of-type,.article.wordpress>h1:not:first-of-type,.article.wordpress>.mimic-h1:not:first-of-type,.defer-headings .article.wordpress>h4:not:first-of-type,.defer-headings .article.wordpress>.mimic-h4:not:first-of-type{
margin-top:56px}article.wordpress .size-full,article.wordpress .size-large,.article.wordpress .size-full,.article.wordpress .size-large{
width:100% !important;
height:auto}article.wordpress .alignright,.article.wordpress .alignright{
text-align:right}article.wordpress .aligncenter,.article.wordpress .aligncenter{
text-align:center}article.wordpress .alignleft,.article.wordpress .alignleft{
text-align:left}article.wordpress figure,.article.wordpress figure{
text-align:center !important}article.wordpress figure img,.article.wordpress figure img{
max-width:100%;
height:auto}article.wordpress figure figcaption,.article.wordpress figure figcaption{
font-size:16px;
line-height:1.4;
margin-top:8px;
text-align:center;
color:#787f82}article.wordpress figure.alignright,article.wordpress figure.alignleft,.article.wordpress figure.alignright,.article.wordpress figure.alignleft{
display:table}article.wordpress figure.alignright figcaption,article.wordpress figure.alignleft figcaption,.article.wordpress figure.alignright figcaption,.article.wordpress figure.alignleft figcaption{
margin-top:0;
display:table-caption;
caption-side:bottom}article.wordpress>p img,article.wordpress figure,article.wordpress blockquote p img,article.wordpress li img,article.wordpress table img,.article.wordpress>p img,.article.wordpress figure,.article.wordpress blockquote p img,.article.wordpress li img,.article.wordpress table img{
max-width:100%;
height:auto;
margin:16px 0;
background-color:#f8f9fa}article.wordpress>p img.alignright,article.wordpress figure.alignright,article.wordpress blockquote p img.alignright,article.wordpress li img.alignright,article.wordpress table img.alignright,.article.wordpress>p img.alignright,.article.wordpress figure.alignright,.article.wordpress blockquote p img.alignright,.article.wordpress li img.alignright,.article.wordpress table img.alignright{
margin:0;
float:right;
margin-left:16px;
margin-bottom:8px}article.wordpress>p img.alignleft,article.wordpress figure.alignleft,article.wordpress blockquote p img.alignleft,article.wordpress li img.alignleft,article.wordpress table img.alignleft,.article.wordpress>p img.alignleft,.article.wordpress figure.alignleft,.article.wordpress blockquote p img.alignleft,.article.wordpress li img.alignleft,.article.wordpress table img.alignleft{
margin:0;
float:left;
margin-right:16px;
margin-bottom:8px}article.wordpress>p img.aligncenter,article.wordpress figure.aligncenter,article.wordpress blockquote p img.aligncenter,article.wordpress li img.aligncenter,article.wordpress table img.aligncenter,.article.wordpress>p img.aligncenter,.article.wordpress figure.aligncenter,.article.wordpress blockquote p img.aligncenter,.article.wordpress li img.aligncenter,.article.wordpress table img.aligncenter{
display:block;
margin-left:auto;
margin-right:auto}article.wordpress>p b,article.wordpress>p strong,article.wordpress ul b,article.wordpress ul strong,article.wordpress ol b,article.wordpress ol strong,article.wordpress blockquote p b,article.wordpress blockquote p strong,.article.wordpress>p b,.article.wordpress>p strong,.article.wordpress ul b,.article.wordpress ul strong,.article.wordpress ol b,.article.wordpress ol strong,.article.wordpress blockquote p b,.article.wordpress blockquote p strong{
font-weight:700 !important}article.wordpress table,.article.wordpress table{
border-radius:8px;
border:2px solid #eff2f3;
margin-bottom:16px;
width:calc(100vw - 32px - 4px);
font-size:14px;
line-height:1.3;
display:inline-block;
overflow-x:auto;
position:relative}@media (min-width: 600px){
article.wordpress table,.article.wordpress table{
width:100%;
display:table}}article.wordpress table thead,.article.wordpress table thead{
background:#d8f3ff}article.wordpress table th,.article.wordpress table th{
font-weight:500;
text-align:left;
padding:8px}article.wordpress table td,.article.wordpress table td{
padding:8px}article.wordpress table tr:nth-child(even),.article.wordpress table tr:nth-child(even){
background:#f8f9fa}section .content>h1,section .content-xs>h1,section .content-sm>h1,section .content-thin>h1,section .content-medium>h1,section .content-large>h1,section .content>.mimic-h1,section .content-xs>.mimic-h1,section .content-sm>.mimic-h1,section .content-thin>.mimic-h1,section .content-medium>.mimic-h1,section .content-large>.mimic-h1,section .defer-headings .content>h4,.defer-headings section .content>h4,section .defer-headings .content-xs>h4,.defer-headings section .content-xs>h4,section .defer-headings .content-sm>h4,.defer-headings section .content-sm>h4,section .defer-headings .content-thin>h4,.defer-headings section .content-thin>h4,section .defer-headings .content-medium>h4,.defer-headings section .content-medium>h4,section .defer-headings .content-large>h4,.defer-headings section .content-large>h4,section .defer-headings .content>.mimic-h4,.defer-headings section .content>.mimic-h4,section .defer-headings .content-xs>.mimic-h4,.defer-headings section .content-xs>.mimic-h4,section .defer-headings .content-sm>.mimic-h4,.defer-headings section .content-sm>.mimic-h4,section .defer-headings .content-thin>.mimic-h4,.defer-headings section .content-thin>.mimic-h4,section .defer-headings .content-medium>.mimic-h4,.defer-headings section .content-medium>.mimic-h4,section .defer-headings .content-large>.mimic-h4,.defer-headings section .content-large>.mimic-h4{
margin-bottom:8px}section h4 a,section .mimic-h4 a{
color:#2a2a2a}
.text-wrap{
white-space:pre-line;
overflow-wrap:break-word}
.text-wrap-none{
white-space:none !important}
.small{
font-size:16px;
line-height:24px}
.large{
font-size:20px}
.x-small{
font-size:14px;
line-height:18px}
.line-height-sm{
line-height:24px}
.line-height-md{
line-height:32px}
.line-height-xs{
line-height:8px !important}
.xl{
font-size:70px;
line-height:80px}
.xxl{
font-size:280px;
line-height:280px}
.text-fade{
opacity:.5}
.text-fade:hover{
opacity:1}
.text-code{
font-family:"courier",monospace;
background:#faf9f7;
color:red}
.text-center{
text-align:center}
.text-right{
text-align:right}
.text-left{
text-align:left}
.text-weight-normal{
font-weight:normal !important}
.text-weight-bold{
font-weight:500}
.text-heavy{
font-weight:900}
.link-fade{
opacity:.5;
font-weight:bold}
.text-no-wrap{
white-space:nowrap}
.logo{
font-size:32px;
font-weight:400;
line-height:32px;
cursor:pointer;
letter-spacing:-1px;
margin-top:-4px}@media (max-width: 899px){
.logo{
font-size:28px;
line-height:32px}}
.text-center-below-sm{
text-align:center}@media (min-width: 600px){
.text-center-below-sm{
text-align:left}}
.text-center-above-md{
text-align:left}@media (min-width: 900px){
.text-center-above-md{
text-align:center}}
.text-center-below-md{
text-align:center}@media (min-width: 900px){
.text-center-below-md{
text-align:left}}
.text-center-below-lg{
text-align:center}@media (min-width: 1024px){
.text-center-below-lg{
text-align:left}}
.text-right-below-md{
text-align:right}@media (min-width: 900px){
.text-right-below-md{
text-align:inherit}}@media (min-width: 600px){
.text-size-after-sm-sm{
font-size:16px;
line-height:24px}}@media (max-width: 599px){
.text-size-until-sm-sm{
font-size:16px;
line-height:24px}}@media (min-width: 600px){
.text-size-after-sm-md{
font-size:24px;
line-height:32px}}@media (min-width: 600px){
.text-size-after-sm-lg{
font-size:40px;
line-height:48px}}@media (max-width: 599px){
.text-size-until-sm-md{
font-size:24px;
line-height:32px}}@media (max-width: 599px){
.text-size-until-sm-lg{
font-size:40px;
line-height:48px}}@media (min-width: 900px){
.text-size-after-md-sm{
font-size:16px;
line-height:24px}}@media (max-width: 899px){
.text-size-until-md-sm{
font-size:16px;
line-height:24px}}@media (min-width: 900px){
.text-size-after-md-md{
font-size:24px;
line-height:32px}}@media (min-width: 900px){
.text-size-after-md-lg{
font-size:40px;
line-height:48px}}@media (max-width: 899px){
.text-size-until-md-md{
font-size:24px;
line-height:32px}}@media (max-width: 899px){
.text-size-until-md-lg{
font-size:40px;
line-height:48px}}
.tooltip:before{
content:attr(title);
position:absolute;
background:#121b20;
z-index:999;
left:-20px;
right:-20px;
padding:4px;
top:-2px;
font-size:16px;
color:#5a6d7a;
display:none}
.tooltip:hover:before{
display:block}
.tooltip-popup:before{
content:attr(title);
position:absolute;
background:#121b20;
z-index:999;
width:auto;
padding:8px;
border-radius:4px;
font-size:16px;
color:#fff;
display:none;
white-space:nowrap;
left:0;
right:0}
.tooltip-popup:hover:before{
display:block}
.tooltip-popup.active:before{
top:-4px;
left:32px}
.tooltip-container{
position:relative;
width:auto}
.tooltip-up{
cursor:pointer;
position:relative}
.tooltip-up:before,.tooltip-up:after{
opacity:0;
z-index:98;
pointer-events:none}
.tooltip-up:before{
content:attr(data-tooltip);
position:absolute;
width:150px;
padding:10px 15px;
line-height:18px;
text-align:left;
font-size:16px;
font-weight:normal;
white-space:normal;
box-shadow:1px 1px 3px rgba(0,0,0,0.3);
border-radius:3px;
background-color:#2a2a2a;
text-align:center;
color:#fff}
.tooltip-up:after{
content:""}
.tooltip-up:before{
top:-9px;
bottom:auto;
transform:translate(-50%, -100%);
left:50%}
.tooltip-up:after{
content:"";
display:block;
position:absolute;
height:0;
width:0;
border-top:6px solid #2a2a2a;
border-left:6px solid rgba(0,0,0,0);
border-right:6px solid rgba(0,0,0,0);
border-bottom:none;
top:-9px;
bottom:auto;
left:0;
right:0;
margin:0 auto}
.tooltip-up:hover:before,.tooltip-up:hover:after{
opacity:1;
pointer-events:all}input[type=email],input[type=text],input[type=date],input[type=number],input[type=password],input[type=url],input[type=tel],textarea,select{
border:2px solid #e0e5e7;
border-radius:6px;
padding:12px;
font-size:18px;
line-height:normal;
box-sizing:border-box;
outline:none;
width:100%;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
-webkit-appearance:none;
-moz-appearance:none}input[type=email]:focus,input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,input[type=password]:focus,input[type=url]:focus,input[type=tel]:focus,textarea:focus,select:focus{
outline:1px solid #edac01;
box-shadow:0 0 2px 4px #ffe5ae}input.no-shadow[type=email],input.no-shadow[type=text],input.no-shadow[type=date],input.no-shadow[type=number],input.no-shadow[type=password],input.no-shadow[type=url],input.no-shadow[type=tel],textarea.no-shadow,select.no-shadow{
box-shadow:none}input.input-sm[type=email],input.input-sm[type=text],input.input-sm[type=date],input.input-sm[type=number],input.input-sm[type=password],input.input-sm[type=url],input.input-sm[type=tel],textarea.input-sm,select.input-sm{
font-size:16px;
padding:8px}input.input-lg[type=email],input.input-lg[type=text],input.input-lg[type=date],input.input-lg[type=number],input.input-lg[type=password],input.input-lg[type=url],input.input-lg[type=tel],textarea.input-lg,select.input-lg{
font-size:24px;
padding:24px;
font-weight:500 !important}select{
background:url(https://assets-cdn.reedsy.com/assets/icons/arrow-down-8ecefc9fac6bc5d564eb733a26735f93467c5e26b4f95e7d203de3eda6b724e0.svg) #fff no-repeat right center;
background-size:12px;
background-position:calc(100% - 12px) 20px}select.input-sm{
background-position:calc(100% - 12px) 14px}label{
font-weight:500;
font-size:18px;
margin-bottom:16px;
display:block}label.label-small{
font-size:16px}label.label-xs{
font-size:16px;
margin-bottom:8px}
.form-group input,.form-group textarea,.form-group select{
margin-bottom:16px}
.form-group-sm input,.form-group-sm textarea,.form-group-sm select{
margin-bottom:8px}@media (min-width: 900px){
.form-50{
max-width:50%}}@media (min-width: 900px){
.form-70{
max-width:70%}}@media (min-width: 900px){
.form-80{
max-width:80%}}@media (min-width: 900px){
.form-full{
max-width:100%}}
.form-center{
margin:0 auto}form a{
color:#91b827}
.form-blue-theme a{
color:#12a4e2}
.form-blue-theme .btn-signup{
background:#12a4e2;
border-color:#12a4e2}@media (min-width: 900px){
.form-lg input{
padding:16px;
border-radius:6px}
.form-lg .btn-signup{
line-height:22px;
border-radius:6px}}
.input-grey input[type=email],.input-grey input[type=text],.input-grey input[type=date],.input-grey input[type=url],.input-grey textarea,.input-grey select{
border:none;
background:#e0e5e7;
box-shadow:none}
.input-slate input[type=email],.input-slate input[type=text],.input-slate input[type=date],.input-slate input[type=url],.input-slate textarea,.input-slate select{
color:#fff;
border:2px solid #384752;
background:#384752;
box-shadow:none}
.input-slate select{
background:url(https://assets-cdn.reedsy.com/assets/icons/arrow-down-white-dfae216703f627c86e4dd29ddf460f4da939eb10d2bcf7f3a4992090037ebd78.svg) #384752 no-repeat right center;
background-size:16px;
background-position:calc(100% - 16px) 18px}
.input-blank{
border:none;
background:none;
box-shadow:none;
padding:0}
.input-blank:focus{
border:none !important}
.input-inline select{
background:url(https://assets-cdn.reedsy.com/assets/icons/arrow-down-white-dfae216703f627c86e4dd29ddf460f4da939eb10d2bcf7f3a4992090037ebd78.svg) #5a6d7a no-repeat right center;
background-position:calc(100% - 16px) center;
background-size:12px;
border:none;
box-shadow:none;
color:inherit;
cursor:pointer;
font-size:inherit;
font-weight:500;
margin-top:4px}
.input-inline select:focus{
border:none;
border-bottom:2px solid #91b827}@media (min-width: 900px){
.input-inline select{
border-radius:0;
background-color:rgba(0,0,0,0);
background-position:right 16px;
border-bottom:2px solid #9fd50b;
padding:8px 0 16px;
margin:0 0 -16px 0}}
.input-inline select option{
background-color:#253038}
.grecaptcha-badge{
opacity:0;
transition:all .4s ease !important;
box-shadow:0px 2px 6px rgba(0,0,0,0.2) !important;
border-radius:4px !important}
.input-with-label{
position:relative}
.input-with-label label{
font-size:12px;
font-weight:500;
position:absolute;
top:10px;
left:14px;
color:#787f82}
.input-with-label input,.input-with-label select{
padding-top:24px;
padding-bottom:8px;
text-overflow:ellipsis;
color:#2a2a2a;
font-size:16px;
background-position:calc(100% - 12px) 24px}
.checkbox-inline{
display:inline-block;
font-weight:normal;
margin-right:16px;
background:#ffe5ae}
.checkbox-inline label{
display:inline-block}
.checkbox-inline input{
margin-right:8px;
margin-bottom:0 !important}
.checkbox{
font-weight:normal;
display:flex;
cursor:pointer;
align-items:baseline}
.checkbox label{
font-weight:400;
line-height:1.4}
.checkbox input{
margin-right:8px;
flex-shrink:0;
margin-bottom:0 !important}@media (max-width: 599px){
.radio-container.responsive .radio{
display:inline-block}
.radio-container.responsive .radio .form-radio{
height:24px;
width:24px}
.radio-container.responsive .radio .form-radio:checked::before{
width:8px;
height:8px}
.radio-container.responsive .radio label{
font-size:16px}}
.radio-container .radio{
position:relative;
margin-bottom:8px;
margin-right:8px}
.radio-container .radio .form-radio{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
position:relative;
background-color:#eff2f3;
height:32px;
width:32px;
top:8px;
border:4px solid #b2bcc1;
border-radius:50%;
cursor:pointer;
margin-right:8px;
outline:none}
.radio-container .radio .form-radio:checked::before{
position:absolute;
content:"";
left:4px;
top:4px;
border-radius:50%;
width:16px;
height:16px;
background:#787f82}
.radio-container .radio .form-radio:hover{
border:4px solid #787f82}
.radio-container .radio .form-radio:checked{
background-color:#fff;
border:4px solid #787f82}
.radio-container .radio label{
display:inline-block;
cursor:pointer;
margin-bottom:0px}
.toggle{
cursor:pointer}
.toggle .toggle-text{
font-size:18px;
font-weight:500}
.toggle .toggle-control{
transition:0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
width:48px;
height:24px;
border-radius:24px;
border:2px solid #fff;
position:relative}
.toggle .toggle-control:after{
transition:0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
content:"";
width:24px;
height:24px;
display:block;
background-color:#fff;
border-radius:50%;
box-shadow:0 1px 2px rgba(0,0,0,0.4),0 3px 2px rgba(0,0,0,0.1);
position:absolute;
top:0;
left:0}
.toggle input{
display:none}
.toggle input:checked+.toggle-control{
border-color:#9fd50b;
background-color:#9fd50b}
.toggle input:checked+.toggle-control:after{
left:24px}
.border-right{
border-right:2px solid #e0e5e7;
height:100%}
.video-container{
width:100%;
position:relative;
background:#000}
.video-container video,.video-container iframe,.video-container .plyr{
width:100%}
.video-container #play-toggle{
position:absolute;
margin:auto;
top:0;
left:0;
bottom:0;
right:0;
background-color:#12a4e2;
padding:8px;
border-radius:50%;
cursor:pointer;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center}
.video-container #mute-toggle{
position:absolute;
margin:auto;
top:0;
left:0;
bottom:0;
right:0;
background-color:#12a4e2;
padding:8px;
border-radius:50%;
cursor:pointer;
width:40px;
height:40px;
transition:transform .2s ease;
transform:rotate(-10deg)}
.video-container #mute-toggle.hidden{
display:none}
.video-container #mute-toggle:hover{
transform:rotate(0deg)}
.banner{
width:100%;
padding:16px;
background:#fdf5d9;
display:block;
text-align:center;
font-weight:normal;
box-sizing:border-box}
.banner.bg-blue{
background:#12a4e2}
.nav-with-sidebar .banner{
background:#363636;
color:#fff}header .header-text{
padding:32px 0}@media (min-width: 600px){
header .header-text{
padding:64px 0}}header .header-text a{
color:#91b827}@media (min-width: 600px){
header .header-text.thin{
padding:32px 0 48px}}header.white-theme,.guides header,.stories header,.print-with-blurb header,header.website,header.ghostwriting{
color:#fff}header.header-card{
border-top-left-radius:16px;
border-top-right-radius:16px;
box-shadow:0px -10px 10px rgba(0,0,0,0.2)}
.header-cta{
display:grid;
grid-column-gap:4px;
grid-row-gap:8px;
grid-template-columns:1fr auto;
grid-template-rows:auto auto;
align-items:middle;
padding:4px 0 16px 0}@media (min-width: 600px){
.header-cta{
grid-row-gap:16px;
padding:32px 0 48px 0}}
.header-cta .community-img{
grid-column:span 1;
align-self:center}@media (min-width: 900px){
.header-cta .community-img{
grid-row:span 2}}
.header-cta .community-img img{
width:50px;
height:auto}@media (min-width: 600px){
.header-cta .community-img img{
width:150px;
height:auto}}@media (min-width: 900px){
.header-cta .community-img img{
width:300px;
height:auto}}
.header-cta .text{
grid-column:span 1}
.header-cta .login-area{
grid-column:span 2}@media (min-width: 900px){
.header-cta .login-area{
grid-column:span 1}}
.header-cta .login-area .btn-cta{
font-size:14px;
padding:4px 8px}@media (min-width: 600px){
.header-cta .login-area .btn-cta{
padding:8px 12px;
font-size:16px}}
.header-cta .login-area .btn-cta .btn-icon{
width:16px;
margin-left:0px}@media (min-width: 600px){
.header-cta .login-area .btn-cta .btn-icon{
margin-left:8px;
width:24px}}header .header-overlay{
background-image:-webkit-linear-gradient(bottom left, rgba(42,42,42,0.9) 0%, rgba(42,42,42,0.5) 100%);
background-image:-o-linear-gradient(bottom left, rgba(42,42,42,0.9) 0%, rgba(42,42,42,0.5) 100%);
background-image:linear-gradient(to top right, rgba(42,42,42,0.9) 0%, rgba(42,42,42,0.5) 100%);
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0}header.header-bg{
position:relative;
width:100%;
min-height:400px;
background-size:cover;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center}header .header-content{
overflow-x:hidden;
padding:0 0 64px 0}header .header-content .content-thin p{
margin:0 auto;
max-width:600px}
.learn-more{
position:fixed;
padding:10px 0px;
border-radius:20px;
bottom:40px;
left:50%;
margin-left:-75px;
text-align:center;
width:150px;
background:#182229;
box-shadow:0px 2px 40px rgba(0,0,0,0.15);
color:#fff !important;
text-transform:uppercase;
display:none;
opacity:0;
z-index:100}@media (min-width: 600px){
.learn-more{
display:block;
opacity:1}}
.learn-more.visible-on-mobile{
display:block;
opacity:1}nav{
position:relative}nav:not(.pagination){
z-index:100}nav .nav-container{
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-ms-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
box-sizing:border-box;
background-color:none;
color:#2a2a2a;
font-size:16px;
font-weight:500;
line-height:24px;
margin:0 auto;
padding-top:8px;
padding-bottom:8px;
position:relative}
.ios-device nav .nav-container{
padding-left:calc(max(16px, env(safe-area-inset-left)));
padding-right:calc(max(16px, env(safe-area-inset-left)))}@media (min-width: 600px){
nav .nav-container{
height:auto}}@media (min-width: 900px){
nav .nav-container{
padding-top:16px;
padding-bottom:16px}}nav .nav-container .text-nav{
color:#91b827}nav .nav-container .btn-modal-trigger{
display:inline-block}
.nav-fixed{
padding-top:52px}@media (min-width: 900px){
.nav-fixed{
padding-top:72px}}
.nav-fixed nav{
position:fixed;
width:100%;
top:0;
left:0;
right:0;
padding:0;
box-shadow:0px 4px 16px rgba(0,0,0,0.05),0px 2px 8px rgba(0,0,0,0.1);
animation:navigation .2s;
animation-fill-mode:forwards}@-webkit-keyframes navigation{
0%{
background-color:rgba(255,255,255,0)}100%{
background-color:#fff}}
.nav-fixed nav .nav-link a,.nav-fixed nav .logo{
color:#2a2a2a !important}
.nav-fixed nav .logo-svg .svg-logo #reedsy{
fill:#2a2a2a !important}
.nav-fixed .nav-fixed-only{
display:block}
.nav-fixed .nav-fixed-hidden{
display:none}@media (min-width: 1280px){
.nav-with-sidebar.nav-fixed nav{
width:calc(100% - 280px)}}
.nav-dropdown{
position:relative}
.nav-dropdown .dropdown{
font-size:18px;
padding-top:16px;
visibility:hidden}
.nav-dropdown:hover .dropdown{
visibility:visible;
opacity:1}
.dark-theme .nav-container,.nav-fixed nav .nav-container{
color:#2a2a2a}
.dark-theme .nav-container:hover,.nav-fixed nav .nav-container:hover{
color:#2a2a2a}
.dark-theme .bar,.nav-fixed nav .bar{
background:#2a2a2a !important}
.nav-mobile{
-webkit-transition:transform .4s ease;
-moz-transition:transform .4s ease;
-ms-transition:transform .4s ease;
-o-transition:transform .4s ease;
transition:transform .4s ease;
z-index:999;
position:fixed;
top:0;
width:100%;
display:none;
height:100vh;
overflow:scroll;
-webkit-overflow-scrolling:touch;
color:#2a2a2a !important}
.nav-mobile .nav-scroll{
position:absolute;
height:80vh;
width:100%;
bottom:-100px;
-webkit-transition:bottom .4s ease;
-moz-transition:bottom .4s ease;
-ms-transition:bottom .4s ease;
-o-transition:bottom .4s ease;
transition:bottom .4s ease}
.nav-mobile .nav-panel{
padding:16px 16px 120px 16px;
position:relative;
box-sizing:border-box;
background:#fff;
border-top-left-radius:8px;
border-top-right-radius:8px}
.ios-device .nav-mobile .nav-panel{
padding-left:calc(max(16px, env(safe-area-inset-left)));
padding-right:calc(max(16px, env(safe-area-inset-left)))}
.nav-mobile .nav-link{
display:block;
margin:12px 0;
font-size:18px;
font-weight:normal;
width:100%}
.nav-mobile .nav-link.font-aleo,.nav-mobile .nav-link.logo{
font-size:20px}
.nav-mobile.nav-active{
display:block;
animation:fadeIn .4s 1;
animation-fill-mode:forwards}
.nav-mobile.nav-active .nav-scroll{
bottom:0px}
.nav-mobile .nav-close{
font-size:24px;
font-weight:bold}
.nav-mobile .nav-overlay{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(32,32,32,0.1);
-webkit-backdrop-filter:blur(6px);
z-index:-1}
.nav-article p{
margin-bottom:4px}
.nav-article p a{
font-weight:400}
.nav-article a.active{
color:#91b827;
font-weight:500}
.nav-article a{
-webkit-transition:color .15s ease;
-moz-transition:color .15s ease;
-ms-transition:color .15s ease;
-o-transition:color .15s ease;
transition:color .15s ease}
.nav-article a:hover{
color:#75971a}
.nav-tray{
position:fixed;
color:#2a2a2a;
bottom:0px;
width:100%;
box-sizing:border-box;
background:#fff;
padding-bottom:env(safe-area-inset-bottom);
z-index:2}@media (min-width: 900px){
.nav-tray{
display:none}}
.nav-tray .burger{
padding-right:0px}
.nav-tray .burger .bar{
background:#2a2a2a !important}
.nav-tray .icon{
height:20px;
padding-top:8px}
.nav-tray a{
padding-bottom:4px;
width:100%;
display:block;
font-size:12px;
border-bottom:2px solid #fff}
.nav-tray a.active{
border-bottom:2px solid #12a4e2}

.sub-menu{
background:#384752;
padding:24px 24px;
margin:0 -24px;
border-radius:0px;
overflow-x:scroll;
overflow-y:hidden}
.sub-menu::-webkit-scrollbar{
display:none}
.sub-menu>div{
min-width:600px}
.sub-menu .tab-link{
color:inherit !important;
padding-bottom:20px}
.sub-menu .tab-link.active{
border-bottom:4px solid #12a4e2}@media (min-width: 600px){
.sub-menu{
border-radius:8px}}
.nav-footer{
color:#2a2a2a;
background:#fff;
padding:24px 0 20px 0;
z-index:2;
font-size:16px}
.ios-device .nav-footer{
padding-bottom:calc(max(128px, env(safe-area-inset-bottom)))}
.nav-footer a{
font-weight:normal}
.nav-footer h5{
font-size:14px}
.nav-footer .social-links{
margin:24px 0}
.nav-footer .social-links .social-icon{
background-position:center;
background-repeat:no-repeat;
background-size:auto 100%;
content:" ";
display:inline-block;
height:24px;
margin:0 8px;
width:24px}
.nav-footer .social-links .social-icon:first-child{
margin-left:0}
.nav-footer .social-links .social-icon:last-child{
margin-right:0}
.nav-footer .social-links .social-icon.facebook{
background-image:url(https://assets-cdn.reedsy.com/images/icons/facebook.svg)}
.nav-footer .social-links .social-icon.linkedin{
background-image:url(https://assets-cdn.reedsy.com/images/icons/linkedin.svg)}
.nav-footer .social-links .social-icon.twitter{
background-image:url(https://assets-cdn.reedsy.com/images/icons/twitter.svg)}
.burger{
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease;
box-sizing:content-box;
display:inline-block;
padding-right:16px;
width:24px;
opacity:1;
z-index:10}@media (min-width: 900px){
.burger{
padding-right:0;
width:0;
opacity:0}}
.burger .bar{
margin:4px 0px;
width:100%;
height:3px;
background:#2a2a2a;
border-radius:2px;
cursor:pointer}
.nav-categories{
margin-bottom:64px}@media (max-width: 899px){
.nav-categories{
display:none}}
.nav-categories a{
color:#2a2a2a !important;
padding-bottom:24px;
font-size:20px;
margin-right:24px;
border-bottom:4px solid none}
.nav-categories a.active{
border-bottom:4px solid #2a2a2a}
.panel{
position:relative;
border-radius:8px}
.panel .btn-close{
color:#2a2a2a;
font-size:24px;
border-radius:20px;
background:#fff;
box-shadow:0px 2px 4px rgba(0,0,0,0.1);
padding:0 10px;
position:absolute;
right:16px;
top:16px;
cursor:pointer}
.panel>.btn-full{
border-top-left-radius:0px;
border-top-right-radius:0px}
.panel .panel-label{
position:absolute;
padding:8px 12px;
font-size:14px;
top:0;
left:0;
font-weight:500;
background:#12a4e2;
color:#fff;
border-bottom-right-radius:8px;
border-top-left-radius:4px}
.panel .panel-label.yellow{
background-color:#edac01}
.panel .panel-header-image{
width:100%;
border-top-left-radius:6px;
border-top-right-radius:6px;
overflow:hidden;
position:relative;
min-height:120px;
background:#eff2f3;
max-height:50vh}
.panel .panel-header-image img{
border-radius:0px !important;
vertical-align:middle}
.panel>.panel-body{
padding:16px;
box-sizing:border-box}@media (min-width: 900px){
.panel>.panel-body{
padding:24px}}
.panel .panel-header{
box-sizing:border-box;
display:block;
color:#fff;
border-top-left-radius:8px;
border-top-right-radius:8px;
padding:16px}@media (min-width: 900px){
.panel .panel-header{
padding:16px 24px}}
.panel .panel-header h2,.panel .panel-header .mimic-h2,.panel .panel-header .defer-headings h5,.defer-headings .panel .panel-header h5{
margin:0px}
.panel .panel-header.blurb-blue{
background:#27aae2}
.panel .panel-header.barnes-noble-press{
background:#366251}
.panel .panel-header.purple{
background:#a27ab8}
.panel .panel-header.green{
background:#9fd50b}
.panel .panel-header.slate-heavy{
background:#121b20}
.panel .panel-header.slate{
background:#384752}
.panel .panel-header.blue{
background:#12a4e2}
.panel .panel-header.blue-fade{
background:#d8f3ff;
color:#2a2a2a}
.panel .panel-header.yellow-fade{
background:#ffe5ae;
color:#2a2a2a}
.panel .panel-header.white{
color:#2a2a2a;
border-bottom:2px solid #eff2f3}
.panel .panel-header.no-border{
border-radius:0px}
.panel .panel-header.flush-bottom{
padding-bottom:0px !important}@media (min-width: 900px){
.panel .panel-header.large{
padding:32px}}
.panel>.panel-footer{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
background:#eff2f3;
padding:16px}
.panel.panel-thinner .panel-body{
padding:12px}
.panel.panel-thinner .panel-header{
padding:12px}
.panel.panel-thin>.panel-body{
padding:16px}
.panel.panel-thin>.panel-header{
padding:16px}
.panel.panel-semi-thin>.panel-body{
padding:24px}
.panel.panel-semi-thin>.panel-header{
padding:24px}
.panel.panel-full-height{
height:100%}
.panel.panel-full-height>.panel-body{
height:100%;
box-sizing:border-box}
.panel.panel-grey{
background:#eff2f3}
.panel.panel-grey-dark{
background:#e0e5e7}
.panel.panel-white{
background:#fff}
.panel.panel-white-bordered{
background:#fff;
border:2px solid #e0e5e7}
.panel.panel-yellow-fade,.tab-container .panel.current{
background:#ffe5ae}
.panel.panel-blue-faint{
background:#effaff}
.panel.panel-blue{
background:#12a4e2;
color:#fff}
.panel.panel-blue-fade{
background:#d8f3ff}
.panel.panel-green{
background:#9fd50b}
.panel.panel-yellow-bordered{
border:2px solid #edac01 !important;
background:#ffe5ae}
.panel.panel-red-bordered{
background:#fff;
border:2px solid #f25153}
.panel.panel-green-bordered{
background:#fff;
border:2px solid #9fd50b}
.panel.panel-green-faint{
background:#e1f1bd}
.panel.panel-green-fade{
background:#cce398}
.panel.panel-slate{
background:#384752}
.panel.panel-slate-dark{
background:#182229}
.panel.panel-slate-medium{
background:#253038}
.panel.panel-purple-dark{
background:#84599a}
.panel.panel-blurb-blue{
background:#27aae2}
.panel.panel-barnes-noble-press{
background:#366251}
.panel.panel-turq-dark{
background:#258f91}
.panel.panel-turq-light{
background:#c1dbda}
.panel.panel-border-dark{
border:4px solid #2a2a2a}
.panel-overflow{
margin-left:-16px;
margin-right:-16px}@media (min-width: 900px){
.panel-overflow{
border-radius:8px;
margin-left:-24px;
margin-right:-24px}}
.panel-overflow-lg{
margin-left:-16px;
margin-right:-16px}@media (min-width: 900px){
.panel-overflow-lg{
border-radius:8px;
margin-left:-48px;
margin-right:-48px;
padding:24px}}
.panel-collapsed{
max-height:0px;
overflow:hidden;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease}
.panel-collapsed.open{
max-height:550px}
.panel-arrow .panel-body:after,.panel-post .panel-body:after{
position:absolute;
right:0;
top:0;
bottom:0;
margin:auto 16px auto 0;
margin-right:16px;
background:red;
width:12px;
height:12px;
background:url(https://assets-cdn.reedsy.com/images/icons/arrow.svg) no-repeat;
background-size:contain;
content:"";
transform:rotate(-90deg)}
.panel-arrow .panel-body,.panel-post .panel-body{
padding-right:64px}
.panel-arrow.arrow-lg .panel-body:after,.arrow-lg.panel-post .panel-body:after{
width:24px;
height:24px;
margin-right:32px}
.panel-post{
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
padding:16px 24px;
border:2px solid #eff2f3;
border-radius:8px;
position:relative;
display:block;
white-space:pre-line;
margin-bottom:32px;
padding-right:40px}
.panel-post:hover{
background:#cce398}
.panel-post span{
color:#2a2a2a;
font-weight:400;
font-size:16px}footer{
overflow:hidden}footer .footer-text{
margin:48px 0 48px 0}@media (min-width: 600px){
footer .footer-text{
margin:100px 0 100px 0}}
.modal{
position:fixed;
width:100%;
height:100%;
z-index:9999;
top:0px;
left:0px;
overflow:hidden;
display:none}
.modal.visible{
display:block}@media (max-width: 599px){
.modal.modal-show-sm{
height:100%;
padding:16px;
box-sizing:border-box}}
.modal.modal-lg .modal-content{
max-width:900px}
.modal.modal-sm .modal-content{
max-width:400px}
.modal .modal-content{
max-width:540px;
width:90%;
z-index:1;
background:#fff;
position:relative;
border-radius:8px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
display:grid;
grid-template-areas:"image" "body";
grid-template-columns:1fr}@media (min-width: 900px){
.modal .modal-content.layout-column{
max-width:960px;
grid-template-areas:"body image";
grid-template-columns:35% 65%}}
.modal .modal-content.layout-column .modal-image{
border-top-left-radius:0;
border-top-right-radius:8px;
border-bottom-right-radius:8px}@media (max-width: 599px){
.modal .modal-content{
max-width:400px}}
.modal .modal-content .btn-close{
color:#2a2a2a;
width:24px;
height:24px;
display:grid;
font-size:20px;
text-align:center;
align-content:center;
border-radius:50%;
background:#fff;
box-shadow:0px 2px 4px rgba(0,0,0,0.1);
padding:8px;
position:absolute;
right:16px;
top:16px;
cursor:pointer}
.modal .modal-content .modal-image{
grid-area:image;
min-height:40px;
background-color:#000;
width:100%;
border-top-left-radius:8px;
border-top-right-radius:8px;
overflow:hidden;
display:grid;
align-content:center}
.modal .modal-content .modal-image .featured-img,.modal .modal-content .modal-image video{
width:100%}
.modal .modal-content .modal-body{
padding:16px;
grid-area:body}
.modal .modal-content .modal-body .countdown{
font-size:24px}
.modal .modal-content .modal-heading{
margin-bottom:8px;
font-size:20px;
line-height:24px;
font-weight:500}@media (min-width: 600px){
.modal .modal-content .modal-heading{
font-size:24px;
line-height:32px}}@media (max-width: 599px){
.modal .modal-content p,.modal .modal-content input,.modal .modal-content select,.modal .modal-content label{
font-size:16px;
line-height:24px}}@media (max-width: 599px){
.modal .modal-content select,.modal .modal-content input{
padding:8px}}
.modal .modal-content p{
margin:0 0 8px}
.modal .modal-content button{
margin-bottom:0px}@media (max-width: 599px){
.modal .modal-content button{
padding:10px 14px;
font-size:16px}}@media (max-width: 599px){
.modal .modal-content .btn-social{
padding:6px !important;
font-size:14px !important}
.modal .modal-content .btn-social .btn-icon{
width:16px}}@media (max-width: 599px){
.modal.modal-mobile-card.visible .modal-content{
bottom:0px}
.modal.modal-mobile-card .modal-content{
box-shadow:0px 0px 20px rgba(0,0,0,0.2);
border-bottom-left-radius:0;
border-bottom-right-radius:0;
width:100%;
bottom:-80vh;
transform:none;
top:initial;
left:0;
right:0;
margin:0 auto;
transition:bottom .5s ease;
padding-bottom:env(safe-area-inset-bottom)}}
.modal .modal-overlay{
background:rgba(11,23,31,0.8);
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
cursor:pointer}
.modal .modal-overlay.darker{
background:rgba(11,23,31,0.95)}
.sidebar-fixable #sidebar-modal{
margin-top:0;
transform:translateY(-600px);
bottom:-600px;
position:relative;
transition:bottom .4s ease}@media (min-width: 900px){
.sidebar-fixable #sidebar-modal{
width:288px}}
.sidebar-fixable #sidebar-modal.fixed{
position:fixed;
transform:translateY(0px);
bottom:16px}
.recommendations{
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease;
transition:all .2s ease;
background:#fff;
padding:16px;
box-sizing:border-box;
border-radius:4px;
border:2px solid #fff;
height:100%;
width:260px;
position:relative;
cursor:pointer}
.recommendations:hover{
border:2px solid #9fd50b}
.recommendations.border-blurb-blue:hover{
border:2px solid #27aae2}
.recommendations-container{
position:relative;
overflow:hidden;
padding:8px;
max-height:460px}
.recommendations-container .recommendation-gradient{
position:absolute;
height:160px;
width:100%;
margin:-8px;
bottom:0px;
z-index:1;
background:rgba(255,255,255,0);
background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:-webkit-gradient(linear, top, bottom, color-stop(0%, white), color-stop(100%, white));
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:-o-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.recommendations-container .recommendation-button{
position:absolute;
padding:8px 16px;
border-radius:20px;
max-width:120px;
bottom:60px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#182229;
box-shadow:0px 2px 40px rgba(0,0,0,0.15);
color:#fff !important;
text-transform:uppercase;
font-weight:bold;
z-index:2;
cursor:pointer}

.alert{
width:100%;
border-radius:4px;
border:2px solid #12a4e2;
background:#fff;
color:#12a4e2;
padding:12px 16px;
font-weight:bold;
box-sizing:border-box;
text-align:center;
line-height:24px}
.alert.alert-danger{
border:2px solid #f25153;
background:#fff;
color:#f25153}
.slide-container{
width:100%;
overflow:scroll;
-webkit-overflow-scrolling:touch;
padding:16px 0;
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right)}
.slide-container::-webkit-scrollbar{
display:none}
.slide-container .slide-tray{
white-space:nowrap;
margin:0 auto;
max-width:1320px;
align-items:center}
.slide-container .slide{
display:inline-block;
margin:0 16px;
white-space:normal;
color:#2a2a2a;
position:relative;
width:400px}@media (min-width: 600px){
.slide-container .slide{
width:408px}}
.slide-container .slide .panel{
min-height:100px;
border-radius:8px}@media (min-width: 600px){
.slide-container .slide .panel{
min-height:210px}}
.slide-container .slide .img-no-border{
border-top-left-radius:8px;
border-bottom-left-radius:8px;
border-top-right-radius:0;
border-bottom-right-radius:0}
.slide-container .slide-left,.slide-container .slide-right{
width:10%;
height:210px;
position:absolute;
z-index:1}@media (max-width: 599px){
.slide-container .slide-left,.slide-container .slide-right{
display:none}}
.slide-container .slide-left{
left:0;
cursor:w-resize}
.slide-container .slide-right{
right:0;
cursor:e-resize}
.slide-gradient:before{
z-index:1;
display:block;
content:"";
position:absolute;
right:0px;
top:0;
width:32px;
height:100%;
background:rgba(32,39,61,0);
background:-moz-linear-gradient(left, rgba(32,39,61,0) 0%, #20273d 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(32,39,61,0)), color-stop(100%, #20273d));
background:-webkit-linear-gradient(left, rgba(32,39,61,0) 0%, #20273d 100%);
background:-o-linear-gradient(left, rgba(32,39,61,0) 0%, #20273d 100%);
background:-ms-linear-gradient(left, rgba(32,39,61,0) 0%, #20273d 100%);
background:linear-gradient(to right, rgba(32,39,61,0) 0%, #20273d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.slide-gradient.blue-fade-theme:before{
background:rgba(216,243,254,0);
background:-moz-linear-gradient(left, rgba(216,243,254,0) 0%, #d8f3fe 100%);
background:-webkit-gradient(linear, left, right, color-stop(0%, rgba(216,243,254,0)), color-stop(100%, #d8f3fe));
background:-webkit-linear-gradient(left, rgba(216,243,254,0) 0%, #d8f3fe 100%);
background:-o-linear-gradient(left, rgba(216,243,254,0) 0%, #d8f3fe 100%);
background:-ms-linear-gradient(left, rgba(216,243,254,0) 0%, #d8f3fe 100%);
background:linear-gradient(to right, rgba(216,243,254,0) 0%, #d8f3fe 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000",GradientType=0 )}
.user-account{
color:#fff !important;
display:flex}
.user-account .user-profile{
background:#124861;
border-radius:32px;
font-weight:500;
font-size:16px;
align-items:center;
display:flex;
cursor:pointer}
.user-account .user-profile .img-avatar{
vertical-align:middle;
border:2px solid #fff;
margin-right:0px}@media (min-width: 600px){
.user-account .user-profile .img-avatar{
margin-right:8px}}
.user-account .user-profile:hover{
background:#12a4e2}
.user-account .user-notifications{
background:#124861;
padding:5px 6px 3px 11px;
font-size:16px;
border-radius:50%;
margin-right:8px}
.user-account .user-notifications:hover{
background:#12a4e2}
.user-account .user-dropdown{
position:relative;
padding-left:8px;
padding-right:12px;
font-size:20px}
.user-account .user-dropdown img{
margin-bottom:2px;
width:14px}
.user-account .user-dropdown .dropdown{
top:0;
padding-top:40px}
.user-account.green-theme .user-profile{
background:#9fd50b}
.user-account.green-theme .user-profile:hover{
background:#91b827}
.index header{
background-image:-webkit-linear-gradient(bottom left, #F9FEEC, #E2EEBC, #FCF8FF, #D2E2FF, #5B5D92, #FDFFEB, #B0DDCF);
background-size:800% 100%;
background-position:0% 80%;
box-sizing:border-box;
height:100%;
overflow:hidden}@media (min-width: 600px){
.index header{
overflow:visible;
background-position:0% 50%}}
.index header .nav-link>a.active:after,.index header .nav-link:hover a:after{
border-bottom:2px solid #9fd50b}
.index h2:not(.mimic-h1),.index .mimic-h2:not(.mimic-h1),.index .defer-headings h5:not(.mimic-h1),.defer-headings .index h5:not(.mimic-h1){
font-size:24px;
line-height:32px}@media (min-width: 600px){
.index h2:not(.mimic-h1),.index .mimic-h2:not(.mimic-h1),.index .defer-headings h5:not(.mimic-h1),.defer-headings .index h5:not(.mimic-h1){
font-size:32px;
line-height:40px}}@media (min-width: 900px){
.index h2:not(.mimic-h1),.index .mimic-h2:not(.mimic-h1),.index .defer-headings h5:not(.mimic-h1),.defer-headings .index h5:not(.mimic-h1){
font-size:40px;
line-height:48px}}
.index .header-text{
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-ms-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
padding-top:40px;
text-align:center}@media (min-width: 600px){
.index .header-text{
text-align:left;
padding-left:32px}}@media (min-width: 900px){
.index .header-text{
padding-left:0px;
padding-top:100px;
padding-bottom:100px}}
.index .header-text h1,.index .header-text .mimic-h1,.index .header-text .defer-headings h4,.defer-headings .index .header-text h4,.index .header-text .defer-headings .mimic-h4,.defer-headings .index .header-text .mimic-h4{
font-size:32px;
line-height:40px}@media (min-width: 600px){
.index .header-text h1,.index .header-text .mimic-h1,.index .header-text .defer-headings h4,.defer-headings .index .header-text h4,.index .header-text .defer-headings .mimic-h4,.defer-headings .index .header-text .mimic-h4{
font-size:40px;
line-height:48px}}@media (min-width: 900px){
.index .header-text h1,.index .header-text .mimic-h1,.index .header-text .defer-headings h4,.defer-headings .index .header-text h4,.index .header-text .defer-headings .mimic-h4,.defer-headings .index .header-text .mimic-h4{
font-size:54px;
line-height:56px}}
.index .header-text h3,.index .header-text .mimic-h3,.index .header-text .defer-headings h6,.defer-headings .index .header-text h6{
font-size:18px;
line-height:32px;
order:3;
text-align:center}@media (min-width: 600px){
.index .header-text h3,.index .header-text .mimic-h3,.index .header-text .defer-headings h6,.defer-headings .index .header-text h6{
text-align:left;
width:75%;
font-size:24px;
line-height:36px;
order:0}}@media (min-width: 900px){
.index .header-text h3,.index .header-text .mimic-h3,.index .header-text .defer-headings h6,.defer-headings .index .header-text h6{
width:100%}}
.index .header-text .signup-form{
margin-bottom:240px}@media (min-width: 600px){
.index .header-text .signup-form{
margin-bottom:0px}}
.index .header-text .signup-form p{
line-height:2em}
.index .footer-background{
background:url(https://assets-cdn.reedsy.com/assets/landing/landing-v2/index/footer-background-d1b7c17babe2c29e024fc15fc4f00aafaa356a3667f4423f666cd2c2ec80ad7e.jpg) center bottom repeat-x;
background-size:1000px;
padding:0 0 200px 0}@media (min-width: 600px){
.index .footer-background{
padding:30px 0px 340px 0px;
background-size:2000px}}
.index .svg-container{
position:absolute;
margin:0 auto;
right:2%;
top:35%;
width:70%;
text-align:center;
pointer-events:none;
max-width:280px}@media (min-width: 600px){
.index .svg-container{
top:-20%}}@media (min-width: 900px){
.index .svg-container{
width:80%;
position:relative;
overflow:visible;
top:6%;
left:8%;
margin:-100px 0px 0px 0px}}
.index .svg-container img{
position:absolute;
width:200%;
margin-left:-50%;
display:block;
opacity:0;
-webkit-transition:opacity 1s ease;
-moz-transition:opacity 1s ease;
-ms-transition:opacity 1s ease;
-o-transition:opacity 1s ease;
transition:opacity 1s ease}@media (min-width: 900px){
.index .svg-container img{
width:180%;
margin-left:0px}}
.index .adventure-image{
-webkit-transition:background-position 2s ease;
-moz-transition:background-position 2s ease;
-ms-transition:background-position 2s ease;
-o-transition:background-position 2s ease;
transition:background-position 2s ease;
background-position:0% 100%}
.index .adventure-image .image-one{
opacity:1}
.index .adventure-image .text-typed{
color:#91b827}
.index .romance-image{
-webkit-transition:background-position 1s ease;
-moz-transition:background-position 1s ease;
-ms-transition:background-position 1s ease;
-o-transition:background-position 1s ease;
transition:background-position 1s ease;
background-position:30% 0%}
.index .romance-image .image-two{
opacity:1}
.index .romance-image .text-typed{
color:#91b827}
.index .mystery-image{
-webkit-transition:background-position 1s ease;
-moz-transition:background-position 1s ease;
-ms-transition:background-position 1s ease;
-o-transition:background-position 1s ease;
transition:background-position 1s ease;
color:#000;
background-position:66% 0%}
.index .mystery-image .image-three{
opacity:1}
.index .mystery-image .text-typed{
color:#9fd50b}
.index .self-help-image{
background-position:100% 0%;
-webkit-transition:background-position 1s ease;
-moz-transition:background-position 1s ease;
-ms-transition:background-position 1s ease;
-o-transition:background-position 1s ease;
transition:background-position 1s ease}
.index .self-help-image .image-four{
opacity:1}
.index .self-help-image .text-typed{
color:#91b827}
.page-service header .nav-link:hover a:after,.page-service header .nav-link a.active:after{
border-color:#9fd50b}
.service-image{
opacity:.1}@media (min-width: 900px){
.service-image{
opacity:1}}
.editing{
position:relative;
background:#e1f1bd}
.editing .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/editing/editing-header-98b65fae9cbe2e4b6c0cb1534617873cc0e55ceb75ea85c183dd1fb03a13869b.jpg) right bottom;
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-24%;
height:90%;
width:850px}
.design{
position:relative;
background:#def6ff}
.design .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/design/design-header-c85a57447463ae60b0c424d2f20811dbd9c0533709ec7f86e0d255acf047d8dd.jpg);
background-repeat:no-repeat;
background-size:contain;
bottom:20px;
margin-left:-8%;
height:90%;
width:850px}
.marketing{
position:relative;
background:#e1ede5}
.marketing .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/marketing/marketing-header-48f5ef63d0de4a4be4a2f09cfcc85815026bd19fffcb2f4c070cb63d0953ccb1.jpg);
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-300px;
height:100%;
width:1100px}
.publicity{
position:relative;
background:#e3eef9}
.publicity .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/publicity/publicity-header-005e753c0cca9d6720c9081472b3c676db41934d36545cc0c7de64ba8cdcc3af.jpg);
background-repeat:no-repeat;
background-size:contain;
bottom:25px;
margin-left:-30px;
height:80%;
width:600px}
.ghostwriting{
position:relative;
background:#494b55}
.ghostwriting .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/ghostwriting/ghostwriting-header-016b93d8ab4aa535d2f39abf4524fe82c0eba9e70972f8e9e85f89ed3c1f5b0f.jpg);
background-repeat:no-repeat;
background-size:contain;
bottom:60px;
margin-left:0px;
height:80%;
width:320px}
.website{
position:relative;
background:#182229}
.website .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/website/website-header-1bd588edff3dc1bbd0f8bc17ee8b6a0ae51dce078e24629e0c091c16064deb00.svg) bottom;
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-100px;
height:80%;
width:500px}
.translation{
position:relative;
background:#e1f1bd}
.translation .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/editing/editing-header-98b65fae9cbe2e4b6c0cb1534617873cc0e55ceb75ea85c183dd1fb03a13869b.jpg) right bottom;
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-24%;
height:90%;
width:850px}
.four-o-four{
position:relative;
background:#cce398}
.four-o-four .service-image{
position:absolute;
background-repeat:no-repeat;
background-size:contain;
bottom:160px;
margin-left:-50px;
height:200px;
width:420px}
.hire-recommendations{
background:#f8f9fa}
.hire-recommendations .underlined{
text-decoration:none !important;
border-bottom:1px solid #eff2f3;
transition:none}
.hire-recommendations header{
position:relative;
background:#253038;
padding-bottom:40px}
.hire-recommendations header .nav-link>a.active:after{
border-bottom:2px solid #9fd50b}
.hire-recommendations .overflow-up{
margin-top:-120px}@media (max-width: 599px){
.hire-recommendations .overflow-up{
margin-top:-70px}}
.hire-recommendations .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/service/editing/editing-header-98b65fae9cbe2e4b6c0cb1534617873cc0e55ceb75ea85c183dd1fb03a13869b.jpg) right bottom;
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-24%;
height:90%;
width:850px}@media (max-width: 599px){
.hire-recommendations .flex-order-end-mob{
order:10}}
.hire-recommendations .blur-background{
background:url(https://assets-cdn.reedsy.com/assets/landing/hire-recommendations/freelancer-blur-4e01c2e900121c48bd243af01640a90b0cb0fcc53e3f9153faaf538b545ea669.jpg) center top}
.hire-recommendations .close-summary{
position:absolute;
right:24px;
top:24px;
cursor:pointer}
.hire-recommendations .freelancer-summary{
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
position:absolute;
width:100%;
left:0px;
margin-top:40px;
opacity:0;
overflow:hidden}
.hire-recommendations .freelancer-summary.summary-open{
opacity:1}
.hire-recommendations .equal-height .freelancer-panel{
min-height:0px;
display:flex;
flex-direction:column;
flex-grow:1}@media (min-width: 600px){
.hire-recommendations .equal-height .freelancer-panel{
min-height:420px}}
.hire-recommendations .equal-height .panel-body{
display:flex;
flex-direction:column;
flex-grow:1}
.hire-recommendations .equal-height .align-bottom{
margin-top:auto}
.print-with-blurb header{
position:relative;
background:#1f1f1f}
.print-with-blurb header .header-text{
max-width:500px;
margin:0 auto;
padding:0}
.print-with-blurb header .nav-link:hover a:after,.print-with-blurb header .nav-link a.active:after{
border-bottom:4px solid #12a4e2}
.print-with-blurb .text-nav{
color:#12a4e2 !important}
.print-with-blurb p a{
color:#27aae2 !important}
.print-with-blurb p a:hover{
color:#008fc9}
.book-block{
background:#def6ff;
border-radius:4px;
padding:8px}
.book-block.book-standard{
height:120px;
width:80px}
.book-block.book-trade{
height:140px;
width:100px}
.book-block.book-other{
height:140px;
width:110px}
.book-block.book-custom{
height:80px;
width:110px}
.blurb header{
position:relative;
background:#def6ff}
.blurb header .nav-link:hover a:after,.blurb header .nav-link a.active:after{
border-bottom:4px solid #12a4e2}
.blurb header .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/blurb/blurb-db580f6215646e7b22c8d46af00ad0319cec6ceda26e09283274815b837b876d.jpg);
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-40px;
height:110%;
width:1100px}
.blurb .text-nav{
color:#12a4e2 !important}
.blurb p a{
color:#27aae2}
.blurb p a:hover{
color:#008fc9}
.stories header{
position:relative;
background:#182229}
.stories header .nav-link:hover a:after,.stories header .nav-link a.active:after{
border-bottom:4px solid #12a4e2}
.stories header .btn-login{
background:#12a4e2}
.stories header .text-nav{
color:#12a4e2 !important}
.stories .story-hero{
margin:60px 0px}@media (min-width: 600px){
.stories .story-hero{
margin:120px 0px}}
.stories section>a{
color:#12a4e2}
.stories .fiona-macbain{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/fiona-macbain/cover-8644b18dc27574a980ddb7af82bf6982b44f6859dece284286352bcfd8340555.jpg) right center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:-750px;
height:100%;
width:calc(100% + 750px);
max-width:2200px}
.stories .ben-galley{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/ben-galley/cover-916edacfecf71e416a096c13ab785f555556fb60aa36e3b649da7616ac94a18b.jpg) right center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:-750px;
height:100%;
width:calc(100% + 750px);
max-width:2200px}
.stories .ben-galley.bg-img-left{
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/ben-galley/cover-916edacfecf71e416a096c13ab785f555556fb60aa36e3b649da7616ac94a18b.jpg) left center;
background-repeat:no-repeat;
background-size:cover;
right:20px}
.stories .kathy-strahs{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/kathy-strahs/cover-f4e03ca41d393e85548a313ce60c33e2ea60480f7bb36059d5749abc7df298b7.jpg) right center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:-250px;
height:100%;
width:calc(100% + 350px);
max-width:2200px}
.stories .kathy-strahs.bg-img-left{
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/kathy-strahs/cover-f4e03ca41d393e85548a313ce60c33e2ea60480f7bb36059d5749abc7df298b7.jpg) left center;
background-repeat:no-repeat;
background-size:cover;
right:300px}
.stories .natalie-barelli{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/natalie-barelli/cover-e888f9df85c8c3c5ee9383b201fe4d127b9defd4e562896154a987afaca9ca1c.jpg) left center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:-10%;
height:100%;
width:100%;
max-width:1300px}
.stories .british-library-publishing{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/british-library-publishing/cover-bd668ff4186640f98d5d8c96fcb3e9744d21d5bf5125135da51bdfb807ba50bd.jpg) left center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:-250px;
height:100%;
width:calc(100% + 350px);
max-width:2200px}
.stories .adam-bender{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/stories/adam-bender/cover-4d133921cf9709d28b2de19854457933c6f58ddb5413d6e229b79ec3360445a5.jpg) left center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:-250px;
height:100%;
width:calc(100% + 350px);
max-width:2200px}
.stories .image-two{
position:absolute;
background:url(https://assets-cdn.reedsy.com/images/landing/stories/experience.jpg) left center;
background-repeat:no-repeat;
background-size:cover;
top:0%;
right:20px;
height:100%;
width:100%;
max-width:2200px}
.events header{
position:relative;
background:#d8f3ff}
.events header .nav-link:hover:after{
border-bottom:4px solid #84599a}
.events header .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/events/event-header-6fbafc650ff46ddd90f11d8570da39afaa3b0ad00e9974031b634385f8b8eb6f.jpg);
background-repeat:no-repeat;
background-size:contain;
bottom:-80px;
margin-left:-450px;
height:105%;
width:1800px}
.events section a{
color:#a27ab8}
.events section a:hover{
color:#84599a}
.about header{
position:relative;
background:#effaff}
.about header.parrot-bg{
background:url("landing/about/parrot.png ") center center #effaff;
background-size:contain}
.about header .text-nav{
color:#12a4e2 !important}
.about header .header-text{
max-width:480px;
padding:32px 0;
margin:0 auto}@media (min-width: 900px){
.about header .header-text{
padding:80px 0 32px 0}}
.about header .about-press{
position:absolute;
left:-14%;
bottom:-70px;
-webkit-transition:transform .4s ease;
-moz-transition:transform .4s ease;
-ms-transition:transform .4s ease;
-o-transition:transform .4s ease;
transition:transform .4s ease}
.about header .about-press:hover{
transform:scale(1.02)}@media (min-width: 900px){
.about header .about-press{
left:-12%}}@media (min-width: 1024px){
.about header .about-press{
left:-5%}}@media (min-width: 1280px){
.about header .about-press{
left:7%}}
.about header .about-team{
width:40%;
position:absolute;
right:-60px;
bottom:-30px;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease}
.about header .about-team:hover{
transform:scale(1.02)}
.about article a{
color:#12a4e2 !important}
.team header{
position:relative;
background:#effaff}
.team header.overflow{
padding-bottom:120px}@media (min-width: 600px){
.team header.overflow{
padding-bottom:260px}}
.team section a{
color:#12a4e2}
.team .overflow-up{
margin-top:-120px}@media (min-width: 600px){
.team .overflow-up{
margin-top:-260px}}body{
counter-reset:h2}h2,.mimic-h2,.defer-headings h5{
counter-reset:h3}h3,.mimic-h3,.defer-headings h6{
counter-reset:p}p{
counter-reset:h4}
.numbered-headings{
position:relative}
.numbered-headings h2:before,.numbered-headings .mimic-h2:before,.numbered-headings .defer-headings h5:before,.defer-headings .numbered-headings h5:before{
counter-increment:h2;
position:absolute;
left:0;
content:counter(h2) ". "}
.numbered-headings h3:before,.numbered-headings .mimic-h3:before,.numbered-headings .defer-headings h6:before,.defer-headings .numbered-headings h6:before{
counter-increment:h3;
position:absolute;
left:0;
content:counter(h2) "." counter(h3) ". ";
color:#e0e5e7}
.numbered-headings p:before{
left:0;
counter-increment:p;
position:absolute;
content:counter(h2) "." counter(h3) "." counter(p) ". ";
color:#e0e5e7}@media (min-width: 600px){
.numbered-headings p:before{
left:48px}}
.numbered-headings h2.nocount:before,.numbered-headings .nocount.mimic-h2:before,.numbered-headings .defer-headings h5.nocount:before,.defer-headings .numbered-headings h5.nocount:before,.numbered-headings h3.nocount:before,.numbered-headings .nocount.mimic-h3:before,.numbered-headings .defer-headings h6.nocount:before,.defer-headings .numbered-headings h6.nocount:before,.numbered-headings p.nocount:before{
content:"";
counter-increment:none}
.numbered-headings .nocount h2:before,.numbered-headings .nocount .mimic-h2:before,.numbered-headings .nocount .defer-headings h5:before,.defer-headings .numbered-headings .nocount h5:before{
content:"";
counter-increment:none}
.numbered-headings .nocount h3:before,.numbered-headings .nocount .mimic-h3:before,.numbered-headings .nocount .defer-headings h6:before,.defer-headings .numbered-headings .nocount h6:before{
content:"";
counter-increment:none}
.numbered-headings .nocount p:before{
content:"";
counter-increment:none}
.numbered-headings p,.numbered-headings h2,.numbered-headings .mimic-h2,.numbered-headings .defer-headings h5,.defer-headings .numbered-headings h5,.numbered-headings h3,.numbered-headings .mimic-h3,.numbered-headings .defer-headings h6,.defer-headings .numbered-headings h6,.numbered-headings h4,.numbered-headings .mimic-h4{
line-height:1.4em;
margin-bottom:16px}
.numbered-headings h2,.numbered-headings .mimic-h2,.numbered-headings .defer-headings h5,.defer-headings .numbered-headings h5,.numbered-headings h3,.numbered-headings .mimic-h3,.numbered-headings .defer-headings h6,.defer-headings .numbered-headings h6{
padding-left:48px}@media (min-width: 600px){
.numbered-headings h2,.numbered-headings .mimic-h2,.numbered-headings .defer-headings h5,.defer-headings .numbered-headings h5,.numbered-headings h3,.numbered-headings .mimic-h3,.numbered-headings .defer-headings h6,.defer-headings .numbered-headings h6{
padding-left:48px}}
.numbered-headings h3,.numbered-headings .mimic-h3,.numbered-headings .defer-headings h6,.defer-headings .numbered-headings h6{
font-weight:normal}
.numbered-headings h2,.numbered-headings .mimic-h2,.numbered-headings .defer-headings h5,.defer-headings .numbered-headings h5{
font-size:24px;
margin-top:32px}
.numbered-headings h3,.numbered-headings .mimic-h3,.numbered-headings .defer-headings h6,.defer-headings .numbered-headings h6{
font-size:18px}
.numbered-headings h4,.numbered-headings .mimic-h4{
font-size:16px}
.numbered-headings p{
position:relative;
padding-left:48px;
font-size:18px}@media (min-width: 600px){
.numbered-headings p{
padding-left:120px}}
.numbered-headings .alpha{
counter-increment:none;
counter-reset:alpha;
position:relative;
margin-left:48px}
.numbered-headings .alpha>p{
padding-left:20px;
counter-increment:alpha}@media (min-width: 600px){
.numbered-headings .alpha>p{
padding-left:48px}}
.numbered-headings .alpha>p:before{
left:0;
position:absolute;
content:counter(alpha, lower-alpha) ")";
counter-increment:none}
.numbered-headings .alpha.indent{
margin-left:48px}@media (min-width: 600px){
.numbered-headings .alpha.indent{
margin-left:120px}}
.numbered-headings .numbers{
counter-increment:none;
counter-reset:numbers;
position:relative;
margin-left:48px}
.numbered-headings .numbers>p{
padding-left:20px;
counter-increment:numbers}@media (min-width: 600px){
.numbered-headings .numbers>p{
padding-left:48px}}
.numbered-headings .numbers>p:before{
left:0;
position:absolute;
content:counter(numbers) ")";
counter-increment:none}
.numbered-headings .numbers.indent{
margin-left:48px}@media (min-width: 600px){
.numbered-headings .numbers.indent{
margin-left:120px}}
.numbered-headings table tr{
vertical-align:top}
.numbered-headings table td{
display:block}@media (min-width: 600px){
.numbered-headings table td{
display:table-cell}}
.numbered-headings table td p{
padding-left:48px}
.numbered-headings table td:first-child{
width:100%}@media (min-width: 600px){
.numbered-headings table td:first-child{
width:220px}}
.numbered-headings span{
cursor:pointer}
.numbered-headings span:hover{
background-color:#cce398}
.tos-table{
margin-left:0px;
border:2px solid #f4f1ec;
margin-bottom:15px;
border-radius:5px}@media (min-width: 600px){
.tos-table{
margin-left:48px}}
.tos-table tr:nth-child(even){
background-color:#faf9f7}
.tos-table thead{
display:none;
background:#f4f1ec;
font-weight:bold}@media (min-width: 600px){
.tos-table thead{
display:table-header-group}}
.tos-table td{
padding:15px}
.tos-table tbody td:before{
content:attr(data-label) ":";
float:left;
font-weight:bold;
margin-right:10px}@media (min-width: 600px){
.tos-table tbody td:before{
display:none}}
.guides header{
position:relative;
background:#182229}
.guides header .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/editor/macbook-da1ca7644bc2ccf58f95fe4f6e1a1d6bb22140627e98c694b4828cb3252ee504.svg);
background-repeat:no-repeat;
background-size:contain;
bottom:0px;
margin-left:-60px;
height:90%;
width:1800px}
.guides section a,.guides article a,.guides footer a{
color:#12a4e2}
.devise{
height:100%;
background:url(https://assets-cdn.reedsy.com/assets/landing/header/base-27ab8222df95b06a7b64403e8d9f87544348abe07ebc213e85e893288c3145cd.jpg) center top;
background-size:cover}
.devise.publisher{
background:url(https://assets-cdn.reedsy.com/assets/landing/publisher/header-10fd492b490a94abe65b49343a21dbb66f9e64e22345c969f79b20d29c348563.jpg) center top}
.devise p{
line-height:2em}
.write-a-book header{
-webkit-transition:background-position 1s ease;
-moz-transition:background-position 1s ease;
-ms-transition:background-position 1s ease;
-o-transition:background-position 1s ease;
transition:background-position 1s ease;
background:url(https://assets-cdn.reedsy.com/assets/landing/landing-v2/write-a-book/header_xl-85c4ef25b20f32e4551981b6bb32b891c107f5aa14e2b8d12cfd1cafe4460aa2.jpg) center bottom;
background-size:cover;
box-sizing:border-box}
.write-a-book .header-text{
text-align:center;
padding:40px 0 100px 0}@media (min-width: 900px){
.write-a-book .header-text{
padding:120px 0 180px 0}}
.write-a-book .header-text h1,.write-a-book .header-text .mimic-h1,.write-a-book .header-text .defer-headings h4,.defer-headings .write-a-book .header-text h4,.write-a-book .header-text .defer-headings .mimic-h4,.defer-headings .write-a-book .header-text .mimic-h4{
font-size:32px;
line-height:40px}@media (min-width: 600px){
.write-a-book .header-text h1,.write-a-book .header-text .mimic-h1,.write-a-book .header-text .defer-headings h4,.defer-headings .write-a-book .header-text h4,.write-a-book .header-text .defer-headings .mimic-h4,.defer-headings .write-a-book .header-text .mimic-h4{
font-size:40px;
line-height:56px}}
.write-a-book .overflow-up{
margin-top:-50px}@media (min-width: 900px){
.write-a-book .overflow-up{
margin-top:-100px}}
.write-a-book .footer-img{
max-width:1400px;
margin:0 auto}
.barnes-noble-press header{
position:relative;
background:#ecf3f0}
.barnes-noble-press header .nav-link:hover:after{
border-bottom:4px solid #366251}
.barnes-noble-press header .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/header-92caae1d6a31f8727185a55d10a8a6c49cdd4b5d6c93fcfdd48385e79d640431.jpg) no-repeat;
background-size:contain;
bottom:0px;
margin-left:-40px;
height:100%;
width:1024px}
.barnes-noble-press header .text-nav{
color:#366251}
.barnes-noble-press section p a{
color:#ff9b00 !important}
.barnes-noble-press section p a:hover{
color:#ff9b00}
.barnes-noble-press h2:not(.mimic-h1),.barnes-noble-press .mimic-h2:not(.mimic-h1),.barnes-noble-press .defer-headings h5:not(.mimic-h1),.defer-headings .barnes-noble-press h5:not(.mimic-h1){
font-size:24px;
line-height:32px}@media (min-width: 600px){
.barnes-noble-press h2:not(.mimic-h1),.barnes-noble-press .mimic-h2:not(.mimic-h1),.barnes-noble-press .defer-headings h5:not(.mimic-h1),.defer-headings .barnes-noble-press h5:not(.mimic-h1){
font-size:32px;
line-height:40px}}@media (min-width: 900px){
.barnes-noble-press h2:not(.mimic-h1),.barnes-noble-press .mimic-h2:not(.mimic-h1),.barnes-noble-press .defer-headings h5:not(.mimic-h1),.defer-headings .barnes-noble-press h5:not(.mimic-h1){
font-size:40px;
line-height:48px}}
.barnes-noble-press footer{
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/footer-576dda3a60e76f62be58ef68a143b31bfd066a9e50a153ecfde3c2ce9e4e4095.jpg) no-repeat right bottom #f9f9f9;
background-size:0px}@media (min-width: 900px){
.barnes-noble-press footer{
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/footer-576dda3a60e76f62be58ef68a143b31bfd066a9e50a153ecfde3c2ce9e4e4095.jpg) no-repeat right top #f9f9f9;
background-size:910px}}
.professionals header{
background-image:radial-gradient(69% 53%, #0D3A4D 25%, #062430 84%);
box-sizing:border-box;
height:100%;
overflow:hidden}
.professionals header .nav-link:hover a:after,.professionals header .nav-link a.active:after{
border-bottom:2px solid #9fd50b}
.professionals h2:not(.mimic-h1),.professionals .mimic-h2:not(.mimic-h1),.professionals .defer-headings h5:not(.mimic-h1),.defer-headings .professionals h5:not(.mimic-h1){
font-size:24px;
line-height:32px}@media (min-width: 600px){
.professionals h2:not(.mimic-h1),.professionals .mimic-h2:not(.mimic-h1),.professionals .defer-headings h5:not(.mimic-h1),.defer-headings .professionals h5:not(.mimic-h1){
font-size:32px;
line-height:40px}}@media (min-width: 900px){
.professionals h2:not(.mimic-h1),.professionals .mimic-h2:not(.mimic-h1),.professionals .defer-headings h5:not(.mimic-h1),.defer-headings .professionals h5:not(.mimic-h1){
font-size:40px;
line-height:48px}}
.professionals .header-text{
padding-top:40px;
padding-bottom:120px}@media (min-width: 600px){
.professionals .header-text{
padding-top:120px;
padding-bottom:120px}}
.professionals .header-text h1,.professionals .header-text .mimic-h1,.professionals .header-text .defer-headings h4,.defer-headings .professionals .header-text h4,.professionals .header-text .defer-headings .mimic-h4,.defer-headings .professionals .header-text .mimic-h4{
font-size:32px;
line-height:40px;
text-align:center}@media (min-width: 600px){
.professionals .header-text h1,.professionals .header-text .mimic-h1,.professionals .header-text .defer-headings h4,.defer-headings .professionals .header-text h4,.professionals .header-text .defer-headings .mimic-h4,.defer-headings .professionals .header-text .mimic-h4{
text-align:left;
font-size:40px;
line-height:48px}}@media (min-width: 900px){
.professionals .header-text h1,.professionals .header-text .mimic-h1,.professionals .header-text .defer-headings h4,.defer-headings .professionals .header-text h4,.professionals .header-text .defer-headings .mimic-h4,.defer-headings .professionals .header-text .mimic-h4{
font-size:54px;
line-height:56px}}
.professionals .header-text h3,.professionals .header-text .mimic-h3,.professionals .header-text .defer-headings h6,.defer-headings .professionals .header-text h6{
font-size:18px;
line-height:32px;
order:3;
text-align:center}@media (min-width: 600px){
.professionals .header-text h3,.professionals .header-text .mimic-h3,.professionals .header-text .defer-headings h6,.defer-headings .professionals .header-text h6{
text-align:left;
width:75%;
font-size:24px;
line-height:36px;
order:0}}@media (min-width: 900px){
.professionals .header-text h3,.professionals .header-text .mimic-h3,.professionals .header-text .defer-headings h6,.defer-headings .professionals .header-text h6{
width:100%}}
.professionals .header-text .signup-form{
margin-bottom:240px}@media (min-width: 600px){
.professionals .header-text .signup-form{
margin-bottom:0px}}
.professionals .svg-container{
position:absolute;
margin:0 auto;
left:25%;
top:35%;
width:70%;
text-align:center;
pointer-events:none;
max-width:280px}@media (min-width: 600px){
.professionals .svg-container{
top:-20%}}@media (min-width: 900px){
.professionals .svg-container{
width:80%;
position:relative;
overflow:visible;
top:0%;
left:1%;
margin:-100px 0px 0px 0px}}
.professionals .svg-container img{
position:absolute;
width:200%;
margin-left:-50%;
display:block;
opacity:1;
-webkit-transition:opacity 1s ease;
-moz-transition:opacity 1s ease;
-ms-transition:opacity 1s ease;
-o-transition:opacity 1s ease;
transition:opacity 1s ease}@media (min-width: 900px){
.professionals .svg-container img{
width:200%;
margin-left:0px}}
.professionals .rockstar-image{
-webkit-transition:background-position 2s ease;
-moz-transition:background-position 2s ease;
-ms-transition:background-position 2s ease;
-o-transition:background-position 2s ease;
transition:background-position 2s ease;
background-position:0% 100%}
.professionals .question-and-answer .question{
padding-right:32px;
background:url(https://assets-cdn.reedsy.com/assets/landing/landing-v2/icon-down-arrow-white-b21a50da0d2d4c3fd6c5c61ad3c5f9178647dd1bf6b6f06a0f62aff87937df72.svg) no-repeat;
background-size:16px;
background-position:calc(100% - 16px) 24px;
cursor:pointer;
box-sizing:content-box;
padding-bottom:1px}
.professionals .question-and-answer .question.open{
background:url(https://assets-cdn.reedsy.com/assets/landing/landing-v2/icon-up-arrow-white-4d0dd0c9c363fd854b187bb1af50a5992ca9fd85ed5d70c9f3388cd19b9b37d6.svg) no-repeat;
background-position:calc(100% - 16px) 24px}
.professionals .question-and-answer .question.open .answer{
max-height:200px}
.professionals .question-and-answer .answer{
max-height:0px;
margin:8px 0;
overflow:hidden;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease}
.professionals footer{
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/footer-576dda3a60e76f62be58ef68a143b31bfd066a9e50a153ecfde3c2ce9e4e4095.jpg) no-repeat right bottom #f9f9f9;
background-size:0px}@media (min-width: 900px){
.professionals footer{
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/footer-576dda3a60e76f62be58ef68a143b31bfd066a9e50a153ecfde3c2ce9e4e4095.jpg) no-repeat right top #f9f9f9;
background-size:910px}}
.ingram-spark header{
position:relative;
background:#d8f3ff}
.ingram-spark header .service-image{
position:absolute;
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/ingram/header-ingram-6ec36b8447041afdc09ef6da3f140e310f0a8665f21567b11041e9b8254b215d.jpg) no-repeat;
background-size:contain;
bottom:0px;
margin-left:-120px;
height:100%;
width:1024px}
.ingram-spark header .text-nav{
color:#12a4e2}
.ingram-spark section p a{
color:#ff9b00 !important}
.ingram-spark section p a:hover{
color:#ff9b00}
.ingram-spark h2:not(.mimic-h1),.ingram-spark .mimic-h2:not(.mimic-h1),.ingram-spark .defer-headings h5:not(.mimic-h1),.defer-headings .ingram-spark h5:not(.mimic-h1){
font-size:24px;
line-height:32px}@media (min-width: 600px){
.ingram-spark h2:not(.mimic-h1),.ingram-spark .mimic-h2:not(.mimic-h1),.ingram-spark .defer-headings h5:not(.mimic-h1),.defer-headings .ingram-spark h5:not(.mimic-h1){
font-size:32px;
line-height:40px}}@media (min-width: 900px){
.ingram-spark h2:not(.mimic-h1),.ingram-spark .mimic-h2:not(.mimic-h1),.ingram-spark .defer-headings h5:not(.mimic-h1),.defer-headings .ingram-spark h5:not(.mimic-h1){
font-size:40px;
line-height:48px}}
.ingram-spark footer{
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/footer-576dda3a60e76f62be58ef68a143b31bfd066a9e50a153ecfde3c2ce9e4e4095.jpg) no-repeat right bottom #f9f9f9;
background-size:0px}@media (min-width: 900px){
.ingram-spark footer{
background:url(https://assets-cdn.reedsy.com/assets/landing/partners/barnes-noble-press/footer-576dda3a60e76f62be58ef68a143b31bfd066a9e50a153ecfde3c2ce9e4e4095.jpg) no-repeat right top #f9f9f9;
background-size:910px}}
.login{
width:100%;
height:100%;
background:#eff2f3;
display:flex;
overflow:scroll}
.login header{
position:absolute;
width:100%}
.login .center-content{
width:100%;
max-width:480px;
padding:32px 16px;
box-sizing:border-box;
margin:auto}
.thankyou-page{
height:100%;
background:url(https://assets-cdn.reedsy.com/assets/landing/thankyou-9bcddf38d675c648876eab594e3ee53c92530281ea5e1a87e2f282d993a10035.svg) left bottom no-repeat;
background-size:cover;
background-color:#f1f9ff}
.thankyou-page .container{
width:100%;
height:100%;
display:flex;
overflow:scroll}
.thankyou-page .container header{
position:absolute;
width:100%}
.thankyou-page .container .center-content{
width:100%;
max-width:560px;
padding:32px 16px;
box-sizing:border-box;
margin:auto}
.thankyou-page .container .center-content .panel-white{
border:2px solid #12a4e2}#map{
height:250px;
z-index:0}
.mb-4{
margin-bottom:4em}
.google-one-tap{
bottom:16px;
left:16px;
position:fixed;
z-index:298}