:root{--clr-text:#ff008c;--clr-text-secondary:#181818;--clr-primary-300:#ebebeb;--clr-primary-400:#fff;--clr-primary-400-transp:hsla(0,0%,100%,.8);--clr-accent-100:#ffebf5;--clr-accent-200:#fcd9ec;--clr-accent-300:#ff8aca;--clr-accent-400:#ff008c;--clr-accent-500:#8b2d60;--clr-accent-600:#602e4a;--clr-error:#ff008c;--clr-success:#61ff9b;--clr-success-transp:#296b41;--clr-disabled:rgba(26,27,35,.1);--clr-darkGradient:#1a1b23;--clr-darkOverlay:rgba(26,27,35,.5);--fontFamily:"Hanken Grotesk",sans-serif;--fontFamilyAR:"Tajawal",sans-serif;--fs-100:clamp(.7813rem,.7734rem + .0395vi,.8rem);--fs-200:clamp(.9375rem,.9112rem + .1316vi,1rem);--fs-300:clamp(1.125rem,1.0724rem + .2632vi,1.25rem);--fs-400:clamp(1.35rem,1.2605rem + .4474vi,1.5625rem);--fs-500:clamp(1.62rem,1.4797rem + .7013vi,1.9531rem);--fs-600:clamp(1.944rem,1.7346rem + 1.0472vi,2.4414rem);--fs-700:clamp(1.94rem, calc(1.39rem + 2.77vw) ,3.53rem);--letterSpacing:.1em;--tapeAspectRatio:5.05/8;--audioPlayerHeight:100px;--contentMaxWidth:1440px;--inputMaxWidth:300px;--smallBoxWidth:min(50ch,100% - 1rem);--bigBoxWidth:min(872px,100% - 1rem);--headerMobileHeight:100px;--imgMaxWidth:1000px;--_vh:1vh;--_gridPadding:20px;--borderRadius:.5em;--borderRadiusSmall:.3em;--borderRadiusTiny:5px;--boxShadow:0px 0px 10px rgba(0,0,0,.1);--bouncyTransition:cubic-bezier(.82,.07,.1,1.77);--lessBouncyTransition:cubic-bezier(.57,-.21,0,.74)}@media (max-width:1024px){:root{--_gridPadding:12px}}::view-transition-group(AudioPlayer){z-index:2}::view-transition-group(SideBar){z-index:3}::view-transition-group(FilterResults){z-index:3}::view-transition-group(SearchResults){z-index:4}body,html{margin:0;padding:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--clr-primary-400);color:var(--clr-text);font-family:var(--fontFamily);font-size:var(--fs-300);line-height:1.3;overscroll-behavior:none;scroll-behavior:smooth}img,svg,video{display:block;max-width:100%}img,video{height:auto}h1,h2,h3,h4{font-weight:700;line-height:1;text-transform:uppercase;text-wrap:balance}h1{font-size:var(--fs-600)}h2{font-size:var(--fs-500)}h3{font-size:var(--fs-400)}main{margin-inline:auto;padding-block:var(--_gridPadding)}a{color:var(--clr-text);outline:none;text-decoration:none}b{font-weight:600}[d_lang=en]{direction:ltr;font-family:var(--fontFamily)}[d_lang=ar]{direction:rtl;font-family:var(--fontFamilyAR)}@media (max-width:1024px){main{padding-top:calc(var(--headerMobileHeight) + var(--_gridPadding))}}form{width:100%}button,input,label,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:inline-block;margin:0;outline:none;padding:0;vertical-align:middle;white-space:normal;-webkit-tap-highlight-color:transparent;font-family:var(--fontFamily);font-size:inherit}input,select{max-width:var(--inputMaxWidth)}button{color:inherit;cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--clr-text);box-shadow:0 0 0 1000px var(--clr-primary-400) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;box-sizing:content-box;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}textarea{min-height:150px;overflow:auto;resize:none;vertical-align:top}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}option{color:var(--clr-primary-400)}::-moz-placeholder{color:var(--clr-accent-300);opacity:1}::placeholder{color:var(--clr-accent-300);opacity:1}:-ms-input-placeholder{color:var(--clr-accent-300)}::-ms-input-placeholder{color:var(--clr-accent-300)}.input-with-label{position:relative}.input-with-label label>*+*,.input-with-label>*+*,.input-without-label>*+*{--flow-spacing:.25em}.input-field{background-color:var(--clr-primary-400);border-radius:var(--borderRadiusSmall);color:var(--clr-text);padding:.35rem 1rem}.input-border{border:1px solid var(--clr-accent-300);border-radius:var(--borderRadiusSmall)}.input-field:focus:not([readonly]){border-color:var(--clr-text)}@media (hover:hover){.input-border:hover:not([readonly]){border-color:var(--clr-text)}}.select-wrapper{cursor:pointer;position:relative}.select-wrapper select{font-weight:700;height:30px;padding:.35rem 2.5rem .35rem 1rem}.select-wrapper:has([d_lang=ar]) select{padding:.35rem 1rem .35rem 2.5rem}.select-wrapper my-icon{background-color:var(--clr-accent-300);position:absolute;right:1rem;top:calc(50% - .5rem)}.select-wrapper:has([d_lang=ar]) my-icon{left:1rem;right:auto}select:invalid{color:var(--clr-accent-300);font-weight:400}@media (hover:hover){select:hover:invalid{color:var(--clr-accent-400)}select:hover+my-icon{background-color:var(--clr-accent-400)}}.input-field[readonly]{background-color:var(--clr-accent-300);border:none;color:var(--clr-text-light);cursor:not-allowed}.hyperlink{color:inherit;display:inline-block;font-size:inherit;outline:none;position:relative;transition:color .2s ease-in-out;width:-moz-fit-content;width:fit-content;z-index:0}.hyperlink:before{background-color:var(--clr-accent-400);border-radius:.5em .5em 0 0;bottom:0;content:"";height:.1em;left:0;position:absolute;transition:height .2s ease-in-out;width:100%;z-index:-1}@media (hover:hover){.hyperlink:focus-visible:before,.hyperlink:hover:before{height:100%}.hyperlink:focus-visible,.hyperlink:hover{color:var(--clr-primary-400)}}*{margin:0}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{scrollbar-width:7px}::-webkit-scrollbar-track{background:var(--clr-primary-400)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:100vmax;scrollbar-color:var(--clr-primary-400)}.width-100{width:100%}.full-screen{height:calc(var(--_vh)*100);width:100%}.min-full-screen{min-height:calc(var(--_vh)*100);width:100%}.input-max-width{max-width:var(--inputMaxWidth)}.small-box-width{width:var(--smallBoxWidth)}.big-box-width{width:var(--bigBoxWidth)}.block{display:block}.no-display{display:none!important}.hidden{visibility:hidden!important}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.horizontal-center{left:50%;position:absolute;transform:translate(-50%)}.vertical-center{position:absolute;top:50%;transform:translateY(-50%)}.absolute-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.flex-center{justify-content:center}.flex-align-center,.flex-center{align-items:center}.flex-justify-center{justify-content:center}.flex-justify{justify-content:space-between}.flex-even{justify-content:space-evenly}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-gap-25{gap:.25rem}.flex-gap-50{gap:.5rem}.flex-gap-75{gap:.75rem}.flex-gap-100{gap:1rem}.flex-gap-150{gap:1.5rem}.flex-gap-200{gap:2rem}.no-shrink{flex-shrink:0}.no-grow{flex-grow:0}.flex-grow{flex-grow:1}.margin-inline-auto{margin-inline:auto}.margin-block-auto{margin-block:auto}.padding-25{padding:.25rem}.padding-50{padding:.5rem}.padding-75{padding:.625rem}.padding-100{padding:1rem}.padding-150{padding:1.5rem}.padding-200{padding:2rem}.padding-block-200{padding-block:2rem}.no-border{border:none}.no-scroll{overflow:hidden!important}.no-pointers{pointer-events:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-small{font-size:var(--fs-200)}.text-tiny{font-size:var(--fs-100)}.text-huge{font-size:var(--fs-700)}.letter-spacing{letter-spacing:var(--letterSpacing)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.white-space{white-space:pre-wrap}.elipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{word-break:break-word}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.light{font-weight:200}[d_lang=ar] .light,[d_lang=ar].light{font-weight:400}.semi-bold{font-weight:600}.bold{font-weight:700}.italic{font-style:italic}.clr-text-medium{color:var(--clr-accent-300)}.clr-text-light{color:var(--clr-accent-200)}.clr-error{color:var(--clr-error)}.clr-success{color:var(--clr-success-400)}.clr-bckgd-error{background-color:var(--clr-error)}.clr-bckgd-light{background-color:var(--clr-accent-100)}.clr-bckgd-dark-overlay{background-color:var(--clr-darkOverlay)}.border-radius{border-radius:var(--borderRadius)}.border-radius-small{border-radius:var(--borderRadiusSmall)}.border-radius-tiny{border-radius:var(--borderRadiusTiny)}.border-radius-circle{border-radius:50%}.border-radius-pill{border-radius:100vmax}.light-border{border:1px solid var(--clr-primary-300)}.medium-border{border:1px solid var(--clr-primary-200)}.box-shadow{box-shadow:var(--boxShadow)}.svg-mask{flex-shrink:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle}.bckgd-img{background-position:50%;background-repeat:no-repeat;background-size:contain}.checkered-background{--_squareColor:var(--clr-primary-200);--_squareSize:20px;background-color:var(--clr-primary-350);background-image:linear-gradient(45deg,var(--_squareColor) 25%,transparent 25%),linear-gradient(135deg,var(--_squareColor) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--_squareColor) 75%),linear-gradient(135deg,transparent 75%,var(--_squareColor) 75%);background-position:0 0,var(--_squareSize) 0,var(--_squareSize) calc(var(--_squareSize)*-1),0 calc(var(--_squareSize)*-1);background-size:calc(var(--_squareSize)*2) calc(var(--_squareSize)*2)}.pointer{cursor:pointer}@property --a{syntax:"<angle>";inherits:false;initial-value:45deg}@keyframes gradientAnim{0%{--a:0deg}to{--a:360deg}}.content-grid{--padding-inline:var(--_gridPadding);--content-max-width:100vw;--breakout-max-width:100vw;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width))/2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;grid-template-columns:inherit}.sticky-col-grid{--_templateColumns:1fr 1fr;align-items:start;-moz-column-gap:2em;column-gap:2em;display:grid;grid-template-columns:var(--_templateColumns)}.sticky-col-grid>[d_sticky]{grid-column:1/2;grid-row:1/99;position:sticky;top:var(--_top,0)}.equal-flex>*{flex:1}.flow>*+*{margin-top:var(--flow-spacing,5em)}.flow-25>*+*{--flow-spacing:.25em}.flow-50>*+*{--flow-spacing:.5em}.flow-75>*+*{--flow-spacing:.75em}.flow-100>*+*{--flow-spacing:1em}.flow-125>*+*{--flow-spacing:1.25em}.flow-150>*+*{--flow-spacing:1.5em}.flow-200>*+*{--flow-spacing:2em}.flow-300>*+*{--flow-spacing:3em}.flow-400>*+*{--flow-spacing:4em}my-overlay{inset:0;opacity:0;position:fixed;transition:opacity .2s ease-in;visibility:hidden;z-index:999}my-overlay[d_dark_overlay]{background-color:var(--clr-darkOverlay)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){my-overlay[d_dark_overlay]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}my-overlay[d_visible]{opacity:1;visibility:visible}my-overlay[d_visible] .overlay-box{animation:animateBox .4s var(--bouncyTransition);opacity:1}@keyframes animateBox{0%{transform:translateY(150px)}to{transform:translateY(0)}}my-overlay .overlay-box{color:var(--clr-text);cursor:default;opacity:0;padding:4rem 2rem;position:relative;transition:opacity .3s ease-in}my-overlay[d_size=full] .overlay-box{height:100%;width:100%}my-overlay[d_size=small-box] .overlay-box{background-color:var(--clr-primary-400);max-height:calc(100% - 4rem);overflow-y:scroll;width:var(--smallBoxWidth)}my-overlay[d_size=large-box] .overlay-box{max-height:calc(100% - 4rem);overflow-y:scroll;padding:0;width:var(--bigBoxWidth)}my-overlay[d_sticky_bottom] .overlay-box{padding-bottom:0}my-overlay my-icon[d_icon=x-mark]{background-color:var(--clr-primary-400)}my-overlay .close-btn{background:var(--clr-accent-400);border:none;border-radius:100vmax;cursor:pointer;height:20px;outline:0 transparent;padding:0 1rem;position:absolute;right:1rem;top:1rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}my-overlay .close-btn:focus{transform:scale(1.1)}my-overlay .close-btn:focus:not(:focus-visible){outline:none}@media (hover:hover){my-overlay .close-btn:hover{transform:scale(1.1)}my-overlay .close-btn:hover my-icon{background-color:var(--clr-primary-400)}}.overlay-content my-icon[d_icon=error],.overlay-content my-icon[d_icon=success]{margin-inline:auto}
