.astro-route-announcer{left:0;position:absolute;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}audio-player{--_width:100%;--_marginInlineStart:0;--_paddingInline:1.25rem;--_cassetteWidth:var(--audioPlayerHeight);--_playerOffset:calc(var(--_cassetteWidth) + var(--_paddingInline)*2);background-color:var(--clr-primary-400-transp);bottom:0;box-shadow:var(--boxShadow);gap:var(--_paddingInline);height:var(--audioPlayerHeight);left:0;margin-inline-start:var(--_marginInlineStart);padding:10px var(--_paddingInline);position:fixed;touch-action:pan-y;transition:all .7s var(--lessBouncyTransition);width:var(--_width);z-index:2;view-transition-name:AudioPlayer}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){audio-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}audio-player[d_lang=ar]{gap:0}audio-player[d_collapsed]{transform:translate(calc(100% - var(--_playerOffset)))}audio-player[d_collapsed][d_lang=ar]{transform:translate(calc(-100% + var(--_playerOffset)))}audio-player .player-btn{width:var(--_cassetteWidth)}audio-player .cassette-wheel{transform-box:fill-box;transform-origin:center center}audio-player[d_playing] .cassette-wheel{animation:spin 1.25s linear infinite reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}audio-player .player{gap:1rem;width:calc(100% - var(--_cassetteWidth) - var(--_paddingInline))}audio-player img{height:unset;max-height:80px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;width:auto}audio-player .player-middle{overflow:hidden;padding-inline:5px}audio-player my-marquee{--flow-spacing:0}audio-player .player-right{place-items:flex-start;width:120px}@media (hover:none){audio-player .player-right{margin-bottom:12px;place-content:end}}audio-player p[x_selector=DurationMobile]{display:none}@media (max-width:768px){audio-player{--_cassetteWidth:50px;--_paddingInline:var(--_gridPadding)}}@media (max-width:500px){audio-player{--_cassetteWidth:35px}audio-player .player{gap:.25rem}audio-player .player-left{display:none}audio-player .player-right{width:60px}audio-player p[x_selector=DurationMobile]{display:block}audio-player p[x_selector=Duration]{display:none}}my-marquee{--_paddingInline:10px;--_gradientEnd:95%;display:block;-webkit-mask:linear-gradient(to right,90deg,transparent,var(--clr-primary-400) var(--_paddingInline),var(--clr-primary-400) var(--_gradientEnd),transparent);mask:linear-gradient(to right,transparent,var(--clr-primary-400) var(--_paddingInline),var(--clr-primary-400) var(--_gradientEnd),transparent);overflow:hidden}my-marquee[d_lang=en]{--_animationName:scroll}my-marquee[d_lang=ar]{--_animationName:scrollRTL;-webkit-mask:linear-gradient(to left,90deg,transparent,var(--clr-primary-400) var(--_paddingInline),var(--clr-primary-400) var(--_gradientEnd),transparent);mask:linear-gradient(to left,transparent,var(--clr-primary-400) var(--_paddingInline),var(--clr-primary-400) var(--_gradientEnd),transparent)}my-marquee .inner{flex-wrap:nowrap;gap:4rem;padding-inline:var(--_paddingInline);width:-moz-max-content;width:max-content}my-marquee[d_active] .inner{animation:var(--_animationName) 15s forwards linear infinite}@keyframes scroll{70%{transform:translate(calc(-50% - 2rem + var(--_paddingInline)))}to{transform:translate(calc(-50% - 2rem + var(--_paddingInline)))}}@keyframes scrollRTL{70%{transform:translate(calc(50% + 2rem - var(--_paddingInline)))}to{transform:translate(calc(50% + 2rem - var(--_paddingInline)))}}my-volume{--_rangeWidth:60px;--_rangeHeight:3px;--_perc:100%}my-volume:after{content:"";height:var(--_rangeWidth);position:absolute;width:0}my-volume:hover:after{width:100%}my-volume .mute-btn,my-volume .volume-btn{height:20px;width:20px;z-index:1}my-volume .volume-btn .wave{visibility:hidden}my-volume .volume-btn .wave[d_selected]{visibility:visible}my-volume .volume-bar{background-color:var(--clr-accent-200);height:var(--_rangeHeight);position:relative;transition:width .2s ease-out;width:0;z-index:1}my-volume:hover .volume-bar{width:var(--_rangeWidth)}my-volume .volume-range{background-color:var(--clr-accent-400);height:var(--_rangeHeight);width:var(--_perc)}my-volume .volume-range:after{content:"";height:50px;position:absolute;top:50%;transform:translateY(-50%);width:100%}my-volume .volume-head{--_volumeHeadDiameter:10px;background-color:var(--clr-accent-400);height:var(--_volumeHeadDiameter);margin-left:calc(var(--_volumeHeadDiameter)/-2);opacity:0;place-self:center;position:relative;width:var(--_volumeHeadDiameter)}my-volume:hover .volume-head{opacity:1}progress-bar{--_height:3px;--_percComplete:0%;background-color:var(--clr-accent-200);height:var(--_height);margin-top:1em;margin-inline:auto;position:relative;transition:height .2s ease-out;width:calc(100% - 20px)}progress-bar:hover{height:5px}progress-bar .progress{background-color:var(--clr-accent-400);height:var(--_height);transition:height .2s ease-out;width:var(--_percComplete)}progress-bar:hover .progress{height:5px}progress-bar .progress:before{--_clickableHeight:50px;content:"";height:var(--_clickableHeight);position:absolute;top:50%;transform:translateY(-50%);width:100%}progress-bar .play-head{--_playHeadDiameter:30px;background-color:var(--clr-primary-400);border:1px solid var(--clr-accent-400);height:var(--_playHeadDiameter);left:var(--_percComplete);margin-left:calc(var(--_playHeadDiameter)/-2);place-self:center;position:absolute;transition:border-width .2s ease-out;width:var(--_playHeadDiameter)}progress-bar:hover .play-head{border-width:2px}progress-bar my-icon[d_icon=play]{margin-left:3px}.play-pause-btn:before{content:"";height:100%;position:absolute;width:100%}progress-bar[d_loading] .play-head{border:none}.loader{--_diameter:30px;--_color:var(--clr-accent-400);position:relative}.loader,.loader div{height:var(--_diameter);width:var(--_diameter)}.loader div{animation:player-loader 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid var(--_color);border-color:var(--_color) transparent transparent transparent;border-radius:50%;display:block;position:absolute}.loader div:first-child{animation-delay:-.45s}.loader div:nth-child(2){animation-delay:-.3s}.loader div:nth-child(3){animation-delay:-.15s}@keyframes player-loader{0%{transform:rotate(0)}to{transform:rotate(1turn)}}filter-results{--_topOffset:0px;background-color:var(--clr-primary-400-transp);border-radius:0 0 var(--borderRadius) var(--borderRadius);left:50%;padding-block:2rem 2rem;padding-inline:2rem;position:fixed;top:-2rem;transform:translate(-50%,-100%);transition:transform .5s var(--bouncyTransition);z-index:3;view-transition-name:FilterResults}filter-results[d_visible]{transform:translate(-50%,var(--_topOffset))}@media (max-width:1024px){filter-results{--_topOffset:calc(var(--headerMobileHeight) + var(--_gridPadding))}}remove-filter-btn{background-color:var(--clr-accent-400);border-radius:1rem;color:var(--clr-primary-400);padding-block:.25rem;padding-inline-end:.5rem;padding-inline-start:1rem;position:relative}remove-filter-btn .close-btn{background-color:var(--clr-primary-400);border-radius:50%;padding:.25rem}@media (hover:hover){remove-filter-btn .close-btn:hover{background-color:var(--clr-accent-200)}}side-bar{--_width:min-content;--_height:auto;background-color:var(--clr-primary-400);gap:var(--_gridPadding);height:var(--_height);left:0;overflow-y:hidden;padding:var(--_gridPadding) 0 0 var(--_gridPadding);position:fixed;top:0;transition:all .3s;width:var(--_width);z-index:3;view-transition-name:SideBar}side-bar[d_selected]{height:calc(var(--_vh)*100);overflow-y:auto}side-bar[d_arabic]{left:auto;right:var(--_gridPadding)}@media (max-width:1024px){side-bar{--_width:100%;--_height:var(--headerMobileHeight);background-color:var(--clr-primary-400-transp);box-shadow:var(--boxShadow);padding:0;transition:height .5s var(--lessBouncyTransition)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){side-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}side-bar[d_arabic]{left:unset;right:unset}}app-btn{--_color:var(--clr-text);--_hoverColor:var(--clr-accent-500);--_textColor:var(--clr-primary-400);--_disabledColor:var(--clr-accent-200);--_btnBorderR:var(--borderRadiusSmall);--_padding:.5em;--_fontSize:var(--fs-300)}app-btn button{background-color:var(--_color);border-radius:var(--_btnBorderR);color:var(--_textColor);cursor:pointer;display:block;font-family:var(--fontFamily,system-ui,sans-serif);font-size:var(--_fontSize);font-weight:700;margin-inline:auto;max-width:100%;min-width:140px;outline:2px solid transparent;outline-offset:2px;padding:var(--_padding);text-align:center;transition:color .2s ease-in-out,background-color .2s ease-in-out}app-btn[d_lang=ar] button{font-family:var(--fontFamilyAR)}app-btn[d_full_width] button{width:100%}app-btn[d_color=neutral]{--_color:var(--clr-text-secondary);--_textColor:var(--clr-primary-400)}app-btn[d_pill]{--_btnBorderR:100vmax}app-btn[d_color=error]{--_color:var(--clr-error)}app-btn button:focus-visible{background-color:var(--_hoverColor);outline-color:var(--_hoverColor)}app-btn button:disabled{background-color:var(--_disabledColor);cursor:not-allowed}@media (hover:hover){app-btn button:hover:enabled{background-color:var(--_hoverColor);outline-color:var(--_hoverColor)}}app-btn .btn-loader{display:none}app-btn .btn-loader svg{transform:scale(2)}app-btn .btn-loader svg path{fill:var(--_textColor)}app-btn[d_loading] div{display:none}app-btn[d_loading] .btn-loader{display:flex}lang-toggle{direction:ltr;--_dimensions:26px}lang-toggle p{color:var(--clr-accent-200);transition:color .3s ease-in-out}lang-toggle[d_currentLang=ar] p.ar,lang-toggle[d_currentLang=en] p.en{color:var(--clr-accent-400)}lang-toggle label{height:34px;position:relative;width:60px}lang-toggle input{height:0;opacity:0;width:0}lang-toggle .toggle-slider{background-color:var(--clr-accent-400);border-radius:100vmax;cursor:pointer;inset:0;position:absolute;transform:scale(.7);transition:all .3s ease-in-out}lang-toggle .toggle-slider:before{background-color:var(--clr-primary-400);border-radius:50%;bottom:4px;content:"";height:var(--_dimensions);left:4px;position:absolute;transition:all .4s;width:var(--_dimensions)}lang-toggle input:checked+.toggle-slider:before{transform:translate(var(--_dimensions))}footer{justify-content:space-between;margin-top:auto;padding-bottom:var(--_gridPadding)}footer a:focus-visible my-icon{background-color:var(--clr-accent-400)}@media (hover:hover){footer a:hover my-icon{background-color:var(--clr-accent-400)}}@media (max-width:1024px){footer{flex-direction:column;justify-content:center;padding:var(--_gridPadding)}}mast-head{aspect-ratio:var(--tapeAspectRatio);flex-direction:column}mast-head a{color:var(--clr-accent-300)}mast-head a:focus-visible{color:var(--clr-accent-400)}@media (hover:hover){mast-head a:hover{color:var(--clr-accent-400)}}mast-head a[d_selected]{color:var(--clr-accent-400)}@media (max-width:1024px){mast-head{direction:ltr;flex-direction:row;height:var(--headerMobileHeight);padding:var(--_gridPadding);position:sticky;top:0}mast-head h1{font-size:var(--fs-300);width:100px}side-bar[d_selected] mast-head{background-color:var(--clr-primary-400);box-shadow:var(--boxShadow)}}.hamburger{--_dimensions:3rem;cursor:pointer;height:var(--_dimensions);position:relative;transition:all .2s;width:var(--_dimensions);-webkit-tap-highlight-color:transparent}.hamburger .burger-lines{--_lineHeight:.25rem;--_lineWidth:2rem;margin-top:calc(var(--_lineHeight)*-2);top:50%;transform:translateY(100%)}.hamburger .burger-lines:before{left:0;top:-10px}.hamburger .burger-lines:after{left:calc(var(--_dimensions) - var(--_lineWidth));top:10px}.hamburger .burger-lines,.hamburger .burger-lines:after,.hamburger .burger-lines:before{background-color:var(--clr-accent-400);border-radius:100vmax;content:"";display:block;height:var(--_lineHeight);pointer-events:none;position:absolute;transition:top .2s .2s,left .1s,transform .2s,.4s;width:100%}.hamburger .burger-lines:after,.hamburger .burger-lines:before{transform:rotate(0);width:var(--_lineWidth)}.hamburger:after{content:"";display:block;height:150%;left:-25%;position:absolute;top:-25%;width:150%}.hamburger[d_selected] .burger-lines,.hamburger[d_selected] .burger-lines:after,.hamburger[d_selected] .burger-lines:before{transition:background-color .2s,top .2s,left .2s,transform .2s .15s}.hamburger[d_selected] .burger-lines{background-color:transparent}.hamburger[d_selected] .burger-lines:after,.hamburger[d_selected] .burger-lines:before{left:.5rem;top:0}.hamburger[d_selected] .burger-lines:before{transform:rotate(-45deg)}.hamburger[d_selected] .burger-lines:after{transform:rotate(45deg)}@media (hover:hover){.hamburger:hover .burger-lines:after,.hamburger:hover .burger-lines:before,.hamburger:hover:not([d_selected]) .burger-lines{background-color:var(--clr-accent-300)}}my-nav{aspect-ratio:var(--tapeAspectRatio);background-color:var(--clr-accent-100);width:100%}my-nav a{color:var(--clr-accent-300)}my-nav a[d_selected]{color:var(--clr-accent-400)}my-nav a:focus-visible{color:var(--clr-accent-400)}@media (hover:hover){my-nav a:hover{color:var(--clr-accent-400)}}@media (max-width:1024px){my-nav{aspect-ratio:unset;place-self:center;width:-moz-fit-content;width:fit-content}}multi-lang-input{position:relative}multi-lang-input[d_direction=row]{flex-direction:row}multi-lang-input[d_direction=column]{flex-direction:column}multi-lang-input .delete-btn{position:absolute}multi-lang-input .single-input-wrapper .delete-btn{position:relative}subscribe-modal form{margin-inline:auto;max-width:var(--inputMaxWidth)}subscribe-modal .input-field{border:1px solid var(--clr-accent-400)}.grecaptcha-badge{opacity:0;right:0!important;z-index:-1}tape-grid{--_paddingInlineStart:0px;--_minWidth:190px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--_minWidth),1fr));grid-gap:var(--_gridPadding);padding-bottom:calc(var(--audioPlayerHeight) + var(--_gridPadding));padding-inline-start:var(--_paddingInlineStart)}tape-grid .item{aspect-ratio:5.05/8;overflow:hidden;position:relative}tape-grid .item-overlay{background-color:var(--clr-primary-400-transp);content:"";display:none;left:0;min-height:100%;padding:.625rem;position:absolute;top:0;width:100%}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){tape-grid .item-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}tape-grid .item:focus-visible .item-overlay{display:block}@media (hover:hover){tape-grid .item:hover .item-overlay{display:block}}@media (max-width:1024px){tape-grid{--_minWidth:150px}tape-grid .item-overlay h3{font-size:var(--fs-300)}tape-grid .item-overlay p{font-size:var(--fs-100)}}@media (max-width:500px){tape-grid{--_minWidth:90px}tape-grid .item-overlay h3{font-size:var(--fs-200)}}