@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:100;src:url(/static/media/YekanBakhThin.532e99ff6ed4cefb4044.woff) format("woff"),url(/static/media/YekanBakhThin.a5b65ec7353dd292738a.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:300;src:url(/static/media/YekanBakhLight.9d48d5d066dec9a3c2a8.woff) format("woff"),url(/static/media/YekanBakhLight.68bf8f047ae829228888.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:400;src:url(/static/media/YekanBakhRegular.828224ce6d913cd43a8c.woff) format("woff"),url(/static/media/YekanBakhRegular.7b94cda922ee6d0a52a2.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:600;src:url(/static/media/YekanBakhSemiBold.7d97e484e8c76bd55cea.woff) format("woff"),url(/static/media/YekanBakhSemiBold.838b4ad3450f16a1e4dc.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:700;src:url(/static/media/YekanBakhBold.ae4234dbc7561a8b8024.woff) format("woff"),url(/static/media/YekanBakhBold.1e4ff5493243c07c5759.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:800;src:url(/static/media/YekanBakhExtraBold.3cf34645b22b5aa005f1.woff) format("woff"),url(/static/media/YekanBakhExtraBold.3f0f3e1c29c33069b831.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:900;src:url(/static/media/YekanBakhBlack.9acbd9905ce88a462f92.woff) format("woff"),url(/static/media/YekanBakhBlack.78d5ba262c605a11f96c.woff2) format("woff2")}@font-face{font-family:Yekan Bakh;font-style:normal;font-weight:950;src:url(/static/media/YekanBakhExtraBlack.108fcb6dcfef5f985d1d.woff) format("woff"),url(/static/media/YekanBakhExtraBlack.f86110fa19f1da423b16.woff2) format("woff2")}body{background-color:#151515;font-family:Yekan Bakh,serif;margin:0;padding:0}body *{-webkit-user-select:none;user-select:none}body .default-folder{background-color:#2e2d2d}body .body-container{align-items:center;display:flex;flex-direction:column;gap:32px;height:100%;justify-self:center;overflow-y:auto;padding:8px;position:relative;transition:all .3s ease;width:95vw}@media(max-width:768px){body .body-container{gap:16px;width:85vw}}body .body-container .background-image{height:100%;inset:0;pointer-events:none;position:fixed;width:100%}body .body-container .background-image>img{height:100%;object-fit:cover;position:relative;width:100%;z-index:2}body .body-container .background-image:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#020202d9;content:"";height:100%;inset:0;position:absolute;width:100%;z-index:3}body .body-container>h1{justify-self:flex-start}body .body-container .media-content{align-items:center;display:flex;flex-direction:column;gap:32px;min-height:200px;position:relative;width:100%}body .body-container .empty{align-items:center;background:none;display:flex;height:auto;justify-content:center;margin:32px 0;position:static;text-align:center;width:100%}body .body-container .empty>span{color:#fff;font-size:20px;font-weight:500}body .body-container .media-empty-wrapper,body .body-container .media-loader-wrapper{align-items:center;background:none;display:flex;justify-content:center;margin:32px 0;min-height:120px;width:100%}body .body-container .media-empty-wrapper{position:relative;z-index:20}body .body-container .media-empty-wrapper>span{color:#fff;font-size:20px;font-weight:500}body .body-container .center{align-items:center;background:none;display:flex;height:auto;justify-content:center;margin:32px 0;min-height:120px;width:100%}body .body-container .loader{margin:0 auto}body .body-container .media-loader-overlay{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}body .items{grid-gap:32px;display:grid;gap:32px;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:100%}@media(max-width:1024px){body .items{gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}body .folders{grid-gap:32px;display:grid;gap:32px;grid-auto-rows:max-content;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));width:100%}@media(max-width:768px){body .folders{gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}body .folder-container{aspect-ratio:16/9}body .item-container{align-items:center;display:flex;flex-direction:column;gap:8px;white-space:nowrap;width:100%}body .item-container .item-container-cover{aspect-ratio:9/16}body .item-container>span{color:#7e7e7e;font-size:16px;font-weight:600;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;width:100%}body .container{align-items:center;border-radius:16px;cursor:pointer;display:flex;justify-content:center;position:relative;width:100%}@media(max-width:425px){body .container{border-radius:8px}}body .container>img{border-radius:16px;height:100%;object-fit:cover;width:100%}@media(max-width:425px){body .container>img{border-radius:8px}}body .container:after{background-color:rgba(255,163,1,.251);border-radius:16px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}@media(max-width:425px){body .container:after{border-radius:8px}}body .container .cover-hover{align-items:center;display:flex;height:100%;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:all .3s ease}body .container .cover-hover>svg{width:42px}body .container:hover{box-shadow:3px 3px 0 #ffa301;outline:3px solid #ffa301}body .container:hover>span>svg{color:#ffa301}body .container:hover:after{opacity:1}body .container:hover .cover-hover{opacity:1;pointer-events:none}body .container .description{align-items:center;background:linear-gradient(0deg,#000000e6,#0000);border-radius:0 0 14px 14px;bottom:0;display:flex;height:25%;justify-content:center;position:absolute;width:100%}@media(max-width:425px){body .container .description{border-radius:0 0 8px 8px}}body .container .description>span{color:#fff;display:flex;font-size:19px;font-weight:600;margin-bottom:12px}body .container>span{background-color:rgba(0,0,0,.588);border-radius:10px;color:#0000;display:flex;left:12px;position:absolute;top:12px}body .container>span>svg{color:#fff;height:16px;padding:8px;width:16px}body .label{align-items:center;align-self:flex-start;background-color:#ffa30126;border-radius:5px;display:flex;gap:8px;justify-content:center;padding-left:8px;position:relative;z-index:50}body .label.media-view-label{background-color:#53340099}body .label>svg{height:50px;width:50px}@media(max-width:1024px){body .label>svg{height:40px;width:40px}}body .label>h1{color:#fff;margin:0;position:relative;z-index:50}@media(max-width:1024px){body .label>h1{font-size:18px}}.media-view{background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100dvh;justify-content:space-between;object-fit:cover;width:100dvw}.media-view .label{margin-right:2.5vw;margin-top:24px}.media-view .media-description-cover{background:linear-gradient(0deg,#000000b3,#0000);padding-bottom:2.5vw;padding-top:60px;position:relative;width:100%}.media-view .media-description-cover .media-description{align-items:center;display:flex;height:auto;justify-content:space-between;justify-self:center;width:95vw}@media(max-width:768px){.media-view .media-description-cover .media-description{flex-direction:column}}.media-view .media-description-cover .media-description>div{display:flex;flex-direction:column;width:70%}@media(max-width:1024px){.media-view .media-description-cover .media-description>div{padding-right:0;width:100%}}.media-view .media-description-cover .media-description>div>h2{color:#fff;margin:0}.media-view .media-description-cover .media-description>div>p{color:#fff;font-size:clamp(12px,1.5vw,18px);line-height:34px;margin:0}.media-view .media-description-cover .media-description>button{background-color:#ffa301cc;border-radius:10px;border-style:none;color:#fff;cursor:pointer;font-family:Yekan Bakh,serif;font-size:25px;padding:8px 120px}@media(max-width:1440px){.media-view .media-description-cover .media-description>button{align-items:center;display:flex;justify-content:center}}@media(max-width:1024px){.media-view .media-description-cover .media-description>button{align-self:flex-end;font-size:16px;margin-top:8px;padding:8px 80px}}@media(max-width:425px){.media-view .media-description-cover .media-description>button{align-self:center;margin-left:0;padding:8px 0;width:100%}}.media-view>h1{margin:0;padding:24px}.video-player-container{align-items:center;display:flex;height:100dvh;justify-content:center;position:relative;width:100dvw}.video-player-container>video{height:100%;object-fit:cover;width:100%}.video-player-container .video-player-controls{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;position:absolute;width:100%}.video-player-container .video-player-controls .video-player-seekbar{bottom:0;color:#fff;display:flex;flex-direction:column;font-size:12px;height:auto;justify-content:space-between;margin:0;padding:0 0 15px;position:absolute;width:100%}.video-player-container .video-player-controls .video-player-seekbar .video-player-seekbar-cover{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;padding-top:72px;position:absolute;width:100%}.video-player-container .video-player-controls .video-player-seekbar .seekbar-time{display:flex;justify-content:space-between;margin-bottom:4px;width:95%;z-index:100}.video-player-container .video-player-controls .video-player-seekbar .seekbar-time>div{display:flex;gap:12px}.video-player-container .video-player-controls .video-player-seekbar .seekbar-time>button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;gap:4px;outline:none}.video-player-container .video-player-controls .video-player-seekbar .seekbar-time>button>svg{fill:#fff;height:100%;width:20px}.video-player-container .video-player-controls .video-player-seekbar .custom-seekbar{background-color:#2e2c2ccc;cursor:pointer;height:4px;overflow:hidden;width:97%;z-index:100}.video-player-container .video-player-controls .video-player-seekbar .custom-seekbar>span{background:#ffa301;border-radius:4px;display:block;height:100%;transition:width .2s}.video-player-container .video-player-controls>div{align-items:center;display:flex;flex-direction:row-reverse;gap:12px;padding:12px}.video-player-container .video-player-controls>div>span{color:#fff;font-size:12px}.video-player-container .video-player-controls>div>button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;gap:4px;outline:none}.video-player-container .video-player-controls>div>button>svg{height:12px;width:12px}.video-player-container .video-player-controls>button{background-color:#0009;border:none;border-radius:100%;color:#fff;cursor:pointer;outline:none;padding:0}.video-player-container .video-player-controls>button>svg{fill:#fff;height:24px;padding:16px;width:24px}.folder-header{align-items:center;display:flex;flex-direction:row;gap:24px;width:100%;z-index:50}@media(max-width:1024px){.folder-header{flex-direction:column}}.folder-header>img{aspect-ratio:16/9;border-radius:16px;width:24%}@media(max-width:1024px){.folder-header>img{width:100%}}@media(max-width:425px){.folder-header>img{border-radius:8px}}.folder-header .folder-info{display:flex;flex-direction:column}.folder-header .folder-info>h1{color:#fff;margin:0}.folder-header .folder-info>p{color:#fff;font-size:clamp(12px,1.5vw,18px);line-height:34px}.loader{--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;animation:l3 1s linear infinite;aspect-ratio:1;background:#ffa301;border-radius:50%;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;padding:4px;width:25px}@keyframes l3{to{transform:rotate(1turn)}}.center,.error{align-items:center;display:flex;height:100dvh;justify-content:center;width:100dvw}.error{flex-direction:column;gap:8px}.error>button,.error>span{color:#fff;font-size:clamp(12px,1.5vw,18px)}.error>button{background-color:#ffa301;border:none;border-radius:20px;cursor:pointer;outline:none;padding:8px 16px}.img-placeholder{background:url(/static/media/placeholder.f24f7e76bddc62e50b86.webp) 50%;background-size:cover;border-radius:16px;display:flex;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.radius-shown{border-radius:36px;width:auto}.radius-hide{border-radius:100%;width:52px}.search-bar-container{background-color:#49454570;display:flex;justify-content:flex-end}.search-bar-container>button{align-items:center;background-color:#0000;border:none;cursor:pointer;display:flex;justify-content:center;left:0;outline:none;padding:14px;z-index:101}.search-bar-container>button>svg{fill:#767676;height:24px;width:24px}.search-bar-container .search-input{background-color:#0000;border:none;color:#fff;font-family:Yekan Bakh,serif;font-size:16px;font-weight:500;opacity:0;outline:none;overflow:hidden;padding:14px;text-overflow:ellipsis;transition:width .3s ease-in-out,opacity .3s ease-in-out;white-space:nowrap;width:0}@media(max-width:425px){.search-bar-container .search-input{font-size:12px;padding:8px}}.search-bar-container .search-input::placeholder{color:#767676;opacity:0;transition:opacity .2s ease}.search-bar-container .show{opacity:1;width:360px}@media(max-width:768px){.search-bar-container .show{width:55vw}}@media(max-width:425px){.search-bar-container .show{width:140px}}.search-bar-container .show::placeholder{opacity:1;transition:opacity .2s ease .3s}.search-bar-container .hide{opacity:0;width:0}.search-bar-container .hide::placeholder{opacity:0;transition:opacity .1s ease}.back-btn-container{align-items:center;background-color:#49454570;border:none;border-radius:100%;cursor:pointer;display:flex;justify-content:center;outline:none;padding:14px}.back-btn-container>svg{color:#767676;height:24px;width:24px}.search-back-container{align-items:center;display:flex;gap:8px;justify-content:center;z-index:100}.back-btn{left:2.5vw;position:absolute;top:24px;z-index:1000}.media-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:24px;position:relative;width:100%}@media(max-width:768px){.media-header{align-items:flex-end;flex-direction:column-reverse;gap:24px}}
/*# sourceMappingURL=main.8e24b870.css.map*/