.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}body#MainScaffold main[x_sel=main]{padding-block:var(--_gridPadding)}@media(max-width:1024px){body#MainScaffold main[x_sel=main]{padding-top:calc(var(--headerMobileHeight) + var(--_gridPadding))}}my-modal[hidden]{display:unset;opacity:0;visibility:hidden}my-modal{--_inlinePadding:var(--_gridPadding);--_blockPadding:2rem;--_contentBgColor:var(--clr-primary-400);inset:0;opacity:1;position:fixed;transition:opacity .2s ease-in;visibility:visible;z-index:90}my-modal[d_dark_overlay]{background-color:var(--clr-darkOverlay)}@supports (backdrop-filter:none){my-modal[d_dark_overlay]{backdrop-filter:blur(5px)}}my-modal div.modal-box{background-color:var(--_contentBgColor);border:1px solid var(--clr-primary-300);color:var(--clr-text);cursor:default;opacity:0;overflow-y:scroll;padding-bottom:2rem;position:relative;scroll-padding-top:75px;transition:opacity .3s ease-in}my-modal[d_sticky_bottom] div.modal-box{padding-bottom:0}my-modal[d_size=full] div.modal-box{height:100%;overflow-y:unset;padding-bottom:0;width:100%}my-modal[d_size=full] div.modal-box div[x_sel=content]{display:block;height:100%}my-modal[d_size=small-box] div.modal-box{max-height:calc(100% - var(--_blockPadding));width:min(50ch,100% - var(--_inlinePadding))}my-modal[d_size=large-box] div.modal-box{max-height:calc(100% - var(--_blockPadding));width:min(955px,100% - var(--_inlinePadding))}my-modal[d_size=max-content] div.modal-box{max-height:calc(100% - var(--_blockPadding));max-width:calc(100% - var(--_inlinePadding));width:-moz-max-content;width:max-content}my-modal[d_animate] div.modal-box{animation:animateBox .4s var(--bouncyTransition);opacity:1}@keyframes animateBox{0%{transform:translateY(150px)}to{transform:translateY(0)}}my-modal div.modal-box div.modal-header{background-color:var(--_contentBgColor);direction:ltr;justify-content:flex-end;padding-block:1rem;position:sticky;top:0;z-index:2}my-modal[d_size=full] div.modal-box div.modal-header{position:fixed}my-modal div.modal-box div.modal-header button.close-btn{background:var(--clr-text);border:none;border-radius:100vmax;cursor:pointer;height:20px;outline:0 transparent;padding:0 1rem;place-self:flex-end;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);width:-moz-fit-content;width:fit-content}my-modal div.modal-box div.modal-header button.close-btn:focus{transform:scale(1.1)}my-modal div.modal-box div.modal-header button.close-btn:focus:not(:focus-visible){outline:none}@media(hover:hover){my-modal div.modal-box div.modal-header button.close-btn:hover{transform:scale(1.1)}my-modal div.modal-box div.modal-header button.close-btn:hover my-icon[x_sel=closeIcon]{background-color:var(--_contentBgColor)}}my-modal my-loader{--_color:var(--clr-primary-400)}toast-notif{--__progressWidth:100%;--_right:2rem;--_bgColor:var(--clr-success-400);--_fgColor:var(--clr-success-200);background-color:var(--_bgColor);border-left:.5rem solid var(--_fgColor);box-shadow:0 5px 10px #0000001a;color:var(--_fgColor);max-width:320px;overflow:hidden;padding:1rem 3rem 1rem 1rem;position:fixed;right:var(--_gridPadding);top:2rem;transform:translate(calc(100% + var(--_right)));transition:transform .5s var(--lessBouncyTransition);view-transition-name:ToastNotif;z-index:100}::view-transition-group(ToastNotif){z-index:100}toast-notif[d_state=success]{--_bgColor:var(--clr-success-400);--_fgColor:var(--clr-success-200);color:var(--clr-primary-400)}toast-notif[d_state=warn]{--_bgColor:var(--clr-warn-100);--_fgColor:var(--clr-warn-400)}toast-notif[d_state=error]{--_bgColor:var(--clr-error-100);--_fgColor:var(--clr-error-400)}toast-notif button.close-btn{position:absolute;right:1rem;top:1rem}toast-notif button.close-btn my-icon[x_sel=closeIcon]{background-color:var(--_fgColor);height:20px;width:20px}@media(hover:hover){toast-notif button.close-btn:hover my-icon[x_sel=closeIcon]{background-color:var(--clr-text-secondary)}}toast-notif div.progress{background-color:var(--_fgColor);bottom:0;height:3px;left:0;position:absolute;width:var(--__progressWidth)}toast-notif[d_visible]{transform:translate(0)}@media(max-width:350px){toast-notif{left:var(--_gridPadding)}}my-icon{display:block;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;width:20px}my-icon,my-icon[d_icon=arrow-down]{background-color:var(--clr-accent-300)}my-icon[d_icon=arrow-down]{height:16px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/arrow-down.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/arrow-down.svg);transition:rotate .2s;width:16px}my-icon[d_icon=cassette]{background-color:var(--clr-accent-500);height:25px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/cassette.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/cassette.svg);width:25px}my-icon[d_icon=checkmark]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/checkmark.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/checkmark.svg)}my-icon[d_icon=document]{background-color:var(--clr-accent-500);height:25px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/document.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/document.svg);width:25px}my-icon[d_icon=error]{background-color:var(--clr-error-400);height:30px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg);width:30px}my-icon[d_icon=facebook]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/facebook.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/facebook.svg);width:10px}my-icon[d_icon=filter-on]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOn.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOn.svg)}my-icon[d_icon=filter-off]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOff.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOff.svg)}my-icon[d_icon=hide-pass],my-icon[d_icon=show-pass]{height:30px;width:30px}my-icon[d_icon=hide-pass]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hide-pass.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hide-pass.svg)}my-icon[d_icon=hyperlink],my-icon[d_icon=unlink]{background-color:var(--clr-primary-400);height:18px;width:18px}my-icon[d_icon=hyperlink]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hyperlink.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hyperlink.svg)}my-icon[d_icon=image]{background-color:var(--clr-accent-500);height:25px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/image.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/image.svg);width:25px}my-icon[d_icon=info]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/info.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/info.svg)}my-icon[d_icon=instagram]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/instagram.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/instagram.svg)}my-icon[d_icon=left-angles]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-angles.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-angles.svg)}my-icon[d_icon=left-arrow],my-icon[d_icon=right-arrow]{background-color:var(--clr-accent-400);height:40px;width:40px}my-icon[d_icon=left-arrow]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-arrow.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-arrow.svg)}my-icon[d_icon=mute]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/mute.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/mute.svg)}my-icon[d_icon=pause]{background-color:var(--clr-accent-400);height:15px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/pause.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/pause.svg);width:15px}my-icon[d_icon=play]{background-color:var(--clr-accent-400);height:18px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/play.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/play.svg);width:18px}my-icon[d_icon=plus]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/plus.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/plus.svg)}my-icon[d_icon=question-mark]{background-color:var(--clr-accent-400);height:35px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/question-mark.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/question-mark.svg);width:35px}my-icon[d_icon=right-angles]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-angles.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-angles.svg)}my-icon[d_icon=right-arrow]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-arrow.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-arrow.svg)}my-icon[d_icon=search]{height:30px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/search.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/search.svg);width:30px}my-icon[d_icon=settings]{background-color:var(--clr-accent-400);height:35px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/settings.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/settings.svg);width:35px}my-icon[d_icon=show-pass]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/show-pass.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/show-pass.svg)}my-icon[d_icon=sign-out]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/sign-out.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/sign-out.svg)}my-icon[d_icon=square-plus]{background-color:var(--clr-accent-400);height:35px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/square-plus.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/square-plus.svg);transition:rotate .2s;width:35px}my-icon[d_icon=success]{background-color:var(--clr-success-200);height:30px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/success.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/success.svg);width:30px}my-icon[d_icon=trash]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/trash.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/trash.svg)}my-icon[d_icon=twitter]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/twitter.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/twitter.svg)}my-icon[d_icon=unlink]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/unlink.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/unlink.svg)}my-icon[d_icon=upload]{height:25px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/upload.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/upload.svg);width:25px}my-icon[d_icon=warn]{background-color:var(--clr-warn-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg)}my-icon[d_icon=x-mark]{background-color:var(--clr-primary-400);height:15px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/x.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/x.svg);width:15px}my-icon[d_color=dark]{background-color:var(--clr-text)}my-icon[d_color=white]{background-color:var(--clr-primary-400)}my-icon[d_color=error]{background-color:var(--clr-error-400)}app-btn{--_myColor:var(--clr-text);--_hoverColor:var(--clr-accent-500);--_textColor:var(--clr-primary-400);--_disabledColor:var(--clr-accent-200);--_btnBorderR:var(--borderRadiusSmall);--_padding:.5em 1.5em;--_fontSize:var(--fs-300);--_minWidth:unset;--_outline:solid 2px transparent;min-width:-moz-fit-content;min-width:fit-content}app-btn>a[x_sel=aLink],app-btn>button[x_sel=button]{background-color:var(--_myColor);border-radius:var(--_btnBorderR);color:var(--_textColor);cursor:pointer;font-family:var(--fontFamily,system-ui,sans-serif);font-size:var(--_fontSize);font-weight:600;max-width:100%;min-width:var(--_minWidth);outline:var(--_outline);outline-offset:2px;padding:var(--_padding);position:relative;text-align:center;transition:color .2s ease-in-out,background-color .2s ease-in-out}app-btn>a[x_sel=aLink]{display:block;text-decoration:none}app-btn[d_lang=ar]>a[x_sel=aLink],app-btn[d_lang=ar]>button[x_sel=button]{font-family:var(--fontFamilyAR)}app-btn>a[x_sel=aLink] span[x_sel=aLinkSpan]:before{background-color:currentColor;border-radius:100vmax;bottom:-4px;content:"";height:2px;position:absolute;transition:width .2s ease-out;width:0}app-btn>a[x_sel=aLink]:focus-visible span[x_sel=aLinkSpan]:before{width:100%}@media(hover:hover){app-btn>a[x_sel=aLink]:hover span[x_sel=aLinkSpan]:before{width:100%}}app-btn[d_height=small]{--_padding:.3em 1em;--_fontSize:var(--fs-200)}app-btn[d_full_width] button[x_sel=button]{width:100%}app-btn[d_min_width=fit]{--_minWidth:fit-content}app-btn[d_min_width=auto]{--_minWidth:auto}app-btn[d_pill]{--_btnBorderR:100vmax}app-btn[d_color=accent]{--_myColor:var(--clr-accent-400);--_hoverColor:var(--clr-accent-400)}app-btn[d_color=neutral]{--_myColor:var(--clr-text-secondary);--_textColor:var(--clr-primary-400)}app-btn[d_color=neutral] button[x_sel=button]{border-color:var(--clr-primary-300)}app-btn[d_color=error]{--_myColor:var(--clr-error-400);--_hoverColor:var(--clr-error-400)}app-btn>button[x_sel=button]:focus-visible{background-color:var(--_hoverColor);border-color:var(--_hoverColor);outline-color:var(--_hoverColor)}app-btn>button[x_sel=button]:disabled{background-color:var(--_disabledColor);color:var(--_textColor);cursor:not-allowed}@media(hover:hover){app-btn>button[x_sel=button]:hover:enabled{background-color:var(--_hoverColor);border-color:var(--_hoverColor);outline-color:var(--_hoverColor)}}app-btn>button[x_sel=button] my-loader{--_diameter:25px}app-btn[d_loading]>button[x_sel=button] div.btn-content{opacity:0;visibility:hidden}my-loader{--_diameter:70px;--_color:var(--clr-primary-400)}my-loader,my-loader div[x_sel=MyLoaderDiv]{height:var(--_diameter);width:var(--_diameter)}my-loader div[x_sel=MyLoaderDiv]{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}my-loader div[x_sel=MyLoaderDiv]:first-child{animation-delay:-.45s}my-loader div[x_sel=MyLoaderDiv]:nth-child(2){animation-delay:-.3s}my-loader div[x_sel=MyLoaderDiv]:nth-child(3){animation-delay:-.15s}@keyframes player-loader{0%{transform:rotate(0)}to{transform:rotate(1turn)}}tape-grid{--_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))}tape-grid a.item,tape-grid div.empty-item{aspect-ratio:5.05/8;overflow:hidden;position:relative}tape-grid a.item div.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 (backdrop-filter:none){tape-grid a.item div.item-overlay{backdrop-filter:blur(3px)}}tape-grid a.item:focus-visible div.item-overlay{display:block}@media(hover:hover){tape-grid a.item:hover div.item-overlay{display:block}}@media(max-width:1024px){tape-grid{--_minWidth:150px}tape-grid a.item div.item-overlay h4[x_sel=artistHeading]{font-size:var(--fs-300)}tape-grid a.item div.item-overlay p[x_sel=albumTitle]{font-size:var(--fs-100)}}@media(max-width:500px){tape-grid{--_minWidth:90px}tape-grid a.item div.item-overlay h4[x_sel=artistHeading]{font-size:var(--fs-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;view-transition-name:SideBar;width:var(--__width);z-index:3}::view-transition-group(SideBar){z-index:3}side-bar[d_selected]{height:calc(var(--_vh)*100);overflow-y:auto}side-bar[d_lang=ar]{left:auto;right:var(--_gridPadding)}side-bar app-btn[x_sel=subscribeBtn]{margin-inline:auto}@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 (backdrop-filter:none){side-bar{backdrop-filter:blur(5px)}}side-bar[d_lang=ar]{left:unset;right:unset}side-bar[d_selected] div.mast-head{background-color:var(--clr-primary-400);box-shadow:var(--boxShadow)}}div.mast-head{aspect-ratio:var(--tapeAspectRatio);flex-direction:column}@media(max-width:1024px){div.mast-head{direction:ltr;flex-direction:row;height:var(--headerMobileHeight);padding:var(--_gridPadding);position:sticky;top:0}}my-burger{--_dimensions:3rem;--_lineHeight:.25rem;--_lineWidth:2rem;cursor:pointer;height:var(--_dimensions);position:relative;transition:all .2s;width:var(--_dimensions);-webkit-tap-highlight-color:transparent}my-burger div.burger-lines{margin-top:calc(var(--_lineHeight)*-2);top:50%;transform:translateY(100%)}my-burger div.burger-lines:before{left:0;top:-10px}my-burger div.burger-lines:after{left:calc(var(--_dimensions) - var(--_lineWidth));top:10px}my-burger div.burger-lines,my-burger div.burger-lines:after,my-burger div.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%}my-burger div.burger-lines:after,my-burger div.burger-lines:before{transform:rotate(0);width:var(--_lineWidth)}my-burger:after{content:"";display:block;height:150%;left:-25%;position:absolute;top:-25%;width:150%}my-burger[d_selected] div.burger-lines,my-burger[d_selected] div.burger-lines:after,my-burger[d_selected] div.burger-lines:before{transition:background-color .2s,top .2s,left .2s,transform .2s .15s}my-burger[d_selected] div.burger-lines{background-color:transparent}my-burger[d_selected] div.burger-lines:after,my-burger[d_selected] div.burger-lines:before{left:.5rem;top:0}my-burger[d_selected] div.burger-lines:before{transform:rotate(-45deg)}my-burger[d_selected] div.burger-lines:after{transform:rotate(45deg)}@media(hover:hover){my-burger:hover div.burger-lines:after,my-burger:hover div.burger-lines:before,my-burger:hover:not(my-burger[d_selected]) div.burger-lines{background-color:var(--clr-accent-300)}}mast-head-link a.link{color:var(--clr-accent-300)}mast-head-link[d_lang=ar] a.link h1.heading{line-height:1.1}mast-head-link a.link:focus-visible{color:var(--clr-accent-400)}@media(hover:hover){mast-head-link a.link:hover{color:var(--clr-accent-400)}}mast-head-link[d_selected] a.link{color:var(--clr-accent-400)}@media(max-width:1024px){mast-head-link[d_lang=ar] a.link h1.heading,mast-head-link[d_lang=en] a.link h1.heading{font-size:var(--fs-300);width:100px}}nav[x_sel=nav]{aspect-ratio:var(--tapeAspectRatio);background-color:var(--clr-accent-150);width:100%}nav[x_sel=nav] nav-link a.a-link{color:var(--clr-accent-300)}nav[x_sel=nav] nav-link[d_selected] a.a-link{color:var(--clr-accent-400)}nav[x_sel=nav] nav-link a.a-link:focus-visible{color:var(--clr-accent-400)}@media(hover:hover){nav[x_sel=nav] nav-link a.a-link:hover{color:var(--clr-accent-400)}}@media(max-width:1024px){nav[x_sel=nav]{aspect-ratio:unset;place-self:center;width:-moz-fit-content;width:fit-content}}form[x_sel=filterForm] multi-lang-input div.select-input{background-color:var(--clr-primary-400);border-radius:var(--borderRadius);height:30px;overflow:unset}form[x_sel=filterForm] multi-lang-input div.select-input select[x_sel=SelectInputField]{color:var(--clr-accent-400);padding:.35rem 2.5rem .35rem 1rem}form[x_sel=filterForm] input[x_sel=inputField]{border-radius:var(--borderRadius);height:30px}form[x_sel=filterForm] input[x_sel=inputField]:focus-visible{border-color:var(--clr-accent-400)}@media(hover:hover){form[x_sel=filterForm] input[x_sel=inputField]:hover{border-color:var(--clr-accent-400)}}div.select-input{background-color:var(--clr-accent-200);color:var(--clr-black);cursor:pointer;overflow:hidden;position:relative}div.select-input select[x_sel=SelectInputField]{padding:.75rem 2.5rem .75rem 1rem}div.select-input my-icon{position:absolute;right:1rem;top:calc(50% - .5rem)}@media(hover:hover){div.select-input:hover:not(:disabled) my-icon{background-color:var(--clr-text)}div.select-input:hover:not(:disabled) select[x_sel=SelectInputField]{border-color:var(--clr-text)}}multi-lang-input[d_direction=row]{flex-direction:row}multi-lang-input[d_direction=column]{flex-direction:column}multi-lang-input>button.delete-btn{position:absolute}button.delete-btn:focus-visible my-icon{background-color:var(--clr-accent-300)}@media(hover:hover){button.delete-btn:hover my-icon{background-color:var(--clr-accent-300)}}my-editor{min-height:100px;outline-color:var(--clr-accent-600)}lang-toggle{direction:ltr;--_dimensions:26px;color:var(--clr-accent-200);font-size:var(--fs-300)}lang-toggle[d_lang=ar],lang-toggle[d_lang=en]{direction:ltr;font-family:var(--fontFamily)}lang-toggle[d_lang=ar] p.ar,lang-toggle[d_lang=en] p.en{color:var(--clr-accent-400);transition:color .3s ease-in-out}lang-toggle label[x_sel=langToggleLabel]{height:34px;position:relative;width:60px}lang-toggle label[x_sel=langToggleLabel] a[x_sel=aLink] input[x_sel=langToggleInput]{height:0;opacity:0;width:0}lang-toggle label[x_sel=langToggleLabel] a[x_sel=aLink] div.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 label[x_sel=langToggleLabel] a[x_sel=aLink] div.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 label[x_sel=langToggleLabel] a[x_sel=aLink] input[x_sel=langToggleInput]:checked+div.toggle-slider:before{transform:translate(var(--_dimensions))}footer[x_sel=footer]{justify-content:space-between;margin-top:auto;padding-bottom:var(--_gridPadding)}footer[x_sel=footer] a[x_sel=socialsLink]:focus-visible my-icon{background-color:var(--clr-accent-400)}@media(hover:hover){footer[x_sel=footer] a[x_sel=socialsLink]:hover my-icon{background-color:var(--clr-accent-400)}}@media(max-width:1024px){footer[x_sel=footer]{flex-direction:column;justify-content:center;padding:var(--_gridPadding)}}main-container{--__paddingInlineStart:250px;padding-bottom:calc(var(--audioPlayerHeight) + var(--_gridPadding));padding-inline-start:var(--__paddingInlineStart)}@media(max-width:1024px){main-container{--__paddingInlineStart:0px}}my-modal#PreviewImageModal{--_contentBgColor:transparent}my-carousel{height:100%;padding:4rem 1rem;width:100%}my-carousel[d_lang=ar]{direction:ltr}my-carousel div.carousel{height:100%;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}my-carousel div.carousel::-webkit-scrollbar{display:none}my-carousel div.carousel lazy-image{flex-shrink:0;min-width:100%;scroll-snap-align:start;--_objectFit:contain;--_imgVisibility:inherit}my-carousel button.left-arrow-btn my-icon[x_sel=leftArrowIcon],my-carousel button.right-arrow-btn my-icon{background-color:var(--clr-primary-400)}my-carousel div.captions{top:1rem}my-carousel div.captions,my-carousel span.carousel-counter{color:var(--clr-primary-400);left:50%;position:absolute;transform:translate(-50%)}my-carousel span.carousel-counter{bottom:1rem}@media(max-width:768px){my-carousel{gap:.5rem;padding-inline:.5rem}}button.left-arrow-btn:disabled my-icon[x_sel=leftArrowIcon]{background-color:var(--clr-disabled)}button.left-arrow-btn:focus-visible:not(:disabled){background-color:var(--clr-accent-400)}button.left-arrow-btn:focus-visible:not(:disabled) my-icon[x_sel=leftArrowIcon]{background-color:var(--clr-primary-400)}@media(hover:hover){button.left-arrow-btn:hover:not(:disabled){background-color:var(--clr-accent-400)}button.left-arrow-btn:hover:not(:disabled) my-icon[x_sel=leftArrowIcon]{background-color:var(--clr-primary-400)}}button.right-arrow-btn:disabled my-icon{background-color:var(--clr-disabled)}button.right-arrow-btn:focus-visible:not(:disabled) my-icon{background-color:var(--clr-primary-400)}button.right-arrow-btn:focus-visible:not(:disabled){background-color:var(--clr-accent-400)}@media(hover:hover){button.right-arrow-btn:hover:not(:disabled){background-color:var(--clr-accent-400)}button.right-arrow-btn:hover:not(:disabled) my-icon{background-color:var(--clr-primary-400)}}audio-player#audioPlayer{--__width:100%;--__marginInlineStart:0;--_paddingInline:1.25rem;--_cassetteWidth:var(--audioPlayerHeight);--_playerOffset:calc(var(--_cassetteWidth) + var(--_paddingInline)*2);background-color:var(--clr-primary-400);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);view-transition-name:AudioPlayer;width:var(--__width);z-index:2}::view-transition-group(AudioPlayer){z-index:2}@supports (backdrop-filter:none){audio-player#audioPlayer{backdrop-filter:blur(10px);background-color:var(--clr-primary-400-transp)}}audio-player#audioPlayer[d_lang=ar]{gap:0}audio-player#audioPlayer[d_collapsed]{transform:translate(calc(100% - var(--_playerOffset)))}audio-player#audioPlayer[d_collapsed][d_lang=ar]{transform:translate(calc(-100% + var(--_playerOffset)))}audio-player#audioPlayer button.player-btn{width:var(--_cassetteWidth)}audio-player#audioPlayer button.player-btn polygon.cassette-wheel{transform-box:fill-box;transform-origin:center center}audio-player#audioPlayer[d_playing] button.player-btn polygon.cassette-wheel{animation:spin 1.25s linear infinite reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}audio-player#audioPlayer div.player{gap:1rem;width:calc(100% - var(--_cassetteWidth) - var(--_paddingInline))}audio-player#audioPlayer div.player div.player-left img[x_sel=artworkImage]{height:unset;max-height:80px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;width:auto}audio-player#audioPlayer div.player div.player-middle{overflow:hidden;padding-inline:5px}audio-player#audioPlayer div.player div.player-right{place-items:flex-start;width:120px}@media(hover:none){audio-player#audioPlayer div.player div.player-right{margin-bottom:12px;place-content:end}}audio-player#audioPlayer div.player div.player-right p[x_sel=DurationMobile]{display:none}@media(max-width:768px){audio-player#audioPlayer{--_cassetteWidth:50px;--_paddingInline:var(--_gridPadding)}}@media(max-width:500px){audio-player#audioPlayer{--_cassetteWidth:35px}audio-player#audioPlayer div.player{gap:.25rem}audio-player#audioPlayer div.player div.player-left{display:none}audio-player#audioPlayer div.player div.player-right{width:60px}audio-player#audioPlayer div.player div.player-right p[x_sel=DurationMobile]{display:block}audio-player#audioPlayer div.player div.player-right p[x_sel=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 div.inner{flex-wrap:nowrap;gap:4rem;padding-inline:var(--__paddingInline);width:-moz-max-content;width:max-content}my-marquee[d_active] div.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)))}}player-progress{--_height:3px;--_playHeadDiameter:30px;--_clickableHeight:50px;--__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)}player-progress:hover{height:5px}player-progress div.progress{background-color:var(--clr-accent-400);height:var(--_height);transition:height .2s ease-out;width:var(--__percComplete)}player-progress:hover div.progress{height:5px}player-progress div.progress:before{content:"";height:var(--_clickableHeight);position:absolute;top:50%;transform:translateY(-50%);width:100%}player-progress div.play-head{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)}player-progress:hover div.play-head{border-width:2px}player-progress div.play-head button.play-pause-btn my-icon[x_sel=playIcon][d_icon=play]{margin-left:3px}player-progress div.play-head button.play-pause-btn:before{content:"";height:100%;position:absolute;width:100%}player-progress div.play-head my-loader{--_diameter:30px}player-progress[d_loading] div.play-head{border:none}player-volume{--_rangeWidth:60px;--_rangeHeight:3px;--_volumeHeadDiameter:10px;--__perc:100%}player-volume:after{content:"";height:var(--_rangeWidth);position:absolute;width:0}player-volume:hover:after{width:100%}player-volume button.mute-btn,player-volume button.volume-btn{height:20px;width:20px;z-index:1}player-volume button.volume-btn path.wave{visibility:hidden}player-volume button.volume-btn path.wave[aria-pressed]{visibility:visible}player-volume div.volume-bar{background-color:var(--clr-accent-200);height:var(--_rangeHeight);position:relative;transition:width .2s ease-out;width:0;z-index:1}player-volume:hover div.volume-bar{width:var(--_rangeWidth)}player-volume div.volume-bar div.volume-range{background-color:var(--clr-accent-400);height:var(--_rangeHeight);width:var(--__perc)}player-volume div.volume-bar div.volume-range:after{content:"";height:50px;position:absolute;top:50%;transform:translateY(-50%);width:100%}player-volume div.volume-bar div.volume-head{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)}player-volume:hover div.volume-bar div.volume-head{opacity:1}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);view-transition-name:FilterResults;z-index:3}::view-transition-group(FilterResults){z-index:3}filter-results[d_visible]{transform:translate(-50%,var(--_topOffset))}@media(max-width:1024px){filter-results{--_topOffset:calc(var(--headerMobileHeight) + var(--_gridPadding))}}filter-results div[x_sel=btnsWrapper],filter-results p[x_sel=NoResultsText]{margin-top:1em}filter-results-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}filter-results-btn button.close-btn{background-color:var(--clr-primary-400);border-radius:50%;padding:.25rem}filter-results-btn button.close-btn my-icon[x_sel=closeIcon]{background-color:var(--clr-accent-400)}@media(hover:hover){filter-results-btn button.close-btn:hover{background-color:var(--clr-accent-200)}}search-results{--_gradientEnd:80%;--_headerHeight:60px;background-color:var(--clr-primary-400-transp);border-radius:0 0 var(--borderRadius) var(--borderRadius);left:50%;max-width:700px;overflow-y:auto;padding-top:4rem;position:fixed;top:-4rem;transform:translate(-50%,-100%);transition:transform .5s var(--lessBouncyTransition);view-transition-name:SearchResults;z-index:4}::view-transition-group(SearchResults){z-index:4}@supports (backdrop-filter:none){search-results{backdrop-filter:blur(10px)}}search-results div.header button.close-btn{border-radius:50%;padding:.25rem}search-results div.header button.close-btn my-icon[x_sel=closeIcon]{background-color:var(--clr-accent-400);height:25px;width:25px}@media(hover:hover){search-results div.header button.close-btn:hover{background-color:var(--clr-accent-200)}}search-results[d_visible]{transform:translate(-50%)}search-results div.header{background-color:var(--clr-primary-400);height:var(--_headerHeight);position:sticky;top:0;z-index:1}search-results div.results-wrapper{-webkit-mask:linear-gradient(to bottom,90deg,var(--clr-primary-400) 0,var(--clr-primary-400) var(--_gradientEnd),transparent);mask:linear-gradient(to bottom,var(--clr-primary-400) 0,var(--clr-primary-400) var(--_gradientEnd),transparent);max-height:calc(var(--_vh)*100 - var(--audioPlayerHeight) - var(--_headerHeight) - 2rem);overflow-y:inherit}search-results div.results-wrapper div.results{padding-bottom:calc(100% - var(--_gradientEnd))}