@charset "UTF-8";
html body{
    --primaryColor:#008cbe;
    --secondaryColor:#c8c8c8;
    --backgroundColor:#fff;
    --secondaryBackgroundColor:#c8c8c8;
    --textColor:#000;
    --secondaryTextColor:#505050;
    --ghostColor:#c8c8c8;
    --gutter:16px;
    --borderRadius:4px;
    --actionButtonHeight:50px;
    --appBarColor:#fff;
    --appBarTextColor:var(--textColor);
    --appBarHeight:54px;
    --appBarDisplay:flex;
    --appBarShrinkDisplay:flex;
    --appBarShrinkHeight:30px;
    --appBarFontSize:1em;
    --appBarShrinkFontSize:0.6em;
    --appBarPaddingVert:4px;
    --appBarPaddingHoriz:0;
    --appBarButtonWidth:50px;
    --appMenuColor:#fff;
    --navigationHeight:50px;
    --navigationShrinkHeight:30px;
    --navigationColor:var(--textColor);
    --navigationBgColor:#fff;
    --navigationActiveColor:var(--primaryColor);
    --listPadding:var(--gutter);
    --listPaddingHoriz:var(--gutter);
    --listPaddingVert:var(--gutter);
    --listItemGutter:var(--gutter);
    --gridListColumns:4;
    --listTabBorderWidth:1px;
    --listTabBorderRadius:var(--borderRadius);
    --listTabHighlightColor:var(--primaryColor);
    --listTabHighlightTextColor:#fff;
    --buttonPaddingVert:calc(var(--gutter) / 2);
    --buttonPaddingHoriz:calc(var(--gutter) / 2);
    --modalBgColor:#fff;
    --modalPadding:var(--gutter);
    --modalPaddingBottom:var(--gutter);
    --issueProgressPaddingVert:2px;
    --issueProgressPaddingHoriz:2px;
    --issueProgressMarginVert:calc(var(--gutter) / 2);
    --issueProgressMarginHoriz:calc(var(--gutter) / 2);
    --issueProgressBgColor:var(--secondaryColor);
    --issueProgressColor:var(--primaryColor);
    --issueProgressFontColor:#fff;
    --issueUpdateBadgeBgColor:var(--primaryColor);
    --issueUpdateBadgeColor:#fff;
    --subscriptionPaddingVert:var(--gutter);
    --subscriptionPaddingHoriz:var(--gutter);
    --subscriptionPurchasedMarginHoriz:6px;
    --subscriptionPurchasedBorderRadius:20px;
    --loginPaddingVert:var(--gutter);
    --loginPaddingHoriz:var(--gutter);
    --loginElementMarginVert:calc(var(--gutter));
    --loginElementMarginHoriz:0;
    --couponPaddingVert:var(--gutter);
    --couponPaddingHoriz:var(--gutter);
    --couponElementMarginVert:calc(var(--gutter));
    --couponElementMarginHoriz:0;
    --couponElementPaddingVert:calc(var(--gutter));
    --couponElementPaddingHoriz:calc(var(--gutter));
    --bookmarkBgColor:transparent;
    --bookmarkImageBgColor:#fff;
    --sectionPadding:0;
    --spinnerColor:#fff;
    --imageBackgroundColor:transparent;
    --imageLoadingColor:#c8c8c8;
    --dropdownPaddingX:calc(var(--gutter) / 2);
    --dropdownPaddingY:calc(var(--gutter) / 2);
    --tickerGutter:var(--gutter);
    --tickerPaddingY:var(--gutter);
    --searchFieldFontSize:14px;
    --swiperPaginationTabHeight:50px;
    --swiperPaginationBorderWidth:4px;
    --swiperPaginationBackgroundColor:#fff;
    --swiperPaginationColor:var(--primaryColor);
    --switchWidth:50px;
    --switchActiveColor:var(--primaryColor);
    --switchHandleColor:#fff;
    --switchBackgroundColor:#f1f1f1;
    --switchBorderWidth:3px;
    --switchBorderRadius:calc(var(--switchWidth) * 0.6);
    --stackedCoversWidth:40%;
    --stackedCoversScaleStep:0.1;
    --stackedCoversTranslateStep:0.3;
    --stackedCoversTopEvenCenteredGap:4px;
    --toolbarbackgroundColor:transparent;
    --toolbarIconColor:#a9a9a9;
    color:var(--textColor);
    --primaryColor:#00adef;
    --primaryColorNightMode:#fff;
    --accentColor:var(--primaryColor);
    --contentFont:"OpenSans",sans-serif;
    --contentHeadlineFont:var(--contentFont);
    --contentIconNavigateBack:url(resource://dynamic/content/assets/ic_left.svg);
    --contentIconNavigateForward:url(resource://dynamic/content/assets/ic_right.svg);
    --contentSpinner:url(resource://dynamic/content/assets/tail-spin.svg);
    --contentBgColor:#fff;
    --contentTextColor:#000;
    --contentPaddingVert:30px;
    --contentPaddingHoriz:50px;
    --contentHeaderElementMarginTop:0.5em;
    --contentHeaderElementMarginBottom:0.5em;
    --contentElementMarginTop:1em;
    --contentElementMarginBottom:1em;
    --contentElementPaddingVert:0.5em;
    --contentElementPaddingHoriz:1em;
    --contentHeadlineBigMarginTop:1.5em;
    --contentHeadlineBigMarginBottom:0.5em;
    --contentHeadlineSmallMarginTop:1em;
    --contentHeadlineSmallMarginBottom:0.5em;
    --contentNavigateButtonColor:var(--primaryColor);
    --contentNavigateButtonSize:30px;
    --contentNavigateButtonGap:12px;
    --contentBgColorNightMode:#323232;
    --contentTextColorNightMode:#fff;
    --contentNavigateButtonColorNightMode:var(--primaryColorNightMode)
}
@media (max-height:767px) and (orientation:landscape),(max-width:767px) and (orientation:portrait){
    html body{
        --gridListColumns:3
    }
}
@media (max-height:533px) and (orientation:landscape),(max-width:533px) and (orientation:portrait){
    html body{
        --gridListColumns:2;
        --actionButtonHeight:40px
    }
}
@media (max-height:533px) and (orientation:landscape){
    html body{
        --gridListColumns:3
    }
}
@media (max-width:533px) and (orientation:portrait){
    html body{
        --contentPaddingHoriz:30px
    }
}
html body{
    --contentHeaderMarginTop:1em;
    --contentHeaderMarginBottom:1.5em;
    --contentHeaderPaddingVert:1em;
    --contentSectionPaddingVert:1em;
    --contentSectionPaddingHoriz:1em
}
.aspectRatioBase,.aspectRatioBase:before{
    position:relative;
    display:block
}
.aspectRatioBase:before{
    content:""
}
.aspectRatioBase>*{
    position:absolute
}
html{
    --iconContentArrow:"";
    --iconContentAudio:"";
    --iconContentBack:"";
    --iconContentBookmark:"";
    --iconContentBookmarkActive:"";
    --iconContentCheckBg:"";
    --iconContentCheck:"";
    --iconContentClose:"";
    --iconContentDelete:"";
    --iconContentDownload:"";
    --iconContentEye:"";
    --iconContentFontSize:"";
    --iconContentMenu:"";
    --iconContentPlus:"";
    --iconContentSearch:"";
    --iconContentToc:"";
    --iconContentVideo:"";
    --iconContentDownloadCircle:"";
    --iconContentSpinner:"";
    --iconContentCheckCircle:"";
    --iconContentInfo:"";
    --iconContentShare:"";
    --iconContentTime:""
}
html body[data-storefront-platform=android]{
    --iconContentShare:""
}
.icon{
    font-family:icons,serif!important;
    speak:none;
    font-style:normal;
    padding:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon:after{
    display:inline-block
}
.icon:before{
    display:none
}
.icon:after,.icon:before{
    border:none
}
.icon-arrow-down:after,.icon-arrow-down:before{
    content:var(--iconContentArrow);
    transform:rotate(90deg)
}
.icon-arrow-up:after,.icon-arrow-up:before{
    content:var(--iconContentArrow);
    transform:rotate(270deg)
}
.icon-arrow-left:after,.icon-arrow-left:before{
    content:var(--iconContentArrow);
    transform:rotate(180deg)
}
.icon-arrow-right:after,.icon-arrow-right:before{
    content:var(--iconContentArrow)
}
.icon-audio:after,.icon-audio:before,.icon-podcast:after,.icon-podcast:before{
    content:var(--iconContentAudio)
}
.icon-back:after,.icon-back:before{
    content:var(--iconContentBack)
}
.icon-bookmark:after,.icon-bookmark:before{
    content:var(--iconContentBookmark)
}
.icon-bookmark-active:after,.icon-bookmark-active:before{
    content:var(--iconContentBookmarkActive)
}
.icon-check-bg:after,.icon-check-bg:before{
    content:var(--iconContentCheckBg)
}
.icon-check:after,.icon-check:before{
    content:var(--iconContentCheck)
}
.icon-close:after,.icon-close:before{
    content:var(--iconContentClose)
}
.icon-delete:after,.icon-delete:before{
    content:var(--iconContentDelete)
}
.icon-download:after,.icon-download:before{
    content:var(--iconContentDownload)
}
.icon-download-circle:after,.icon-download-circle:before{
    content:var(--iconContentDownloadCircle)
}
.icon-eye:after,.icon-eye:before{
    content:var(--iconContentEye)
}
.icon-font-size:after,.icon-font-size:before{
    content:var(--iconContentFontSize)
}
.icon-menu:after,.icon-menu:before{
    content:var(--iconContentMenu)
}
.icon-plus:after,.icon-plus:before{
    content:var(--iconContentPlus)
}
.icon-search:after,.icon-search:before{
    content:var(--iconContentSearch)
}
.icon-toc:after,.icon-toc:before{
    content:var(--iconContentToc)
}
.icon-video:after,.icon-video:before{
    content:var(--iconContentVideo)
}
.icon-spinner:after,.icon-spinner:before{
    content:var(--iconContentSpinner)
}
.icon-check-circle:after,.icon-check-circle:before{
    content:var(--iconContentCheckCircle)
}
.icon-info:after,.icon-info:before{
    content:var(--iconContentInfo)
}
.icon-share:after,.icon-share:before{
    content:var(--iconContentShare)
}
.icon-time:after,.icon-time:before{
    content:var(--iconContentTime)
}
button.icon{
    font-family:icons,serif;
    background:transparent;
    border:none;
    outline:none;
    color:inherit;
    border-radius:100%
}
button.action-button{
    position:relative;
    margin-top:calc(var(--gutter) / 2);
    overflow:hidden;
    transition:opacity .2s ease;
    height:var(--actionButtonHeight);
    padding:var(--buttonPaddingVert) var(--buttonPaddingHoriz);
    min-width:40px
}
.mat-ripple-element{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    transition:opacity,transform 0ms cubic-bezier(0,0,.2,1);
    transform:scale(0);
    background-color:rgba(0,0,0,.1)
}
.mat-ripple:not(.no-ripple){
    overflow:hidden;
    position:relative
}
.mat-ripple:not(.no-ripple)[disabled] .mat-ripple-element{
    display:none
}
.mat-ripple:not(:empty){
    transform:translateZ(0)
}
.stacked{
    position:relative
}
.stacked>*{
    position:absolute;
    width:var(--stackedCoversWidth);
    height:100%
}
.stacked>:first-child:last-child:first-of-type{
    position:relative
}
.stacked>:first-child:last-child:nth-of-type(2){
    z-index:0;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -1.1)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:last-child:first-of-type{
    z-index:1;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 0)) scale(calc(1 - (0 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(2):first-of-type,.stacked>:first-child:nth-last-child(2):nth-of-type(2),.stacked>:first-child:nth-last-child(2)~:first-of-type,.stacked>:first-child:nth-last-child(2)~:nth-of-type(2){
    position:relative;
    z-index:2
}
.stacked>:first-child:nth-last-child(2):first-of-type,.stacked>:first-child:nth-last-child(2)~:first-of-type{
    margin-right:var(--stackedCoversTopEvenCenteredGap)
}
.stacked>:first-child:nth-last-child(2):nth-of-type(2),.stacked>:first-child:nth-last-child(2)~:nth-of-type(2){
    margin-left:var(--stackedCoversTopEvenCenteredGap)
}
.top-even-centered.stacked>:first-child:nth-last-child(2):first-of-type,.top-even-centered.stacked>:first-child:nth-last-child(2)~:first-of-type{
    justify-content:flex-end
}
.top-even-centered.stacked>:first-child:nth-last-child(2):nth-of-type(2),.top-even-centered.stacked>:first-child:nth-last-child(2)~:nth-of-type(2){
    justify-content:flex-start
}
.stacked>:first-child:nth-last-child(2):nth-of-type(3),.stacked>:first-child:nth-last-child(2)~:nth-of-type(3){
    z-index:1;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * 1.1)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(2):nth-of-type(2),.stacked>:first-child:nth-last-child(2)~:nth-of-type(2){
    z-index:2;
    transform:translateX(calc((135% + 100% * var(--stackedCoversTranslateStep)) * 0)) scale(calc(1 - (0 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(3):first-of-type,.stacked>:first-child:nth-last-child(3)~:first-of-type{
    position:relative;
    z-index:3
}
.stacked>:first-child:nth-last-child(3):nth-of-type(2),.stacked>:first-child:nth-last-child(3)~:nth-of-type(2){
    z-index:2;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -1)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(3):nth-of-type(3),.stacked>:first-child:nth-last-child(3)~:nth-of-type(3){
    z-index:2;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 1)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(4):first-of-type,.stacked>:first-child:nth-last-child(4):nth-of-type(2),.stacked>:first-child:nth-last-child(4)~:first-of-type,.stacked>:first-child:nth-last-child(4)~:nth-of-type(2){
    position:relative;
    z-index:4
}
.stacked>:first-child:nth-last-child(4):first-of-type,.stacked>:first-child:nth-last-child(4)~:first-of-type{
    margin-right:var(--stackedCoversTopEvenCenteredGap)
}
.stacked>:first-child:nth-last-child(4):nth-of-type(2),.stacked>:first-child:nth-last-child(4)~:nth-of-type(2){
    margin-left:var(--stackedCoversTopEvenCenteredGap)
}
.top-even-centered.stacked>:first-child:nth-last-child(4):first-of-type,.top-even-centered.stacked>:first-child:nth-last-child(4)~:first-of-type{
    justify-content:flex-end
}
.top-even-centered.stacked>:first-child:nth-last-child(4):nth-of-type(2),.top-even-centered.stacked>:first-child:nth-last-child(4)~:nth-of-type(2){
    justify-content:flex-start
}
.stacked>:first-child:nth-last-child(4):nth-of-type(3),.stacked>:first-child:nth-last-child(4)~:nth-of-type(3){
    z-index:3;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * 1)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(4):nth-of-type(4),.stacked>:first-child:nth-last-child(4)~:nth-of-type(4){
    z-index:3;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * -1)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(5):first-of-type,.stacked>:first-child:nth-last-child(5)~:first-of-type{
    position:relative;
    z-index:5
}
.stacked>:first-child:nth-last-child(5):nth-of-type(2),.stacked>:first-child:nth-last-child(5)~:nth-of-type(2){
    z-index:4;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -.9)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(5):nth-of-type(3),.stacked>:first-child:nth-last-child(5)~:nth-of-type(3){
    z-index:4;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * .9)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(5):nth-of-type(4),.stacked>:first-child:nth-last-child(5)~:nth-of-type(4){
    z-index:3;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -1.8)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(5):nth-of-type(5),.stacked>:first-child:nth-last-child(5)~:nth-of-type(5){
    z-index:3;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 1.8)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(6):first-of-type,.stacked>:first-child:nth-last-child(6):nth-of-type(2),.stacked>:first-child:nth-last-child(6)~:first-of-type,.stacked>:first-child:nth-last-child(6)~:nth-of-type(2){
    position:relative;
    z-index:6
}
.stacked>:first-child:nth-last-child(6):first-of-type,.stacked>:first-child:nth-last-child(6)~:first-of-type{
    margin-right:var(--stackedCoversTopEvenCenteredGap)
}
.stacked>:first-child:nth-last-child(6):nth-of-type(2),.stacked>:first-child:nth-last-child(6)~:nth-of-type(2){
    margin-left:var(--stackedCoversTopEvenCenteredGap)
}
.top-even-centered.stacked>:first-child:nth-last-child(6):first-of-type,.top-even-centered.stacked>:first-child:nth-last-child(6)~:first-of-type{
    justify-content:flex-end
}
.top-even-centered.stacked>:first-child:nth-last-child(6):nth-of-type(2),.top-even-centered.stacked>:first-child:nth-last-child(6)~:nth-of-type(2){
    justify-content:flex-start
}
.stacked>:first-child:nth-last-child(6):nth-of-type(3),.stacked>:first-child:nth-last-child(6)~:nth-of-type(3){
    z-index:5;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * .9)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(6):nth-of-type(4),.stacked>:first-child:nth-last-child(6)~:nth-of-type(4){
    z-index:5;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * -.9)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(6):nth-of-type(5),.stacked>:first-child:nth-last-child(6)~:nth-of-type(5){
    z-index:4;
    transform:translateX(calc((15% + 100% * var(--stackedCoversTranslateStep)) * 1.8)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(6):nth-of-type(6),.stacked>:first-child:nth-last-child(6)~:nth-of-type(6){
    z-index:4;
    transform:translateX(calc((15% + 100% * var(--stackedCoversTranslateStep)) * -1.8)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(7):first-of-type,.stacked>:first-child:nth-last-child(7)~:first-of-type{
    position:relative;
    z-index:7
}
.stacked>:first-child:nth-last-child(7):nth-of-type(2),.stacked>:first-child:nth-last-child(7)~:nth-of-type(2){
    z-index:6;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -.8)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(7):nth-of-type(3),.stacked>:first-child:nth-last-child(7)~:nth-of-type(3){
    z-index:6;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * .8)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(7):nth-of-type(4),.stacked>:first-child:nth-last-child(7)~:nth-of-type(4){
    z-index:5;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -1.6)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(7):nth-of-type(5),.stacked>:first-child:nth-last-child(7)~:nth-of-type(5){
    z-index:5;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 1.6)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(7):nth-of-type(6),.stacked>:first-child:nth-last-child(7)~:nth-of-type(6){
    z-index:4;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -2.4)) scale(calc(1 - (3 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(7):nth-of-type(7),.stacked>:first-child:nth-last-child(7)~:nth-of-type(7){
    z-index:4;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 2.4)) scale(calc(1 - (3 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(8):first-of-type,.stacked>:first-child:nth-last-child(8):nth-of-type(2),.stacked>:first-child:nth-last-child(8)~:first-of-type,.stacked>:first-child:nth-last-child(8)~:nth-of-type(2){
    position:relative;
    z-index:8
}
.stacked>:first-child:nth-last-child(8):first-of-type,.stacked>:first-child:nth-last-child(8)~:first-of-type{
    margin-right:var(--stackedCoversTopEvenCenteredGap)
}
.stacked>:first-child:nth-last-child(8):nth-of-type(2),.stacked>:first-child:nth-last-child(8)~:nth-of-type(2){
    margin-left:var(--stackedCoversTopEvenCenteredGap)
}
.top-even-centered.stacked>:first-child:nth-last-child(8):first-of-type,.top-even-centered.stacked>:first-child:nth-last-child(8)~:first-of-type{
    justify-content:flex-end
}
.top-even-centered.stacked>:first-child:nth-last-child(8):nth-of-type(2),.top-even-centered.stacked>:first-child:nth-last-child(8)~:nth-of-type(2){
    justify-content:flex-start
}
.stacked>:first-child:nth-last-child(8):nth-of-type(3),.stacked>:first-child:nth-last-child(8)~:nth-of-type(3){
    z-index:7;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * .8)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(8):nth-of-type(4),.stacked>:first-child:nth-last-child(8)~:nth-of-type(4){
    z-index:7;
    transform:translateX(calc((45% + 100% * var(--stackedCoversTranslateStep)) * -.8)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(8):nth-of-type(5),.stacked>:first-child:nth-last-child(8)~:nth-of-type(5){
    z-index:6;
    transform:translateX(calc((15% + 100% * var(--stackedCoversTranslateStep)) * 1.6)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(8):nth-of-type(6),.stacked>:first-child:nth-last-child(8)~:nth-of-type(6){
    z-index:6;
    transform:translateX(calc((15% + 100% * var(--stackedCoversTranslateStep)) * -1.6)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(8):nth-of-type(7),.stacked>:first-child:nth-last-child(8)~:nth-of-type(7){
    z-index:5;
    transform:translateX(calc((5% + 100% * var(--stackedCoversTranslateStep)) * 2.4)) scale(calc(1 - (3 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(8):nth-of-type(8),.stacked>:first-child:nth-last-child(8)~:nth-of-type(8){
    z-index:5;
    transform:translateX(calc((5% + 100% * var(--stackedCoversTranslateStep)) * -2.4)) scale(calc(1 - (3 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):first-of-type,.stacked>:first-child:nth-last-child(9)~:first-of-type{
    position:relative;
    z-index:9
}
.stacked>:first-child:nth-last-child(9):nth-of-type(2),.stacked>:first-child:nth-last-child(9)~:nth-of-type(2){
    z-index:8;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -.7)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(3),.stacked>:first-child:nth-last-child(9)~:nth-of-type(3){
    z-index:8;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * .7)) scale(calc(1 - (1 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(4),.stacked>:first-child:nth-last-child(9)~:nth-of-type(4){
    z-index:7;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -1.4)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(5),.stacked>:first-child:nth-last-child(9)~:nth-of-type(5){
    z-index:7;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 1.4)) scale(calc(1 - (2 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(6),.stacked>:first-child:nth-last-child(9)~:nth-of-type(6){
    z-index:6;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -2.1)) scale(calc(1 - (3 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(7),.stacked>:first-child:nth-last-child(9)~:nth-of-type(7){
    z-index:6;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 2.1)) scale(calc(1 - (3 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(8),.stacked>:first-child:nth-last-child(9)~:nth-of-type(8){
    z-index:5;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * -2.8)) scale(calc(1 - (4 * var(--stackedCoversScaleStep))))
}
.stacked>:first-child:nth-last-child(9):nth-of-type(9),.stacked>:first-child:nth-last-child(9)~:nth-of-type(9){
    z-index:5;
    transform:translateX(calc(100% * var(--stackedCoversTranslateStep) * 2.8)) scale(calc(1 - (4 * var(--stackedCoversScaleStep))))
}
@keyframes ghost-lines{
    0%{
        background-position:-100px;
        opacity:0
    }
    10%{
        background-position:-100px;
        opacity:1
    }
    40%{
        background-position:40vw
    }
    90%{
        background-position:60vw;
        opacity:1
    }
    to{
        background-position:60vw;
        opacity:0
    }
}
@keyframes ghost-opacity{
    0%{
        opacity:0
    }
    20%{
        opacity:1
    }
    80%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.storefront-spinner.button-spinner,storefront-spinner.button-spinner{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.2);
    padding:8px;
    margin:0
}
.storefront-spinner[type=tail] stop,storefront-spinner[type=tail] stop{
    stop-color:var(--spinnerColor)
}
.storefront-spinner[type=dots] circle,.storefront-spinner[type=tail] circle,storefront-spinner[type=dots] circle,storefront-spinner[type=tail] circle{
    fill:var(--spinnerColor)
}
.storefront-spinner[type=oval] svg,.storefront-spinner[type=puff] svg,.storefront-spinner[type=rings] svg,.storefront-spinner[type=spinningCircles] g,storefront-spinner[type=oval] svg,storefront-spinner[type=puff] svg,storefront-spinner[type=rings] svg,storefront-spinner[type=spinningCircles] g{
    stroke:var(--spinnerColor)
}
.storefront-spinner[type=spinningCircles] g circle,storefront-spinner[type=spinningCircles] g circle{
    fill:var(--spinnerColor)
}
.storefront-spinner[type=segments] g,storefront-spinner[type=segments] g{
    stroke:var(--spinnerColor)
}
.purple-dialog{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:100;
    background-color:rgba(0,0,0,.6)
}
.purple-dialog section{
    position:absolute;
    left:50%;
    top:50%;
    max-width:80%;
    transform:translateX(-50%) translateY(-50%);
    background-color:#fff;
    overflow:hidden
}
.purple-dialog section h1{
    line-height:1.2
}
.purple-dialog section div{
    display:flex
}
.purple-dialog section div button{
    border:none;
    border-radius:0;
    outline:none;
    background:transparent
}
.purple-dialog.android section{
    width:400px;
    border-radius:1px;
    font-family:Roboto,sans-serif
}
.purple-dialog.android section h1{
    margin:15px 15px 0;
    font-family:Roboto,sans-serif;
    font-size:18px;
    font-weight:400
}
.purple-dialog.android section p{
    font-family:Roboto,sans-serif;
    font-size:14px;
    margin:15px 15px 0;
    line-height:1.2rem
}
.purple-dialog.android section div{
    display:block;
    margin:25px 5px 5px;
    text-align:right
}
.purple-dialog.android section div button{
    font-family:Roboto,sans-serif;
    line-height:30px;
    font-size:14px;
    text-transform:uppercase;
    border-radius:1px;
    padding:0 20px;
    color:inherit
}
.purple-dialog.android section div button:active{
    background-color:rgba(0,0,0,.1)
}
.purple-dialog.ios section{
    width:270px;
    font-family:Helvetica Neue,sans-serif;
    border-radius:10px;
    text-align:center
}
.purple-dialog.ios section h1{
    font-family:Helvetica Neue,sans-serif;
    font-size:18px;
    font-weight:500;
    margin:15px 10px 0
}
.purple-dialog.ios section p{
    font-family:Helvetica Neue,sans-serif;
    font-size:14px;
    margin:5px 20px 0;
    line-height:1.2rem
}
.purple-dialog.ios section div{
    margin-top:15px;
    border-top:1px solid rgba(0,0,0,.1);
    display:flex
}
.purple-dialog.ios section div button{
    font-size:18px;
    font-family:Helvetica Neue,sans-serif;
    width:50%;
    color:#0080ff;
    flex-grow:1;
    padding:.5rem 1rem
}
.purple-dialog.ios section div button.cancel{
    font-weight:300
}
.purple-dialog.ios section div button:not(:last-child){
    border-right:1px solid rgba(0,0,0,.1)
}
.purple-dialog.ios section div button:active{
    background-color:rgba(0,0,0,.1)
}
html body{
    --topBarIconTtsPlayer:url(ic_player.101c161957de3a64a724.svg);
    --topBarIconTtsPlayerActive:url(ic_player_active.2f2b3d2562824aa5d6e1.svg);
    --topBarIconTtsSpeech:url(ic_speech.3e8a3702f5395756e814.svg);
    --speechContainerWidth:95px;
    --ttsPlayerPrimaryColor:var(--primaryColor);
    --ttsPlayerBgColor:var(--contentBgColor);
    --ttsPlayerProgressBgColor:#e1e1e1;
    --ttsPlayerBufferingColor:#bbb;
    --ttsPlayerTimeColor:#999;
    --ttsPlayerTextColor:#000;
    --ttsPlayerPaddingVert:var(--contentPaddingVert);
    --ttsPlayerPaddingHoriz:var(--contentPaddingHoriz);
    --ttsPlayerLoadingColor:hsla(0,0%,60%,0.25);
    --ttsPlayerLoadingSize:50px;
    --ttsPlayerLoadingThickness:6px;
    --ttsPlayerLoadingOffset:187;
    --ttsPlayerLoadingDuration:3s;
    --settingsContainerWidth:50px;
    --ttsPlayerSettingsButtonSize:50px;
    --ttsPlayerSettingsButtonGap:30px;
    --ttsPlayerPlayButtonWidth:60px;
    --ttsPlayerPlayButtonHeight:60px;
    --ttsPlayerPauseButtonWidth:60px;
    --ttsPlayerPauseButtonHeight:60px;
    --ttsPlayerSeekButtonWidth:29px;
    --ttsPlayerSeekButtonHeight:38px;
    --ttsPlayerNavigateButtonSize:var(--contentNavigateButtonSize);
    --ttsPlayerNavigateButtonGap:var(--contentNavigateButtonGap);
    --ttsPlayerSpeechButtonWidth:20px;
    --ttsPlayerSpeechButtonHeight:24px;
    --ttsPlayerIconPlay:url(ic_play.e1b66cec2fc32ab6d7c4.svg);
    --ttsPlayerIconPause:url(ic_pause.271c38954571a076d109.svg);
    --ttsPlayerIconSeekBack:url(ic_seek_back.c9d457694816a38df461.svg);
    --ttsPlayerIconSeekForward:url(ic_seek_forward.506850b3d2babf31b0f8.svg);
    --ttsPlayerIconNavigateBack:url(ic_seek_forward.506850b3d2babf31b0f8.svg);
    --ttsPlayerIconNavigateForward:url(ic_seek_forward.506850b3d2babf31b0f8.svg);
    --ttsPlayerIconSettings:url(ic_settings.97186d3be8f0777a7042.svg);
    --ttsPlayerIconSpeechMale:url(ic_speech_male.19c64ad0eddb8a0a80d2.svg);
    --ttsPlayerIconSpeechFemale:url(ic_speech_female.9b51f14ad93fd0eed887.svg);
    --ttsPlayerPrimaryColorNightMode:var(--primaryColorNightMode);
    --ttsPlayerBgColorNightMode:var(--contentBgColorNightMode);
    --ttsPlayerProgressBgColorNightMode:#666;
    --ttsPlayerBufferingColorNightMode:#999;
    --ttsPlayerTimeColorNightMode:#fff;
    --ttsPlayerTextColorNightMode:#fff;
    --ttsPlayerLoadingColorNightMode:#999;
    --ttsPlayerSpeechMarkerColor:var(--primaryColor);
    --ttsPlayerSpeechMarkerBgColor:hsla(0,0%,60%,0.25);
    --ttsPlayerSpeechMarkerColorNightMode:var(--primaryColor);
    --ttsPlayerSpeechMarkerBgColorNightMode:hsla(0,0%,60%,0.25);
    --ttsOverlayBgColor:rgba(0,0,0,0.95);
    --ttsOverlayTextColor:#f6f6f6;
    --ttsOverlayLoadingColor:var(--ttsOverlayTextColor);
    --ttsOverlayrPaddingVert:var(--contentPaddingVert);
    --ttsOverlayPaddingHoriz:var(--contentPaddingHoriz);
    --ttsOverlayLoadingSize:60px;
    --ttsOverlayLoadingThickness:6px;
    --ttsOverlayLoadingDuration:10;
    --ttsOverlayLoadingIcon:url(ic_overlay_loading.0514bdddedec7d986773.svg);
    --ttsOverlayLoadingIconSize:22px
}
#top-bar #top-bar-buttons .icon#tts-player-open{
    display:inline-block;
    -webkit-mask-image:var(--topBarIconTtsPlayer);
    mask-image:var(--topBarIconTtsPlayer);
    background-color:var(--topBarIconColor)
}
#top-bar #top-bar-buttons .icon#tts-player-open.open{
    -webkit-mask-image:var(--topBarIconTtsPlayerActive);
    mask-image:var(--topBarIconTtsPlayerActive)
}
#top-bar #top-bar-buttons .icon#tts-player-open.disabled,#tts-player{
    display:none
}
#tts-player{
    z-index:10;
    width:100%;
    padding:var(--ttsPlayerPaddingVert) var(--ttsPlayerPaddingHoriz);
    background-color:var(--ttsPlayerBgColor);
    box-shadow:0 -2px 4px 0 rgba(0,0,0,.25);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    user-select:none;
    -webkit-overflow-scrolling:auto
}
#tts-player,#tts-player *{
    box-sizing:border-box
}
#tts-player.open{
    display:block
}
#tts-player #tts-player-controls{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:var(--ttsPlayerPaddingVert) auto 0;
    max-width:420px;
    font-size:18px
}
#tts-player #tts-player-controls.no-navigation{
    max-width:240px
}
@media (max-width:533px) and (orientation:portrait){
    #tts-player #tts-player-controls.no-navigation{
        max-width:200px
    }
}
#tts-player #tts-player-controls #tts-player-loading{
    display:none
}
#tts-player #tts-player-controls #tts-player-loading.show{
    display:block;
    position:absolute;
    left:calc(50% - var(--ttsPlayerLoadingSize) / 2);
    width:var(--ttsPlayerLoadingSize);
    height:var(--ttsPlayerLoadingSize);
    animation:rotation var(--ttsPlayerLoadingDuration) ease-in-out infinite;
    -webkit-animation:rotation var(--ttsPlayerLoadingDuration) ease-in-out infinite
}
#tts-player #tts-player-controls #tts-player-loading.show circle{
    fill:none;
    stroke:var(--ttsPlayerLoadingColor);
    stroke-width:var(--ttsPlayerLoadingThickness);
    stroke-linecap:round;
    stroke-dasharray:var(--ttsPlayerLoadingOffset);
    stroke-dashoffset:0;
    transform-origin:center;
    animation:loading var(--ttsPlayerLoadingDuration) ease-in-out infinite;
    -webkit-animation:loading var(--ttsPlayerLoadingDuration) ease-in-out infinite
}
@keyframes rotation{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(270deg)
    }
}
@keyframes loading{
    0%{
        stroke-dashoffset:var(--ttsPlayerLoadingOffset)
    }
    50%{
        stroke-dashoffset:var(--ttsPlayerLoadingOffset)/4;
        transform:rotate(135deg)
    }
    to{
        stroke-dashoffset:var(--ttsPlayerLoadingOffset);
        transform:rotate(450deg)
    }
}
#tts-player #tts-player-controls .tts-button{
    -webkit-mask-size:contain;
    mask-size:contain;
    mask-repeat:no-repeat;
    -webkit-mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-position:center;
    background-color:var(--ttsPlayerPrimaryColor)
}
#tts-player #tts-player-controls .tts-button#tts-player-button-play{
    -webkit-mask-image:var(--ttsPlayerIconPlay);
    mask-image:var(--ttsPlayerIconPlay);
    width:var(--ttsPlayerPlayButtonWidth);
    height:var(--ttsPlayerPlayButtonHeight);
    padding:0
}
#tts-player #tts-player-controls .tts-button#tts-player-button-play.pause{
    -webkit-mask-image:var(--ttsPlayerIconPause);
    mask-image:var(--ttsPlayerIconPause);
    width:var(--ttsPlayerPauseButtonWidth);
    height:var(--ttsPlayerPauseButtonHeight)
}
#tts-player #tts-player-controls .tts-button.tts-player-button-seek{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--ttsPlayerSeekButtonWidth);
    height:var(--ttsPlayerSeekButtonHeight);
    font-family:var(--contentFont);
    font-weight:600;
    font-size:14px;
    background-color:transparent;
    color:var(--ttsPlayerPrimaryColor)
}
#tts-player #tts-player-controls .tts-button.tts-player-button-seek:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background-color:var(--ttsPlayerPrimaryColor)
}
#tts-player #tts-player-controls .tts-button#tts-player-button-seek-back{
    padding-right:5px
}
#tts-player #tts-player-controls .tts-button#tts-player-button-seek-back:before{
    -webkit-mask-image:var(--ttsPlayerIconSeekBack);
    mask-image:var(--ttsPlayerIconSeekBack);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
}
#tts-player #tts-player-controls .tts-button#tts-player-button-seek-forward{
    padding-left:3px
}
#tts-player #tts-player-controls .tts-button#tts-player-button-seek-forward:before{
    -webkit-mask-image:var(--ttsPlayerIconSeekForward);
    mask-image:var(--ttsPlayerIconSeekForward);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
}
#tts-player #tts-player-controls .tts-button.tts-player-button-navigate{
    width:var(--ttsPlayerNavigateButtonSize);
    height:var(--ttsPlayerNavigateButtonSize);
    mask-size:calc(var(--ttsPlayerNavigateButtonSize) - var(--ttsPlayerNavigateButtonGap));
    -webkit-mask-size:calc(var(--ttsPlayerNavigateButtonSize) - var(--ttsPlayerNavigateButtonGap))
}
#tts-player #tts-player-controls .tts-button.tts-player-button-navigate.disabled{
    pointer-events:none;
    opacity:.5
}
#tts-player #tts-player-controls .tts-button.tts-player-button-navigate#tts-player-button-navigate-back{
    -webkit-mask-image:var(--ttsPlayerIconNavigateBack);
    mask-image:var(--ttsPlayerIconNavigateBack)
}
#tts-player #tts-player-controls .tts-button.tts-player-button-navigate#tts-player-button-navigate-forward{
    -webkit-mask-image:var(--ttsPlayerIconNavigateForward);
    mask-image:var(--ttsPlayerIconNavigateForward)
}
@media (max-width:533px) and (orientation:portrait){
    #tts-player #tts-player-controls{
        margin-top:calc(var(--ttsPlayerPaddingVert) / 2)
    }
}
#tts-player #tts-player-progress{
    display:flex;
    align-items:center
}
#tts-player #tts-player-progress .tts-player-time{
    color:var(--ttsPlayerTimeColor);
    font-family:var(--contentFont);
    font-weight:400;
    font-size:.9em
}
#tts-player #tts-player-progress input[type=range]{
    --progressColor:var(--ttsPlayerPrimaryColor);
    --bufferingColor:var(--ttsPlayerBufferingColor);
    --progressBgColor:var(--ttsPlayerProgressBgColor);
    -webkit-appearance:none;
    -webkit-tap-highlight-color:transparent;
    -moz-appearance:none;
    border-radius:4px;
    height:2px;
    width:100%;
    margin:0 6px;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,var(--progressColor)),color-stop(0,var(--progressBgColor)))
}
#tts-player #tts-player-progress input[type=range]::-moz-range-track{
    border:none;
    background:none;
    outline:none
}
#tts-player #tts-player-progress input[type=range]:focus{
    outline:none;
    border:none
}
#tts-player #tts-player-progress input[type=range]::-webkit-media-slider-thumb,#tts-player #tts-player-progress input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    background-color:var(--ttsPlayerPrimaryColor);
    height:13px;
    width:13px;
    border:none;
    border-radius:50%;
    pointer-events:auto;
    cursor:pointer;
    position:relative
}
#tts-player #tts-player-progress input[type=range]::-webkit-media-slider-thumb:before,#tts-player #tts-player-progress input[type=range]::-webkit-slider-thumb:before{
    content:"";
    position:absolute;
    top:-30px;
    bottom:-30px;
    left:-30px;
    right:-30px
}
#tts-player #tts-player-progress input[type=range]::-moz-range-thumb{
    -moz-appearance:none!important;
    background-color:var(--ttsPlayerPrimaryColor);
    height:11px;
    width:11px;
    border:none;
    border-radius:50%
}
#tts-player #tts-player-button-settings{
    position:relative;
    font-size:18px;
    margin-right:calc(var(--ttsPlayerSettingsButtonGap) * -.25);
    margin-left:calc(var(--ttsPlayerSettingsButtonGap) * .5)
}
#tts-player #tts-player-button-settings span{
    display:block;
    -webkit-mask-image:var(--ttsPlayerIconSettings);
    mask-image:var(--ttsPlayerIconSettings);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    mask-size:calc(var(--ttsPlayerSettingsButtonSize) - var(--ttsPlayerSettingsButtonGap));
    -webkit-mask-size:calc(var(--ttsPlayerSettingsButtonSize) - var(--ttsPlayerSettingsButtonGap));
    background-color:var(--ttsPlayerPrimaryColor);
    width:var(--ttsPlayerSettingsButtonSize);
    height:calc(var(--ttsPlayerSettingsButtonSize) - var(--ttsPlayerSettingsButtonGap) / 2)
}
#tts-player #tts-player-settings{
    display:none;
    z-index:200;
    position:fixed;
    width:var(--settingsContainerWidth);
    box-shadow:var(--containerShadow);
    background-color:var(--containerColor);
    border-radius:var(--containerBorderRadius);
    padding:var(--containerPaddingVert) 0;
    box-sizing:border-box;
    text-align:center
}
#tts-player #tts-player-settings.open{
    display:block
}
#tts-player #tts-player-settings:before{
    content:"";
    position:absolute;
    right:calc((-1 * var(--containerTriangleSize)));
    bottom:calc(50% - var(--containerTriangleSize));
    width:0;
    height:0;
    border-top:var(--containerTriangleSize) solid transparent;
    border-bottom:var(--containerTriangleSize) solid transparent;
    border-left:var(--containerTriangleSize) solid var(--containerColor)
}
#tts-player #tts-player-settings h3{
    position:relative;
    margin:0 0 4px;
    font-family:var(--contentFont);
    font-weight:600;
    font-size:.8em;
    line-height:.9em;
    color:var(--ttsPlayerTextColor)
}
#tts-player #tts-player-settings #tts-speech{
    flex-direction:column;
    padding:0 10
}
#tts-player #tts-player-settings #tts-speech .speech-container{
    display:flex;
    align-items:center;
    margin-bottom:calc(var(--containerPaddingVert) * 2)
}
#tts-player #tts-player-settings #tts-speech .speech-container:not(:last-of-type){
    margin-bottom:var(--containerPaddingVert)
}
#tts-player #tts-player-settings #tts-speech .speech-container .speech-icon{
    width:var(--ttsPlayerSpeechButtonWidth);
    height:var(--ttsPlayerSpeechButtonHeight);
    background-color:var(--ttsPlayerPrimaryColor);
    -webkit-mask-size:contain;
    mask-size:contain;
    mask-repeat:no-repeat;
    -webkit-mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-position:center
}
#tts-player #tts-player-settings #tts-speech .speech-container.male-speech-container span.speech-icon{
    -webkit-mask-image:var(--ttsPlayerIconSpeechMale);
    mask-image:var(--ttsPlayerIconSpeechMale)
}
#tts-player #tts-player-settings #tts-speech .speech-container.female-speech-container span.speech-icon{
    -webkit-mask-image:var(--ttsPlayerIconSpeechFemale);
    mask-image:var(--ttsPlayerIconSpeechFemale)
}
#tts-player #tts-player-settings #tts-speech .speech-container .speech-name{
    font-family:var(--contentFont);
    font-weight:400;
    font-size:.8em;
    line-height:.9em;
    color:var(--ttsPlayerTextColor);
    margin:0 calc(var(--containerPaddingVert) / 2);
    min-width:65px;
    text-align:left
}
#tts-player #tts-player-settings #tts-speech .speech-container input[type=radio]{
    -webkit-appearance:none;
    -moz-appearance:none;
    outline:none;
    border:1px solid var(--ttsPlayerPrimaryColor);
    border-radius:50%;
    width:18px;
    height:18px;
    padding:4px;
    background-color:transparent;
    background-clip:content-box
}
#tts-player #tts-player-settings #tts-speech .speech-container input[type=radio].selected{
    border:1px solid var(--ttsPlayerPrimaryColor);
    background-color:var(--ttsPlayerPrimaryColor)
}
#tts-player #tts-player-settings #tts-speech-rate{
    display:flex;
    flex-direction:row
}
#tts-player #tts-player-settings #tts-speech-rate .speech-rate-option{
    display:flex;
    justify-content:center;
    align-items:center;
    width:calc(var(--settingsContainerWidth) / 5);
    height:calc(var(--settingsContainerWidth) / 5);
    padding:10px;
    font-family:var(--contentFont);
    font-weight:600;
    font-size:.8em;
    color:var(--ttsPlayerPrimaryColor)
}
#tts-player #tts-player-settings #tts-speech-rate .speech-rate-option.selected{
    background-color:var(--ttsPlayerPrimaryColor);
    color:var(--containerColor)
}
body.night-mode #tts-player{
    --ttsPlayerPrimaryColor:var(--ttsPlayerPrimaryColorNightMode);
    --ttsPlayerBgColor:var(--ttsPlayerBgColorNightMode);
    --ttsPlayerProgressBgColor:var(--ttsPlayerProgressBgColorNightMode);
    --ttsPlayerBufferingColor:var(--ttsPlayerBufferingColorNightMode);
    --ttsPlayerTimeColor:var(--ttsPlayerTimeColorNightMode);
    --ttsPlayerTextColor:var(--ttsPlayerTextColorNightMode);
    --ttsPlayerLoadingColor:var(--ttsPlayerLoadingColorNightMode);
    --ttsPlayerSpeechMarkerColor:var(--ttsPlayerSpeechMarkerColorNightMode);
    --ttsPlayerSpeechMarkerBgColor:var(--ttsPlayerSpeechMarkerBgColorNightMode)
}
article .entry-content .purple-inner-container span.word,article .entry-content .purple-inner-container span.word *{
    font-family:inherit;
    font-style:inherit;
    font-weight:inherit;
    line-height:inherit
}
article .entry-content .purple-inner-container span.word.current{
    position:relative;
    color:var(--ttsPlayerSpeechMarkerColor);
    padding-bottom:1px;
    white-space:nowrap
}
article .entry-content .purple-inner-container span.word.current:after,article .entry-content .purple-inner-container span.word.current:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:100vw;
    max-height:1.2em;
    right:100%;
    background:var(--ttsPlayerSpeechMarkerBgColor)
}
article .entry-content .purple-inner-container span.word.current:after{
    left:0
}
body.night-mode article{
    --ttsPlayerSpeechMarkerColor:var(--ttsPlayerSpeechMarkerColorNightMode);
    --ttsPlayerSpeechMarkerBgColor:var(--ttsPlayerSpeechMarkerBgColorNightMode)
}
#tts-overlay{
    position:absolute;
    bottom:0;
    z-index:200;
    height:100%;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    box-sizing:border-box;
    padding:var(--topBarHeight) var(--contentPaddingHoriz) var(--contentPaddingVert);
    background-color:var(--ttsOverlayBgColor);
    color:var(--ttsOverlayTextColor);
    text-align:center
}
#tts-overlay #tts-overlay-text-container{
    margin:auto 0
}
#tts-overlay #tts-overlay-text-container #tts-overlay-title{
    font-family:var(--contentFont);
    font-weight:600;
    font-size:22px;
    margin-bottom:20px
}
@media (max-height:533px) and (orientation:landscape){
    #tts-overlay #tts-overlay-text-container #tts-overlay-title{
        font-size:20px
    }
}
#tts-overlay #tts-overlay-text-container #tts-overlay-text{
    font-family:var(--contentFont);
    font-weight:600;
    font-size:18px
}
@media (max-height:533px) and (orientation:landscape){
    #tts-overlay #tts-overlay-text-container #tts-overlay-text{
        font-size:16px
    }
}
#tts-overlay #tts-overlay-text-container #tts-overlay-loading-container{
    height:var(--ttsOverlayLoadingSize);
    margin-top:var(--ttsOverlayrPaddingVert);
    position:relative
}
#tts-overlay #tts-overlay-text-container #tts-overlay-loading-container #tts-overlay-loading{
    width:var(--ttsOverlayLoadingSize);
    height:var(--ttsOverlayLoadingSize);
    transform:rotate(-90deg);
    position:absolute;
    left:calc(50% - .5 * var(--ttsOverlayLoadingSize))
}
#tts-overlay #tts-overlay-text-container #tts-overlay-loading-container #tts-overlay-loading circle{
    fill:none;
    stroke-dasharray:339.292;
    stroke-dashoffset:339.292;
    stroke:var(--ttsOverlayLoadingColor);
    stroke-width:var(--ttsOverlayLoadingThickness);
    stroke-linecap:round
}
#tts-overlay #tts-overlay-text-container #tts-overlay-loading-container #tts-overlay-loading circle.animate{
    animation:progress calc(var(--ttsOverlayLoadingDuration) * 1s) ease-out forwards
}
@keyframes progress{
    0%{
        stroke-dashoffset:339.292
    }
    to{
        stroke-dashoffset:0
    }
}
#tts-overlay #tts-overlay-text-container #tts-overlay-loading-container #tts-overlay-loading-icon{
    background:var(--ttsOverlayLoadingIcon) no-repeat;
    background-size:contain;
    width:var(--ttsOverlayLoadingIconSize);
    height:var(--ttsOverlayLoadingIconSize);
    position:absolute;
    top:calc(50% - .5 * var(--ttsOverlayLoadingIconSize));
    left:calc(50% - .33 * var(--ttsOverlayLoadingIconSize))
}
@media (max-height:533px) and (orientation:landscape){
    #tts-overlay #tts-overlay-text-container #tts-overlay-loading-container{
        margin-top:calc(var(--ttsOverlayrPaddingVert) / 2)
    }
}
#tts-overlay #tts-overlay-btn-container{
    display:flex;
    flex-direction:column
}
#tts-overlay #tts-overlay-btn-container #tts-overlay-action-btn{
    display:inline-block;
    background-color:transparent;
    border:1px solid var(--ttsOverlayTextColor);
    border-radius:25px;
    padding:10px 40px;
    font-family:var(--contentFont);
    font-weight:600;
    font-size:20px;
    text-decoration:none;
    color:var(--ttsOverlayTextColor)
}
@media (max-height:533px) and (orientation:landscape){
    #tts-overlay #tts-overlay-btn-container #tts-overlay-action-btn{
        font-size:16px
    }
}
#tts-overlay #tts-overlay-btn-container #tts-overlay-cancel{
    background-color:transparent;
    border:none;
    margin-top:var(--ttsOverlayrPaddingVert);
    font-family:var(--contentFont);
    font-weight:600;
    font-size:20px;
    text-decoration:none;
    color:var(--ttsOverlayTextColor)
}
@media (max-height:533px) and (orientation:landscape){
    #tts-overlay #tts-overlay-btn-container #tts-overlay-cancel{
        margin-top:calc(var(--ttsOverlayrPaddingVert) / 2);
        font-size:16px
    }
}
html{
    font-family:sans-serif
}
html body{
    height:100%;
    margin:0;
    padding:0
}
html body *{
    box-sizing:border-box
}
body[app-bar-scroll-behavior=shrink].scrolled{
    --appBarHeight:var(--appBarShrinkHeight);
    --appBarDisplay:var(--appBarShrinkDisplay)
}
body[app-bar-scroll-behavior=shrink].scrolled.no-app-bar{
    --appBarDisplay:none;
    --appBarHeight:0px
}
body.no-scroll{
    overflow:hidden
}
body.no-app-bar{
    --appBarHeight:0px;
    --appBarDisplay:none
}
body.no-navigation{
    --navigationHeight:0px
}
a{
    text-decoration:none
}
ul{
    margin:0;
    padding:0
}
ul li{
    list-style:none
}
html :not(input){
    -webkit-user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    -webkit-overflow-scrolling:touch;
    -webkit-user-drag:none;
    user-drag:none
}
h1,h2,h3,h4,h5,h6,p{
    margin:0
}
input{
    -webkit-touch-callout:default!important;
    -webkit-appearance:none;
    outline:none;
    border:none;
    border-radius:var(--borderRadius);
    padding:0 calc(var(--gutter) / 2)
}
input[type=search]::-webkit-search-cancel-button{
    display:none
}
button,input{
    outline:none;
    border:none;
    border-radius:var(--borderRadius);
    padding:var(--buttonPaddingVert) var(--buttonPaddingHoriz)
}
button:not(:disabled){
    color:var(--textColor)
}
a{
    color:inherit
}
iframe{
    border:none
}
.pull-to-refresh-loader{
    position:fixed;
    top:var(--appBarHeight);
    width:100%;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    align-items:center;
    z-index:3;
    padding:var(--gutter);
    background-color:hsla(0,0%,100%,.3);
    --spinnerColor:var(--primaryColor);
    pointer-events:none
}
.pull-to-refresh-loader[template=ICON]{
    background:transparent
}
.pull-to-refresh-loader>.pull-to-refresh-loading-spinner{
    visibility:hidden
}
.pull-to-refresh-loader>.pull-to-refresh-loading-spinner,.pull-to-refresh-loader i.icon{
    height:40px;
    width:40px;
    background-color:#fff;
    padding:10px;
    border-radius:100%;
    box-shadow:0 0 1px 1px rgba(0,0,0,.1)
}
.pull-to-refresh-loader i.icon{
    display:none;
    justify-content:center;
    align-items:center
}
storefront-root[style*="display: none;"]{
    display:block!important;
    position:absolute;
    opacity:0
}