#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.popup{position:absolute;display:none;background-color:#fff;z-index:1002;color:#000;width:430px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;border-radius:4%;padding:0%;margin:0;opacity:0;transition:opacity .3s ease;box-shadow:0 4px 8px #0000001a;pointer-events:none;text-overflow:ellipsis}.popup__container-form{width:100%;max-width:430px;height:380px;max-height:380px;padding:30px 36px 36px;box-sizing:border-box;z-index:1001;position:relative}.popup-backdrop,.popup-backdrop-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#00000080;overflow:hidden;object-fit:contain}.popup_opened{display:block;pointer-events:auto;opacity:1}.backdrop_visible{display:block;opacity:1}.popup__close-btn{position:absolute;align-items:end;border:none;top:-38px;right:-3%;color:#fff;width:15px;height:15px;background-image:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.5708%200.286517L16%2012.8573L3.42918%200.286515L0.286486%203.42921L12.8573%2016L0.286486%2028.5708L3.42918%2031.7135L16%2019.1427L28.5708%2031.7135L31.7135%2028.5708L19.1427%2016L31.7135%203.42921L28.5708%200.286517Z'%20fill='white'/%3e%3c/svg%3e");background-color:transparent;background-size:cover;cursor:pointer;background:no-repeat center;z-index:10}.popup__close-btn:hover{opacity:.7;cursor:pointer;filter:drop-shadow(0 4px 4px #c4c4c4)}.popup__title{font-family:inter,Arial,Helvetica,sans-serif;font-weight:900;font-size:24px;margin:34px 64px 54px 36px;text-align:center}.popup__fill-form{border:none;margin:auto;border-radius:2%}.popup__form-item{border:rgba(0,0,0,.1);color:#c4c4c4;margin-bottom:20px}.popup__form-item:valid{color:#000}.popup__form input[type=text]{border:none;border:2px solid #fff;background:transparent;outline:none;color:#c4c4c4;font-size:14px;margin:0 3%;text-overflow:ellipsis;overflow:hidden;padding:10px 0;width:90%}.popup__form input[type=url]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;outline:none;box-shadow:none}.popup__form input[type=url]{border:2px solid #fff;background:transparent;outline:none;color:#c4c4c4;font-size:14px;margin:0 3%;text-overflow:ellipsis;overflow:hidden;padding:10px 0;width:90%}.popup__form-item-input:focus,.popup__form-item-input:not(:placeholder-shown){color:#000!important}.popup__line{margin:0 3%;height:1px;background-color:#c4c4c4;width:95%;height:10%;border-bottom:1px solid #c4c4c4}.popup__line.error{border-bottom:2px solid red}input.with-border{border:2px solid #000;border-bottom:none}.popup__form-item name,.popup__form-item about{color:#c4c4c4}.popup__form-item-name.filled,.popup__form-item-about.filled{color:#000}.popup__form-input-error{display:block;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;line-height:14.52px;text-align:left;color:red;min-height:10px;width:90%;padding:0%;margin:5px 3% 0}.popup__form-input-error+.popup__form-input-error{display:block}.popup__form-item-name.error,.popup__form-item-about.error,.popup__form-item-url.error{border-bottom:2px solid red}.popup__form-btn{display:block;background-color:#000;border-radius:3%;width:330px;margin:30px auto 50px;height:50px;font-family:inter,Arial,Helvetica,sans-serif;font-size:18px;color:#fff;border:2px solid #c4c4c4;text-align:center;padding:0;cursor:not-allowed;align-self:center}.popup__form-btn.popup__form-btn_loading:disabled{background-color:#000;color:#c4c4c4;cursor:not-allowed;border:1px solid #c4c4c4;opacity:.5}.popup__form-btn.enabled{background-color:#000;color:#fff;cursor:pointer}.popup__form-btn:hover{opacity:.8;cursor:pointer;filter:drop-shadow(0 4px 4px #c4c4c4)}.popup__confirm-btn{display:block;background-color:#000;border-radius:3%;width:360px;margin:30px auto 50px;justify-content:center;height:50px;font-family:inter,Arial,Helvetica,sans-serif;font-size:18px;color:#fff;align-items:center;border:2px solid #c4c4c4;padding:0;cursor:not-allowed}.popup__confirm-btn:disabled{background-color:#000;color:#c4c4c4;cursor:not-allowed;border:1px solid #c4c4c4;opacity:.5}.popup__confirm-btn.enabled{background-color:#000;color:#fff;cursor:pointer}.popup__confirm-btn:hover{opacity:.8;cursor:pointer;filter:drop-shadow(0 4px 4px #c4c4c4)}.popup__form{display:block;width:100%}@media screen and (max-width: 880px){.popup{width:270px;height:380px;top:50%}.popup__content{width:100%;box-sizing:border-box}.popup__title{font-size:18px;margin:25px 20px 20px;text-align:left}.popup__form input[type=text],.popup__form input[type=url]{font-size:14px;margin:0 20px;width:calc(100% - 40px)}.popup__form-btn{width:180px;height:46px;margin:25px auto}.popup__close-btn{width:10px;height:10px;top:-20px;right:-3%}.popup__container-form{margin:0 auto}.popup__confirm-btn{width:230px;height:46px;margin:25px auto}}body{background:#000;margin:0%;padding:0%}.elements{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-row-gap:17px;grid-column-gap:21px;max-width:880px;width:fit-content;margin:auto;padding-top:50px;justify-content:center}.element__container{display:flex;flex-direction:column;background-color:#fff;align-items:center;padding:0%;margin:0%;max-width:282px;width:282px;max-height:361px;height:361px;border-radius:10px;position:relative;overflow:hidden}.element__container-photo{width:100%;height:282px;object-fit:cover;cursor:pointer;border-radius:3%}.element__photo{width:100%;height:282px;object-fit:cover;margin:0;padding:0%;border-radius:10px 10px 0 0}.element__container-info{display:flex;justify-content:space-between;align-items:center;max-width:246px;width:100%;max-height:23px;height:23px;margin:25px 15px 31px 21px}.element__container-name-place{display:block;font-family:inter,Arial,Helvetica,sans-serif;font-weight:900;font-size:24px;line-height:29.05px;color:#000;align-self:start;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;text-align:left;margin:0%}.element__container-heart{display:flex;flex-direction:row;align-self:flex-end;align-self:center;margin-top:25px;max-width:21px;width:21px;max-height:19px;height:19px}.card__like-button{all:unset;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgBrZSNDYIwEIWfTsAINwIbiCM4AYzgBrqBbECdhBFwA0fQDfCOXgOSlp/CS15K2tevl5YW6EXsB/vNbrWttB+e3CeUO2ibsmv9frK/GjqxE/aZ/WLn7DKQE10013XKao0CxlU1WlWhldUzuW6sUijBr0QntIGFh2CB3qHBCtMSkEEY6FRqgV0FBfZRIbwj7GbPVbBUJDw5fXfqZ2yXYyGD3YIrtumG0VYa7cgRp1znl+MBEwl2QBMKuB84xU5AUbICnKG/ELNaAk51fOqGrQJHAZ0I9soN34VNQB848ywSLcL/w03YSQR7BWlJ+Adbo0+ws1qdMgAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;margin-right:10px;width:21px;height:21px;background-position:center}.card__like-button_is-active{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgBrZQBDYAgEEW/JjCCEYxgE41iA22gTYyADS6CNlBwx2ROFOHe9qeDvwdjDOCi1Ol1SGfn78jjeOitHz1UTumelecNzUuPnN65AnmKrrj96NheAd76LpjOSJWwlDL+ESXX2SDLZqQLZDl9NWTPtLX2SUg43LedKp7gIfZ6eYWGIkKsEMAfseJ+ECHiX0JLCf9DEyV8ExMe3s4UsYjQFc8IFB6xgsp/buxJeAAAAABJRU5ErkJggg==)}.element__trash-icon{all:unset;position:absolute;top:10px;right:10px;width:24px;height:24px;z-index:10;cursor:pointer;background-image:url(data:image/png;base64,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);background-size:contain;background-repeat:no-repeat}.element__trash-icon:hover{opacity:.8}@media screen and (max-width: 880px){.elements{grid-template-columns:1fr;margin:auto;padding-top:36px;max-width:282px;width:282px}.element__container{max-width:282px;width:282px;max-height:361px;height:361px;margin:auto}.element__container-photo{max-width:282px;width:282px}}.footer{max-width:880px;width:880px;margin:67px auto 60px}.footer__firma{max-width:318px;justify-content:left;width:318px;font-family:inter,Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;color:#545454;line-height:21.78px}@media screen and (max-width: 880px){.footer{max-width:282px;width:282px;margin:50px auto 36px}.footer__firma{max-width:282px;width:282px;font-size:14px}}.header{display:flex;flex-direction:column;margin-top:45px;margin-left:auto;margin-right:auto;padding:0;gap:41px}.header__logo{padding:0;width:173px;height:33px;color:#fff}.header__line{margin:auto;padding:0;opacity:.9;max-width:880px;width:880px}@media screen and (max-width: 880px){.header{margin-top:28px;max-width:100%;width:320px}.header__logo{max-width:126px;margin-left:27px}.header__line{max-width:100%;width:280px}}.image-popup{position:fixed;top:0%;left:0%;width:100vw;height:100vh;background-color:#000c;display:none;justify-content:center;align-items:center;z-index:1002;opacity:0;transition:opacity .3s ease;pointer-events:none}.image-popup_opened{opacity:1;pointer-events:auto;display:flex}.image-popup__content{display:flex;flex-direction:column;align-items:flex-end;position:relative;max-width:90vw;max-height:90vh}.image-popup__image{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:10px;object-fit:contain;margin:0 auto}.image-popup__title{position:absolute;bottom:10px;left:10px;margin:0;padding:0;font-size:18px;font-family:inter,Arial,Helvetica,sans-serif;color:#fff;background-color:#0006;max-width:cal(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-popup__close-btn{position:absolute;top:-20px;right:-20px;background:transparent;border:none;font-size:30px;color:#fff;cursor:pointer}.image-popup__close-btn:hover{opacity:.8}@media screen and (max-width: 520px){.image-popup__content{width:75vw;height:auto;max-height:60vh}.image-popup__image{max-width:75vw;height:auto;object-fit:contain}.image-popup__title{font-size:14px;padding-left:10px;padding-right:10px;color:#fff;position:absolute;bottom:10px;left:10px;margin:0;z-index:10}.image-popup__close-btn{width:25px;height:25px;right:-10px;top:-10px}}.page{margin:0;display:flex;flex-direction:column;align-items:center;font-family:inter,arial,"sans-serif";background-color:#000;overflow-x:hidden}.page__content{max-width:880px;width:100%;margin:0 auto}.profile{display:flex;justify-content:space-between;max-width:880px;max-height:120px;margin:40px auto 50px;padding:0;align-items:center}.profile__avatar{position:relative;display:flex;justify-content:center;align-items:center;margin:0%;width:150px;height:150px;padding:0;border-radius:50%;object-fit:cover}.profile__avatar:hover{cursor:pointer}.profile__avatar:hover:after{content:" ";position:absolute;top:0;left:0;background-color:#00000080;width:100%;height:100%;z-index:1}.profile__avatar:hover .profile__avatar-pencil{display:block}.profile__avatar-pencil{display:none;position:absolute;z-index:2}.profile__avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile__info{display:flex;flex-direction:column;max-width:415px;align-items:center;margin-right:165px;margin-left:30px;gap:10px}.profile__name-container{display:flex;flex-direction:row;align-items:center}.profile__name{display:block;max-height:39px;white-space:nowrap;overflow:hidden;max-width:380px;font-family:inter,Arial,Helvetica,sans-serif;font-size:42px;line-height:48px;font-weight:500;color:#fff;padding:0%;margin-bottom:10px;text-overflow:ellipsis}.profile__editbutton{background:url(../images/Edit\ Button.png) no-repeat center;background-size:30px;width:18px;height:18px;box-sizing:content-box;border:1px solid #fff;align-self:flex-end;margin:0 0 0 18px;padding:0%}.profile__editbutton:hover{opacity:.8;cursor:pointer}.profile__description{font-family:inter,Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:21.78px;color:#fff;padding:0%;align-self:self-start;margin-top:0;text-overflow:ellipsis}.profile__addbutton{color:#fff;background-color:#000;border:1px solid #fff;padding-inline:60px;max-width:150px;max-height:50px;font-size:20px;border-radius:2px;align-self:center}.profile__addbutton:hover{opacity:.8;cursor:pointer}@media screen and (max-width: 880px){.profile{position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;margin-top:38.25px;margin-left:auto;margin-right:auto;padding:0;max-width:282px;max-height:286px}.profile__info{display:flex;max-width:100%;color:#fff;margin:30px auto 36px;flex-direction:column;align-items:center}.profile__avatar{width:120px;height:120px;margin-bottom:10px}.profile__avatar-image{width:100%;height:100%;margin-bottom:10px;object-fit:cover}.profile__name-button{display:flex;flex-direction:row}.profile__name{max-width:200px;max-height:22px;font-weight:500;font-size:22px;line-height:26.63px;align-items:center;color:#fff;margin:0}.profile__editbutton{max-width:16px;max-height:16px;box-sizing:content-box;border:1px solid #fff;padding:0%;margin:0 0 0 4px;align-self:center}.profile__description{font-family:inter,Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:16.94px;align-items:center;align-self:center;color:#fff;padding:0%}.profile__addbutton{color:#fff;background-color:#000;border:1px solid #fff;padding-inline:60px;max-width:282px;max-height:50px;font-size:20px;border-radius:2px;margin-top:18px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}