:root{--color-white:#f1f1f1;--color-white-transparent:#f1f1f11f;--color-gray:#4d4d4d;--color-gray-light:#999;--color-gray-dark:#3a3a3a;--color-gray-transparent:#54545454;--color-black-transparent:#11111154;--color-warning:#f0ce56;--color-warning-dark:#ff8d28;--color-success:#14ae66;--color-success-dark:#049a4d;--shadow-white:0px 0px 5px #ffffff80;--shadow-gray:0px 0px 5px #ffffff40;--bg-gradient:72.94deg, #10131a 3.56%, #141c21 75.9%, #111f28 95.3%;--font-family-primary:"PixelifySans", sans-serif;--font-family-secondary:"Podkova", sans-serif;--font-size-extra:clamp(70px, calc(54px + 5vw), 130px);--font-size-h1:clamp(44px, calc(32px + 5vw), 64.8px);--font-size-h2:clamp(36px, calc(20px + 3vw), 48px);--font-size-h3:clamp(32px, calc(18px + 3vw), 40px);--font-size-h4:clamp(30px, calc(16px + 3vw), 32px);--font-size-h5:clamp(28px, calc(14px + 3vw), 28px);--font-size-h6:clamp(24px, calc(8px + 3vw), 24px);--font-size-text-xl:clamp(22px, calc(6px + 2vw), 28px);--font-size-text-l:clamp(18px, calc(6px + 2vw), 22px);--font-size-text-m:clamp(16px, calc(6px + 2vw), 18px);--font-size-text-s:clamp(14px, calc(6px + 2vw), 16px);--font-size-text-xs:clamp(12px, calc(6px + 2vw), 12px)}:root[data-theme=red]{--color-primary-500:#dd4245;--color-primary-600:#db4447;--color-primary-700:#d13a3d;--color-primary-800:#c73235;--color-primary-900:#bf2427;--shadow-primary:0px 0px 5px #dd424580;--background-url:url(../img/5051.lol/background.svg)}:root[data-theme=green]{--color-primary-500:#4caf50;--color-primary-600:#47a64b;--color-primary-700:#429c46;--color-primary-800:#3d9241;--color-primary-900:#38883c;--shadow-primary:0px 0px 5px #4caf5080;--background-url:url(../img/dank.pics/background.svg)}:root[data-theme=yellow]{--color-primary-500:#ffc107;--color-primary-600:#f2b90a;--color-primary-700:#e6b00d;--color-primary-800:#d9a810;--color-primary-900:#cca013;--shadow-primary:0px 0px 5px #ffc10780;--background-url:url(../img/lule.pw/background.svg)}@font-face{font-family:PixelifySans;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/PixelifySans.woff2)format("woff2")}@font-face{font-family:Podkova;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Podkova.woff2)format("woff2")}*{scroll-behavior:smooth;scrollbar-color:var(--color-white) transparent;scrollbar-width:thin;box-sizing:border-box;margin:0;padding:0}html:has(.sidebar.opened){max-height:100svh;overflow:hidden}.body{--screen-px:24px;--header-height:70.5px;max-width:100%;min-height:100svh;font-family:var(--font-family-primary);color:var(--color-white);text-shadow:var(--shadow-white);background-image:linear-gradient(var(--bg-gradient))}@media (width<=1280px){.body{--screen-px:20px;min-height:auto}}@media (width<=768px){.body{--screen-px:18px}}@media (width<=480px){.body{--screen-px:16px}}.body__wrapper{width:100%;height:100svh}@media (width<=768px){.body__wrapper{height:auto}}.body__layout{grid-template-columns:clamp(160px,5vw + 144px,240px) repeat(11,minmax(0,1fr));grid-template-rows:var(--header-height) auto calc(var(--header-height) + 7.5px);height:100%;max-height:100svh;display:grid}@media (width<=768px){.body__layout{flex-direction:column;min-height:100svh;max-height:none;display:flex;position:relative}}.body__layout .header{grid-column:span 12}.body__layout .sidebar{grid-row:span 2}.body__layout .main{grid-column:span 11}@media (width<=768px){.body__layout .main{grid-column:span 12}}.body__layout .footer{grid-column:span 11}@media (width<=768px){.body__layout .footer{grid-column:span 12}}.body__layout--without-auth{flex-direction:column;display:flex}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{opacity:0;filter:blur(1rem)}.layout-enter-active,.layout-leave-active{transition:all .4s}.layout-enter-from,.layout-leave-to{opacity:0;transform:translateY(20px)}.title{--title-size:var(--font-size-h2);--title-weight:normal;--title-font-family:var(--font-family-secondary);font-family:var(--title-font-family);font-size:var(--title-size);font-weight:var(--title-weight);word-break:break-word}.title--size-extra{--title-size:var(--font-size-extra);--title-weight:bold}.title--size-h3{--title-size:var(--font-size-h3)}.title--size-h4{--title-size:var(--font-size-h4)}.title--size-h5{--title-size:var(--font-size-h5)}.title--size-h6{--title-size:var(--font-size-h6)}.text{--text-size:var(--font-size-text-xl);--text-line-height:26px;font-size:var(--text-size);line-height:var(--text-line-height)}.text--size-l{--text-size:var(--font-size-text-l);--text-line-height:100%}.text--size-s{--text-size:var(--font-size-text-s);--text-line-height:20px}.link{--link-color:var(--color-white);--link-shadow:var(--shadow-white);width:auto;height:auto;color:var(--link-color);text-shadow:var(--link-shadow);cursor:pointer;align-items:center;gap:6px;text-decoration:none;transition:color .3s;display:inline-flex}.link:hover{--link-color:var(--color-primary-500);--link-shadow:var(--shadow-primary)}.link:hover.link--color-primary{--link-color:var(--color-primary-900)}.link.active{--link-color:var(--color-primary-500);--link-shadow:var(--shadow-primary)}.link__icon{width:clamp(24px,1vw + 20.8px,40px);height:clamp(24px,1vw + 20.8px,40px)}.link--color-primary{--link-color:var(--color-primary-500);--link-shadow:var(--shadow-primary)}.default-input{--default-input-height:56px;--default-input-px:14px;--default-input-py:14px;--default-input-color:var(--color-white);--default-input-bg-color:var(--color-white-transparent);--default-input-border-width:2px;--default-input-border-type:solid;--default-input-border-color:var(--color-white);--default-input-border-radius:8px;--default-input-font-size:var(--font-size-text-m);--default-input-font-family:var(--font-family-primary);width:100%;height:var(--default-input-height);padding:var(--default-input-py) var(--default-input-px);border:var(--default-input-border-width) var(--default-input-border-type) var(--default-input-border-color);border-radius:var(--default-input-border-radius);background-color:var(--default-input-bg-color)}.default-input__input{width:100%;font-family:var(--default-input-font-family);font-size:var(--default-input-font-size);color:var(--default-input-color);background:0 0;border:none}.default-input__input:focus-visible{outline:none}.token-input{--default-input-height:44px;--default-input-px:8px;--default-input-py:8px;--default-input-font-size:var(--font-size-text-s)}.token-input .default-input__input{pointer-events:none;opacity:0}.token-input.show .default-input__input{pointer-events:all;opacity:1}.token-input__symbols{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-size:var(--default-input-font-size);overflow:hidden}.drag-n-drop{cursor:pointer;border:3px dashed var(--color-white);background-color:#ffffff1a;border-radius:10px;max-width:clamp(300px,11.25vw + 264px,480px);transition:background-color .3s;box-shadow:0 0 18px #ffffff54}.drag-n-drop,.drag-n-drop__container{justify-content:center;align-items:center;width:100%;display:flex}.drag-n-drop__container{flex-direction:column;height:160px;padding:50px}.drag-n-drop__input{display:none}.drag-n-drop__label{cursor:pointer;font-size:var(--font-size-h6);text-align:center}.drag-n-drop__label span{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.drag-n-drop.active,.drag-n-drop:hover{background-color:var(--color-white-transparent)}.btn{--btn-px:20px;--btn-py:4px;--btn-icon-size:30px;--btn-color:var(--color-white);--btn-color-hover:var(--color-white);--btn-bg-color:var(--color-white-transparent);--btn-bg-color-hover:var(--color-gray-transparent);--btn-font-size:var(--font-size-text-xl);--btn-font-family:var(--font-family-primary);--btn-border-width:2px;--btn-border-color:var(--color-white);--btn-border-type:solid;--btn-border-radius:10px;cursor:pointer;width:auto;height:auto;padding:var(--btn-py) var(--btn-px);border:var(--btn-border-width) var(--btn-border-color) var(--btn-border-type);border-radius:var(--btn-border-radius);font-family:var(--btn-font-family);font-size:var(--btn-font-size);color:var(--btn-color);background-color:var(--btn-bg-color);transition:color .3s,background-color .3s}.btn:focus-visible{outline:none}.btn:hover.btn{--btn-color:var(--btn-color-hover);--btn-bg-color:var(--btn-bg-color-hover)}.btn:hover.btn--type-bordered,.btn:hover.btn--type-primary{--btn-bg-color:var(--color-primary-900)}.btn__wrapper{justify-content:center;align-items:center;gap:10px;display:flex}.btn__icon{width:var(--btn-icon-size);height:var(--btn-icon-size);-o-object-fit:contain;object-fit:contain}.btn__text{flex-direction:column;display:flex}.btn--type-primary{--btn-bg-color:var(--color-primary-500);--btn-bg-color-hover:var(--color-primary-600);--btn-border-color:var(--color-primary-900)}.btn--type-warning{--btn-color:var(--color-gray-dark);--btn-color-hover:var(--color-gray-dark);--btn-bg-color:var(--color-warning);--btn-bg-color-hover:var(--color-warning-dark);--btn-border-color:var(--color-warning-dark)}.btn--type-success{--btn-bg-color:var(--color-success);--btn-bg-color-hover:var(--color-success-dark);--btn-border-color:var(--color-success-dark)}.btn--size-big{--btn-px:46px}.btn--size-slim{--btn-px:10px}.btn--bordered{--btn-border-color:var(--color-white)}.header{width:100%;height:var(--header-height)}@media (width<=768px){.header{z-index:10;background-image:linear-gradient(var(--bg-gradient));position:sticky;top:0}}.header__wrapper{flex-direction:column;width:100%;height:100%;display:flex}.header__body{width:100%;height:calc(var(--header-height) - 3.5px);padding:10px var(--screen-px);align-items:center;display:flex}@media (width<=768px){.header__body{justify-content:space-between}}.header__burger-menu{width:54px;height:54px;display:none}@media (width<=768px){.header__burger-menu{margin-right:auto;display:block}}.header__btn{margin-left:auto}@media (width<=768px){.header__btn{--btn-px:8px;--btn-py:8px}.header__btn .btn__text{display:none}}.header__user{width:auto;height:100%;margin-left:auto;position:relative}.header__user .user-tokens{z-index:1;position:absolute;top:calc(100% + 6px);right:0}.header__line{background-image:linear-gradient(90deg,#fff 40%,#fff0 0);background-repeat:repeat-x;background-size:15px 3.5px;width:100%;height:3.5px}.sidebar{width:100%;height:calc(100vh - var(--header-height));background-image:url(../img/sidebar-background.webp);background-repeat:no-repeat;background-size:100% 100%;transition:translate .3s;display:none}@media (width<=768px){.sidebar{z-index:100;background-image:linear-gradient(var(--bg-gradient));height:100dvh;display:block;position:fixed;inset:0;translate:-100%}}.sidebar.active{display:block}.sidebar.opened{translate:0}.sidebar__wrapper{flex-direction:column;height:100%;padding:clamp(12px,1.125vw + 8.4px,30px);display:flex;position:relative}@media (width<=768px){.sidebar__wrapper{--sidebar-padding:16px}}.sidebar__close{width:60px;height:60px;display:none;position:absolute;top:clamp(16px,.875vw + 13.2px,30px);right:clamp(16px,.875vw + 13.2px,30px)}@media (width<=768px){.sidebar__close{display:block}}.sidebar__nav{flex-direction:column;align-items:flex-start;gap:24px;display:flex}@media (width<=768px){.sidebar__nav{align-items:center;margin:auto}}.sidebar__link{font-size:var(--font-size-h6)}@media (width<=768px){.sidebar__link{font-size:var(--font-size-h4)}}.sidebar__link .link__icon{width:clamp(24px,.75vw + 21.6px,36px);height:clamp(24px,.75vw + 21.6px,36px)}@media (width<=768px){.sidebar__link .link__icon{display:none}}.main{width:100%;max-width:100%;height:100%;max-height:calc(100dvh - var(--header-height)*2);background-image:var(--background-url);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}@media (width<=768px){.main{background-size:100svh;background-attachment:fixed;flex-grow:1;height:auto;max-height:none;overflow-y:visible}}.main__wrapper{width:calc(100% - var(--screen-px));flex-direction:column;flex:auto;align-items:center;display:flex}.footer{width:100%;height:auto}.footer__wrapper{flex-direction:column;gap:10px;display:flex}.footer__top{align-items:center;display:flex}.footer__line{background-image:linear-gradient(90deg,#fff 40%,#fff0 0);background-repeat:repeat-x;background-size:15px 3.5px;flex-basis:15%;height:3.5px}.footer__line:last-child{flex-grow:1}.footer__title{cursor:default;-webkit-user-select:none;user-select:none;padding:0 20px}.footer__body{justify-content:center;align-items:end;gap:clamp(12px,1.125vw + 8.4px,30px);width:100%;padding:0 15px;display:flex}@media (width<=480px){.footer__body{flex-direction:column}}.footer__links{justify-content:start;align-items:center;gap:clamp(12px,1.125vw + 8.4px,30px);display:flex}@media (width<=480px){.footer__links{flex-wrap:wrap}}.footer__link{font-size:var(--font-size-text-l)}.footer__date{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.page{width:100%;max-width:1180px;font-family:var(--font-family-secondary);padding-bottom:30px}.page__head{width:100%;padding:30px 0 50px}.page__content{width:100%}.page__content h2,.page__content h3,.page__content h4,.page__content h5,.page__content h6{margin:20px 0}.page__content h2:first-child,.page__content h3:first-child,.page__content h4:first-child,.page__content h5:first-child,.page__content h6:first-child{margin-top:0}.page__content h2{font-size:var(--font-size-h6)}.page__content h3{font-size:var(--font-size-text-xl)}.page__content h4{font-size:var(--font-size-text-l)}.page__content p{font-size:var(--font-size-text-m)}.page__content p:not(.page__content p:last-child){margin-bottom:10px}.page__content ol,.page__content ul{margin-bottom:10px;margin-left:20px}.page__content ol ol,.page__content ol ul,.page__content ul ol,.page__content ul ul{margin-top:8px}.page__content ol li,.page__content ul li{margin-bottom:4px}.page__content a{color:var(--color-primary-500);text-shadow:var(--shadow-primary);text-decoration:none;transition:color .3s}.page__content a:hover{color:var(--color-primary-900)}.page__content hr{margin:20px 0}.section{gap:clamp(20px,1.25vw + 16px,40px);width:100%;padding-top:clamp(30px,1.875vw + 24px,60px);padding-bottom:30px}.section,.section__head{flex-direction:column;display:flex}.section__head{align-items:center;gap:clamp(16px,.5625vw + 14.2px,25px)}.section__title span{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.section__notice{font-size:var(--font-size-h6)}.logo{font-family:var(--font-family-secondary);font-size:var(--font-size-h4);text-decoration:none}.logo:hover .logo__tld,.logo__domain{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.logo__tld{color:var(--color-white);transition:color .3s,text-shadow .3s}.error-page{flex-grow:1;justify-content:center;align-items:center;display:flex}.error-page__wrapper{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.error-page__code{color:var(--color-primary-500);text-shadow:var(--shadow-primary);font-size:320px;line-height:.8}.info{margin:auto 0}.info__wrapper{flex-direction:column;align-items:center;gap:clamp(20px,1.875vw + 14px,50px);display:flex}.info__title{font-family:var(--font-family-secondary)}.info__title .title:first-child{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.info__text{text-align:center;font-size:var(--font-size-h4);font-family:var(--font-family-secondary);flex-direction:column;align-items:center;display:flex}.info__btn{--btn-font-size:var(--font-size-h5)}.info-uploaded{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:640px;display:flex}.info-uploaded__title{color:var(--color-primary-500)}.info-uploaded__file{width:100%}.info-uploaded__bottom{width:100%;display:flex}.info-uploaded__link{cursor:pointer;font-size:var(--font-size-text-l);margin-left:auto}.user-badge{border:4px solid var(--color-primary-900);background-color:var(--color-primary-500);border-radius:5px;align-items:center;width:auto;height:100%;display:flex;position:relative}.user-badge:after{pointer-events:none;content:"";width:100%;height:100%;position:absolute;top:50%}.user-badge.show:after{pointer-events:all}.user-badge__img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:auto;height:100%;box-shadow:0 0 0 4px var(--color-primary-900);border-radius:4px}.user-badge__name{text-shadow:0 4px #00000040;white-space:nowrap;margin:0 10px}@media (width<=768px){.user-badge__name{display:none}}.user-tokens{pointer-events:none;border:3px solid var(--color-white);opacity:0;background-color:#141c21;border-radius:10px;width:440px;transition:opacity .3s}@media (width<=768px){.user-tokens{width:max-content;max-width:calc(100vw - var(--screen-px)*2)}}.user-tokens.show{pointer-events:all;opacity:1}.user-tokens__wrapper{flex-direction:column;gap:20px;width:100%;padding:10px;display:flex}.user-tokens__head{justify-content:center;display:flex}.user-tokens__body{flex-direction:column;gap:10px;display:flex}.user-tokens__list{flex-direction:column;gap:20px;max-height:300px;padding-right:10px;display:flex;overflow-y:scroll}.user-token__wrapper{flex-direction:column;gap:10px;display:flex}.user-token__body{gap:5px;width:100%;display:flex}.user-token__title{font-size:var(--font-size-text-l);color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.user-token__token{flex-grow:1}.user-token__btn{--btn-icon-size:20px;height:44px}.create-token{width:100%}.create-token__wrapper{flex-direction:column;gap:10px;width:100%;display:flex}.create-token__title{font-size:var(--font-size-text-xl)}.create-token__title span{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.create-token__body{gap:5px;width:100%;display:flex}.create-token__input{--default-input-height:44px;--default-input-px:8px;--default-input-py:8px;--default-input-font-size:var(--font-size-text-s);border:2px solid var(--color-white);width:100%;font-family:var(--font-family-primary);font-size:var(--font-size-text-m);color:var(--color-white);background-color:var(--color-gray-transparent);border-radius:8px;flex-grow:1}.create-token__input::placeholder{color:var(--color-gray-light);text-align:center}.create-token__input:focus-visible{outline:none}.create-token__btn{--btn-icon-size:20px;height:44px}.tokens-configs{padding-bottom:10px}.tokens-configs__wrapper{flex-direction:column;gap:20px;display:flex}.tokens-configs__top{align-items:baseline;display:flex}.tokens-configs__line{background-image:linear-gradient(90deg,#fff 40%,#fff0 0);background-repeat:repeat-x;background-size:15px 3.5px;flex-basis:15%;height:3.5px}.tokens-configs__line:last-child{flex-grow:1}.tokens-configs__title{cursor:default;-webkit-user-select:none;user-select:none;padding:0 20px}.tokens-configs__list{justify-content:center;align-items:center;gap:80px;display:flex}.tokens-configs__icon{width:32px;height:32px}.files__list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(10px,1.875vw + 4px,40px);display:grid}@media (width<=1280px){.files__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.files__list{grid-template-columns:100%}}.file-page{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}.file-page__img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.file-item{border:3px solid var(--color-white);background-color:var(--color-gray);min-height:160px;box-shadow:var(--shadow-white);border-radius:10px;flex-direction:column;gap:10px;padding:10px;display:flex;position:relative}.file-item--type-image .file-item__poster{aspect-ratio:3/2}.file-item__head{gap:5px;display:inline-flex}.file-item__id{color:var(--color-primary-500);text-shadow:var(--shadow-primary)}.file-item__poster{aspect-ratio:5/2;border-radius:10px;position:relative;overflow:hidden}.file-item__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.file-item__link{transition:background-color .3s;position:absolute;inset:0}.file-item__link:hover{background-color:var(--color-black-transparent)}.file-item__title{font-size:var(--font-size-text-m)}.file-item__bottom{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.file-item__views{color:var(--color-primary-500);text-shadow:var(--shadow-primary);align-items:center;gap:5px;display:inline-flex}.file-item__actions{gap:5px;margin-top:auto;margin-left:auto;display:flex}.file-item__btn{--btn-px:0;--btn-py:0;--btn-icon-size:24px;width:32px;height:32px}.file-item__deletion{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;inset:0}.file-item__deletion.active{opacity:1;pointer-events:all}.post-editor{padding-top:20px;position:relative}.post-editor__toolbar{position:sticky;top:20px}@media (width<=768px){.post-editor__toolbar{top:calc(var(--header-height) + 20px)}}.post-editor__body{flex-direction:column;gap:clamp(20px,1.25vw + 16px,40px);display:flex}.post-editor__title{font-size:var(--font-size-h6);font-family:var(--font-family-secondary);color:var(--color-white);text-shadow:var(--shadow-white);background:0 0;border:none}.post-editor__title::placeholder{color:var(--color-gray-light)}.post-editor__title:focus-visible{outline:none}.post-editor__editor{font-size:var(--font-size-text-m);font-weight:400;font-family:var(--font-family-secondary)}.post-editor__editor .ProseMirror:focus-visible{outline:none}.post-editor__editor p.is-editor-empty:first-child:before{color:var(--color-gray-light);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.post-editor__editor blockquote{border-left:2px solid var(--color-primary-500);padding-left:clamp(10px,.875vw + 7.2px,24px)}.post-editor__editor pre{background-color:var(--color-white-transparent);border-radius:10px;padding:10px}.post-editor__editor hr{background-color:var(--color-white);border:none;height:1px;margin:clamp(16px,1vw + 12.8px,32px) 0}.editor-toolbar{scrollbar-width:none;background-color:var(--bg-gradient);width:100%;height:44px;box-shadow:var(--shadow-gray);border-radius:8px;padding:6px 8px;overflow-x:auto}.editor-toolbar,.editor-toolbar__group{align-items:center;gap:4px;display:flex}.editor-toolbar__group{height:100%}.editor-toolbar__separator{background-color:var(--color-gray);width:1px;height:calc(100% - 16px)}.editor-toolbar__button{cursor:pointer;background:0 0;border:none;border-radius:8px;width:auto;height:100%;padding:6px;transition:background-color .3s;display:flex}.editor-toolbar__button:hover{background-color:var(--color-white-transparent)}.editor-toolbar__button:hover.active{background-color:var(--color-primary-800)}.editor-toolbar__button.disabled{opacity:.5;pointer-events:none}.editor-toolbar__button.active{background-color:var(--color-primary-500)}.editor-toolbar__button-icon{width:auto;height:100%}
