#logo[data-v-a6d99cbc]{width:106.16px;height:24px;cursor:pointer}.paw-part[data-v-a6d99cbc]{fill:var(--color-primary)}.letter[data-v-a6d99cbc]{fill:var(--color-primary-dark)}.mode-switch-container[data-v-70ea19ce]{display:flex;margin-top:1px}.eye-wrapper[data-v-70ea19ce]{width:24px;height:24px;background:var(--color-secondary-background);border-radius:50px;margin-right:5px;text-align:center}.eye-wrapper img[data-v-70ea19ce]{margin:6px 0 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:root[data-mode=dark] .eye-wrapper img[data-v-70ea19ce]{margin:9px 0 0 0}.mode-switch[data-v-70ea19ce]{width:44px;-webkit-tap-highlight-color:transparent}.mode-switch[data-v-70ea19ce]:active,.mode-switch[data-v-70ea19ce]:focus{background:transparent}.mode-switch input[data-v-70ea19ce]{display:none}.slider[data-v-70ea19ce]{position:absolute;width:44px;height:24px;border-radius:50px;background-color:var(--color-tertiary-background);cursor:pointer}.slider[data-v-70ea19ce]:after{position:absolute;content:"";width:16px;height:16px;background-color:var(--color-primary);border-radius:40px;bottom:4px;right:4px;transition:.4s;display:flex;align-items:center;justify-content:center}input:checked+.slider[data-v-70ea19ce]:after{transform:translateX(-21px)}.card:hover>button[data-v-5983a969]{background-color:var(--color-tertiary-background);color:#ff868e}.card:hover>.image-wrapper[data-v-5983a969]{border:4px solid #fff}.card.active>button[data-v-5983a969],.card:active>button[data-v-5983a969]{background-color:#ff868e;color:#fff}.card.active>.image-wrapper[data-v-5983a969],.card:active>.image-wrapper[data-v-5983a969]{border:4px solid #fbe0dc}.image-wrapper[data-v-5983a969]{height:198px;width:138px;background-color:var(--bg-color);border:4px solid hsla(0,0%,100%,.6);box-sizing:border-box;border-radius:20px;margin-bottom:10px;text-align:center}img[data-v-5983a969]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:relative;top:50%;transform:translateY(-50%)}button[data-v-5983a969]{width:138px;height:36px;background:var(--color-secondary-background);border-width:0;border-radius:10px;text-transform:uppercase;font-weight:500;font-size:12px;line-height:16px;text-align:center;letter-spacing:2px;color:#ff868e;cursor:pointer}@media screen and (min-width:1024px){.card[data-v-5983a969]{width:138px;height:198px;cursor:pointer}}@media screen and (min-width:480px) and (max-width:1024px){.card[data-v-5983a969]{width:138px;height:198px;cursor:pointer}}@media screen and (max-width:480px){.card[data-v-5983a969]{height:36px;cursor:pointer}.card button[data-v-5983a969]{width:100%;max-width:335px}}.welcome-container[data-v-5b80a864]{font-weight:500;text-align:left;display:flex;flex-direction:column}.welcome-container.sidebar[data-v-5b80a864]{position:absolute;z-index:100;box-sizing:border-box;width:100%;height:100%;top:0;right:0;background:var(--color-primary-background)}.controls-container[data-v-5b80a864]{position:absolute;display:flex;gap:20px;align-items:center;justify-content:flex-end}.welcome-container.sidebar .close-btn[data-v-5b80a864]{height:60px;width:60px;border-radius:10px;background-image:url(../img/cross-red.75d37785.svg);background-color:var(--color-primary-button-background);background-repeat:no-repeat;background-position:50%;cursor:pointer}.welcome-container.sidebar .cards-container[data-v-5b80a864]{margin-top:80px}header[data-v-5b80a864]{display:flex;justify-content:space-between}.welcome-container h1[data-v-5b80a864]{font-size:44px;line-height:58px;margin:80px 0 0 0}.welcome-container h2[data-v-5b80a864],.welcome-container span[data-v-5b80a864]{font-size:20px;line-height:28.9px;margin:0}.title-content[data-v-5b80a864]{color:var(--color-primary-dark)}.welcome-container span[data-v-5b80a864]{color:#8c8c8c;margin:10px 0 60px 0}.cards-container[data-v-5b80a864]{margin-top:20px;display:flex;gap:16px;text-align:center}.hide[data-v-5b80a864]{transform:translateX(calc(-100% - 20px))}@media screen and (min-width:480px) and (max-width:1024px){.welcome-container.sidebar[data-v-5b80a864]{padding:30px}.controls-container[data-v-5b80a864]{width:calc(100% - 60px)}.cards-container[data-v-5b80a864]{margin-right:20px;align-self:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}}@media screen and (max-width:480px){.welcome-container.sidebar[data-v-5b80a864]{padding:20px}.controls-container[data-v-5b80a864]{width:calc(100% - 40px)}.cards-container[data-v-5b80a864]{flex-direction:column;gap:20px}}:root{--color-primary:#ff868e;--color-primary-background:#f8f8f7;--color-secondary-background:#fff;--color-tertiary-background:#fbe0dc;--color-primary-button-background:#fff;--color-secondary-button-background:#f8f8f7;--color-primary-tile-button-background:#fff;--color-primary-dark:#1d1d1d;--color-secondary-green:#e0f9ea;--color-secondary-red:#ffdadd;--color-secondary-yellow:#fff1d9}:root[data-mode=dark]{--color-primary-background:#1d1d1d;--color-secondary-background:#343434;--color-tertiary-background:rgba(255,134,142,0.2);--color-primary-button-background:hsla(0,0%,100%,0.05);--color-secondary-button-background:#3e3e3e;--color-primary-tile-button-background:#282828;--color-primary-dark:#fff}*{font-family:Jost;font-style:normal}body,html{height:100%;width:100%;margin:0}body{background-color:var(--color-primary-background)}#app{min-height:100%;min-width:100%;box-sizing:border-box;display:grid;justify-content:center}@media screen and (min-width:1024px){#app{grid-template-columns:446px 680px;grid-template-rows:840px;grid-column-gap:137px;padding:30px 30px 30px 147px}}@media screen and (min-width:480px) and (max-width:1024px){#app{grid-template-columns:1fr;grid-template-rows:1fr;padding:30px}}@media screen and (max-width:480px){#app{grid-template-columns:1fr;padding:20px}}.page-container{display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-secondary-background);border-radius:20px;padding:20px;position:relative;align-self:center}@media screen and (min-width:1024px){.page-container{min-height:calc(100% - 110px);gap:20px}}@media screen and (min-width:480px) and (max-width:1024px){.page-container{min-height:calc(100% - 70px);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;gap:20px}}@media screen and (max-width:480px){.page-container{width:100%;min-height:calc(100% - 140px);gap:10px}}.loading-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100}.tiles-container{display:grid}.tile{background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:20px;position:relative}.tile-overlay{position:absolute;width:100%;height:100%;display:flex}.tile:hover>.tile-overlay{background-color:rgba(255,134,142,.6);border-radius:20px}.tile:hover .tile-botton-btn{display:flex}.tile-botton-btn{padding:5px;height:24px;position:absolute;bottom:10px;left:10px;right:10px;justify-content:center;align-items:center;font-size:16px;color:var(--color-primary);text-align:center}.tile-botton-btn,.tile-center-btn{background-color:var(--color-primary-tile-button-background);border-radius:10px;display:none;cursor:pointer}.tile-center-btn{margin:auto;background-position:50%;background-repeat:no-repeat;width:40px;height:40px}.tile:hover .tile-center-btn{display:flex}@media screen and (min-width:480px){.tiles-container{grid-template-columns:repeat(3,200px);grid-auto-rows:140px;grid-gap:20px}.tile:nth-child(10n - 2),.tile:nth-child(10n - 9){grid-row:span 2}.tile:nth-child(10n - 1),.tile:nth-child(10n - 6){grid-row:span 2;grid-column:span 2}}@media screen and (max-width:480px){.tiles-container{grid-template-columns:1fr;grid-auto-rows:1fr;grid-gap:10px}.tile{padding-bottom:70%}}.girl-pet-img-wrapper[data-v-2b62e8a4]{background-color:var(--color-tertiary-background);border-radius:20px;position:relative}img[data-v-2b62e8a4]{position:absolute;height:1024px;right:-30px;top:-92px}.search-field[data-v-5f72c304]{position:relative;height:60px;width:100%}input[data-v-5f72c304]{box-sizing:border-box;width:100%;background-color:var(--color-secondary-background);border:2px solid transparent;border-radius:20px;padding:13px 60px 13px 20px;outline:none;color:var(--color-primary-dark);font-size:20px;line-height:30px}input[data-v-5f72c304]::-moz-placeholder{font-size:20px;line-height:30px;color:#8c8c8c}input[data-v-5f72c304]:-ms-input-placeholder{font-size:20px;line-height:30px;color:#8c8c8c}input[data-v-5f72c304]::placeholder{font-size:20px;line-height:30px;color:#8c8c8c}input[data-v-5f72c304]:hover{border-color:#fbe0dc}input[data-v-5f72c304]:hover::-moz-placeholder{color:transparent}input[data-v-5f72c304]:hover:-ms-input-placeholder{color:transparent}input[data-v-5f72c304]:hover::placeholder{color:transparent}.search-field.active input[data-v-5f72c304],input[data-v-5f72c304]:active{border-color:#ff868e}input[data-v-5f72c304]:active{color:var(--color-primary-dark)}.search-ico[data-v-5f72c304]{position:absolute;width:40px;height:40px;bottom:10px;right:10px;background:rgba(255,134,142,.2);border-radius:10px;display:flex;pointer-events:none}.search-ico img[data-v-5f72c304]{-o-object-fit:none;object-fit:none}.container[data-v-38db8b24]{display:flex;flex-direction:column;gap:10px}.top-search-links-container[data-v-38db8b24]{display:flex;gap:10px}.square-link[data-v-38db8b24]{width:60px;min-width:60px;height:60px;min-height:60px;background-color:var(--color-secondary-background);background-repeat:no-repeat;background-position:50%;border-radius:20px;display:flex;cursor:pointer}.square-link[data-v-38db8b24]:hover{background-color:var(--color-tertiary-background)}.square-link.active[data-v-38db8b24],.square-link[data-v-38db8b24]:active{background-color:var(--color-primary)}.sidebar-toggle[data-v-38db8b24]{background-image:url(../img/hamburger-lines.53e354e9.svg)}.likes-link[data-v-38db8b24]{background-image:url(../img/like-red.ce84272e.svg)}.favs-link[data-v-38db8b24]{background-image:url(../img/heart-red.04574747.svg)}.dislikes-link[data-v-38db8b24]{background-image:url(../img/dislike-red.3fa9bd14.svg)}.square-link.likes-link.active[data-v-38db8b24],.square-link:active.likes-link[data-v-38db8b24]{background-image:url(../img/like-white.3de106ec.svg)}.square-link.favs-link.active[data-v-38db8b24],.square-link:active.favs-link[data-v-38db8b24]{background-image:url(../img/heart-white.1c17226e.svg)}.square-link.dislikes-link.active[data-v-38db8b24],.square-link:active.dislikes-link[data-v-38db8b24]{background-image:url(../img/dislike-white.8753c6fb.svg)}@media screen and (max-width:480px){.top-search-links-container[data-v-38db8b24]{flex-wrap:wrap}.search-field[data-v-38db8b24]{order:1}.sidebar-toggle[data-v-38db8b24]{margin-right:auto}}.square-btn[data-v-a36c3c88]{width:40px;height:40px;background-color:var(--color-tertiary-background);background-repeat:no-repeat;background-position:50%;border-radius:10px;cursor:pointer}.square-btn[data-v-a36c3c88]:hover{background-color:var(--color-primary)}.back-btn[data-v-a36c3c88]{background-image:url(../img/back-red.962ac7df.svg)}.square-btn:hover.back-btn[data-v-a36c3c88]{background-image:url(../img/back-white.8b033685.svg)}.vote-options-container[data-v-a6a0cf18]{position:absolute;bottom:0;left:50%;background:#fff;border:4px solid var(--color-secondary-background);border-color:var(--color-secondary-background);border-radius:20px;display:flex;gap:4px;overflow:hidden}.vote-option[data-v-a6a0cf18]{background-repeat:no-repeat;background-position:50%;cursor:pointer}.vote-like-option[data-v-a6a0cf18]{background-image:url(../img/like-white.3de106ec.svg);background-color:#97eab9}.vote-fav-option[data-v-a6a0cf18]{background-image:url(../img/heart-white.1c17226e.svg);background-color:#ff868e}.vote-dislike-option[data-v-a6a0cf18]{background-image:url(../img/dislike-white.8753c6fb.svg);background-color:#ffd280}.vote-like-option[data-v-a6a0cf18]:hover{background-image:url(../img/like-green.75227da1.svg);background-color:var(--color-secondary-green)}.vote-fav-option[data-v-a6a0cf18]:hover{background-image:url(../img/heart-red.04574747.svg);background-color:var(--color-secondary-red)}.vote-dislike-option[data-v-a6a0cf18]:hover{background-image:url(../img/dislike-yellow.e4fe8b83.svg);background-color:var(--color-secondary-yellow)}.fav-dog[data-v-a6a0cf18],.vote-fav-option[data-v-a6a0cf18]:active{background-image:url(../img/heart-white-fill.6c9b0809.svg);background-color:#ff868e}@media screen and (min-width:480px){.vote-options-container[data-v-a6a0cf18]{width:248px;height:80px;margin:0 0 -40px -124px}.vote-option[data-v-a6a0cf18]{width:80px;height:80px}}@media screen and (max-width:480px){.vote-options-container[data-v-a6a0cf18]{width:188px;height:60px;margin:0 0 -30px -94px}.vote-option[data-v-a6a0cf18]{width:60px;height:60px;background-size:22.5px}}.log-item[data-v-5fa8408d]{background:var(--color-secondary-button-background);border-radius:10px;padding:15px;display:flex;align-items:center;font-weight:400;font-size:16px}.time-wrapper[data-v-5fa8408d]{width:41px;background-color:#fff;color:var(--color-primary-dark);border-radius:5px;padding:3px 10px}:root[data-mode=dark] .time-wrapper[data-v-5fa8408d]{background-color:#1d1d1d}.text-info-container[data-v-5fa8408d]{color:#8c8c8c}.time-wrapper[data-v-5fa8408d]{margin-right:20px}.item-id[data-v-5fa8408d]{color:var(--color-primary-dark)}.action-pic[data-v-5fa8408d]{margin-left:auto;width:20px}@media screen and (min-width:1024px){.log-item[data-v-5fa8408d]{height:30px}}@media screen and (min-width:480px) and (max-width:1024px){.log-item[data-v-5fa8408d]{height:30px}}@media screen and (max-width:480px){.log-item[data-v-5fa8408d]{flex-wrap:wrap;gap:10px}.text-info-container[data-v-5fa8408d]{order:1}}.page-container[data-v-40e94a70]{width:100%}.page-header[data-v-40e94a70]{display:flex;gap:10px}.page-title[data-v-40e94a70]{width:146px;height:40px;background:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.page-title span[data-v-40e94a70]{font-weight:500;text-align:center;letter-spacing:2px;color:#fff;text-transform:uppercase}.dog-image-wrapper[data-v-40e94a70]{max-width:100%}.dog-image[data-v-40e94a70]{position:relative;border-radius:20px;padding-bottom:56.25%;background-size:cover}.logs-container[data-v-40e94a70]{margin-top:52px;display:flex;flex-direction:column;gap:10px}.select-title[data-v-0b6b3f90]{font-weight:500;font-size:10px;line-height:18px;color:#8c8c8c;text-transform:uppercase}details[data-v-0b6b3f90]{position:relative;list-style:none;font-weight:400;font-size:16px}.select-box[data-v-0b6b3f90]{box-sizing:border-box;height:40px;padding:8px 10px;background-color:var(--color-secondary-button-background);color:#8c8c8c;border:2px solid transparent;border-radius:10px;cursor:pointer;position:relative;list-style:none}.select-box-alt[data-v-0b6b3f90]{background-color:#fff;color:var(--color-primary-dark)}:root[data-mode=dark] .select-box-alt[data-v-0b6b3f90]{background-color:#1d1d1d}.select-box[data-v-0b6b3f90]:hover{border:2px solid rgba(255,134,142,.2)}summary[data-v-0b6b3f90]::-webkit-details-marker{display:none}summary[data-v-0b6b3f90]:after{content:url(../img/dropdown.9bc4ff3a.svg);position:absolute;right:10px}.select-menu[data-v-0b6b3f90]{list-style:none;overflow-y:auto;display:flex;flex-direction:column;margin:0;gap:10px;position:absolute;box-sizing:border-box;width:100%;max-height:260px;top:45px;right:0;padding:20px;background-color:#fff;border-radius:30px;z-index:10}:root[data-mode=dark] .select-menu[data-v-0b6b3f90]{background-color:#3e3e3e}.select-item[data-v-0b6b3f90]{color:#8c8c8c;cursor:pointer}@media screen and (max-width:480px){.select-box[data-v-0b6b3f90]{width:100%!important}}.page-header[data-v-b53781c6]{display:flex;gap:10px}.page-title[data-v-b53781c6]{width:146px;height:40px;background:#ff868e;border-radius:10px;display:flex;align-items:center;justify-content:center}.page-title span[data-v-b53781c6]{font-weight:500;text-align:center;letter-spacing:2px;color:#fff;text-transform:uppercase}.square-btn[data-v-b53781c6]{box-sizing:border-box;width:40px;height:40px;background-color:var(--color-secondary-button-background);background-repeat:no-repeat;background-position:50%;border-radius:10px;cursor:pointer;border:2px solid transparent}.square-btn[data-v-b53781c6]:hover,.za-active[data-v-b53781c6]{background-color:#f8f8f7;border:2px solid rgba(255,134,142,.2)}.sort-z-a[data-v-b53781c6]{background-image:url(../img/sort-za-grey.f351147c.svg)}.sort-a-z[data-v-b53781c6]{background-image:url(../img/sort-az-grey.1d651279.svg)}.sort-z-a.za-active[data-v-b53781c6],.sort-z-a[data-v-b53781c6]:hover{background-image:url(../img/sort-za-red.8cd6aaa7.svg)}.sort-a-z.za-active[data-v-b53781c6],.sort-a-z[data-v-b53781c6]:hover{background-image:url(../img/sort-az-red.e2d4c398.svg)}@media screen and (max-width:480px){.page-header[data-v-b53781c6]{flex-wrap:wrap}.select-container[data-v-b53781c6]{flex-grow:1}.select-breeds[data-v-b53781c6]{width:100%}}.page-header[data-v-1bf876a2]{display:flex;gap:10px}.page-title[data-v-1bf876a2]{height:40px;background-color:var(--color-tertiary-background);border-radius:10px;display:flex;align-items:center;justify-content:center}.page-title span[data-v-1bf876a2]{font-weight:500;text-align:center;letter-spacing:2px;text-transform:uppercase}.link[data-v-1bf876a2]{width:146px;cursor:pointer;color:#ff868e}.active-page[data-v-1bf876a2]{padding:0 30px}.active-page[data-v-1bf876a2],.link[data-v-1bf876a2]:hover{background:#ff868e;color:#fff}.dog-image[data-v-1bf876a2]{position:relative;width:100%;padding-bottom:60%;border-radius:20px;background-size:cover}.dots-list[data-v-1bf876a2]{position:absolute;width:90px;height:30px;bottom:0;left:50%;margin:0 0 -15px -45px;background:var(--color-secondary-background);border-radius:20px;display:flex;gap:5px;align-items:center;justify-content:center;overflow:hidden}.dot[data-v-1bf876a2]{width:10px;height:10px;background-color:#fbe0dc;border-radius:10px}.active-dot[data-v-1bf876a2]{background-color:#ff868e}.info-container[data-v-1bf876a2]{position:relative;border:2px solid var(--color-tertiary-background);box-sizing:border-box;border-radius:20px;margin:51px 0 75px 0}.breed-name[data-v-1bf876a2]{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:5px 40px;background:var(--color-secondary-background);border-radius:20px;top:-31px;display:flex;align-items:center;font-size:36px;color:var(--color-primary-dark)}.breed-desc[data-v-1bf876a2],.breed-name[data-v-1bf876a2]{position:absolute;left:50%;transform:translate(-50%);font-weight:500;text-align:center}.breed-desc[data-v-1bf876a2]{top:31px;font-size:20px;color:#8c8c8c}.breed-info[data-v-1bf876a2]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;font-size:16px;margin:75px 40px 40px 40px}.breed-info .col-half[data-v-1bf876a2]{display:flex;flex-direction:column;gap:10px}.breed-info .col-half p[data-v-1bf876a2]{margin:0;line-height:23px}.info-title[data-v-1bf876a2]{font-size:16px;color:var(--color-primary-dark)}.info[data-v-1bf876a2]{color:#8c8c8c}@media screen and (min-width:480px) and (max-width:1024px){.page-container[data-v-1bf876a2]{width:auto}}@media screen and (max-width:480px){.info-container[data-v-1bf876a2]{margin:51px 0 0 0}.breed-name[data-v-1bf876a2]{font-size:20px;padding:15px 20px}.breed-desc[data-v-1bf876a2]{font-size:16px;width:100%;top:19px}.breed-info[data-v-1bf876a2]{grid-template-columns:1fr;grid-gap:10px;margin:60px 20px 20px 20px}}.container[data-v-78649dda]{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(29,29,29,.6);z-index:100}.modal[data-v-78649dda]{background:#f8f8f7;padding:20px;display:flex;flex-direction:column;align-items:center;position:relative}:root[data-mode=dark] .modal[data-v-78649dda]{background-color:#282828}.close-btn[data-v-78649dda]{position:absolute;width:40px;height:40px;border-radius:10px;right:20px;top:20px;background-image:url(../img/cross-red.75d37785.svg);background-color:var(--color-primary-button-background);background-repeat:no-repeat;background-position:50%;cursor:pointer}.modal-title[data-v-78649dda]{font-weight:500;font-size:36px;color:var(--color-primary-dark);margin:80px 0 10px 0}.modal-clarify[data-v-78649dda]{margin:0;font-size:20px;line-height:30px;color:#8c8c8c}.text-link[data-v-78649dda]{color:var(--color-primary);text-decoration:none}.upload-field[data-v-78649dda]{border:2px dashed #fbe0dc;border-radius:20px;background-color:var(--color-primary-button-background);background-repeat:no-repeat;background-position:50%;background-size:initial;display:flex;align-items:center;justify-content:center;overflow:hidden}:root[data-mode=dark] .upload-field[data-v-78649dda]{border:2px dashed rgba(255,134,142,.2)}.failed-upload[data-v-78649dda]{background-color:#fbe0dc;border:2px dashed var(--color-primary)}.pic-to-upload[data-v-78649dda]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.placeholder-pic[data-v-78649dda]{position:absolute;-o-object-fit:none;object-fit:none;z-index:0;pointer-events:none}:root[data-mode=dark] .placeholder-pic[data-v-78649dda]{filter:opacity(5%)}.upload-field p[data-v-78649dda]{color:var(--color-primary-dark);margin:0;font-size:20px;z-index:10}.text-btn[data-v-78649dda]{font-weight:700;cursor:pointer}#upload-file[data-v-78649dda]{display:none}.status-text[data-v-78649dda]{font-size:20px;color:#8c8c8c}.upload-btn[data-v-78649dda]{margin-top:20px;width:172px;height:40px;background-color:var(--color-primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;gap:10px}.upload-btn span[data-v-78649dda]{font-weight:500;font-size:12px;line-height:16px;text-align:center;letter-spacing:2px;pointer-events:none;text-transform:uppercase}.upload-btn[data-v-78649dda]:hover{background-color:#fbe0dc;color:var(--color-primary)}.upload-btn[data-v-78649dda]:active{background-color:var(--color-primary);color:#fff}.upload-result[data-v-78649dda]{height:20px;background-color:var(--color-primary-button-background);border-radius:10px;padding:20px;display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:20px}.upload-result span[data-v-78649dda]{font-size:16px;line-height:24px;color:#8c8c8c}@media screen and (min-width:1024px){.container[data-v-78649dda]{padding:30px}.modal[data-v-78649dda]{width:640px;height:800px;border-radius:20px}.upload-result[data-v-78649dda]{width:600px}.upload-field[data-v-78649dda]{width:558px;height:280px;padding:20px 41px;margin:40px 0 20px 0}.placeholder-pic[data-v-78649dda]{-o-object-fit:none;object-fit:none}}@media screen and (max-width:1024px){.container[data-v-78649dda]{padding:0}.modal[data-v-78649dda]{width:100%;height:100%;border-radius:0;box-sizing:border-box}.upload-field[data-v-78649dda]{width:100%;height:auto;padding:0 0 50% 0;margin:20px 0 10px 0;position:relative;box-sizing:border-box}.placeholder-pic[data-v-78649dda]{top:50%;width:100px;height:100px;-o-object-fit:contain;object-fit:contain;transform:translateY(-50px)}.upload-field p[data-v-78649dda]{position:absolute;top:50%;transform:translateY(-30px);height:60px;max-width:200px}.pic-to-upload[data-v-78649dda]{width:calc(100% - 40px);height:calc(100% - 20px);-o-object-fit:cover;object-fit:cover;position:absolute;top:10px;border-radius:20px}}@media screen and (min-width:480px) and (max-width:1024px){.upload-result[data-v-78649dda]{width:calc(100% - 40px)}.upload-field[data-v-78649dda]{max-width:640px;max-height:280px}.modal-title[data-v-78649dda]{margin-top:.85em;text-align:center;font-size:34px}}@media screen and (max-width:480px){.close-btn[data-v-78649dda]{height:60px;width:60px}.modal-title[data-v-78649dda]{font-size:20px;margin:80px 0 20px 0}.modal-clarify[data-v-78649dda],.status-text[data-v-78649dda]{text-align:center}.upload-btn[data-v-78649dda]{width:100%}.upload-result[data-v-78649dda]{width:calc(100% - 40px)}}.page-header[data-v-39c843bb]{display:flex;flex-wrap:wrap;gap:10px}.page-title[data-v-39c843bb]{width:146px;height:40px;background:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.page-title span[data-v-39c843bb]{color:#fff}.page-title span[data-v-39c843bb],.upload-btn span[data-v-39c843bb]{font-weight:500;text-align:center;letter-spacing:2px;text-transform:uppercase}.upload-btn[data-v-39c843bb]{width:143px;min-width:143px;height:40px;background-color:var(--color-tertiary-background);color:var(--color-primary);border-radius:10px;margin-left:auto;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.upload-pic[data-v-39c843bb]{width:16px;height:16px;background-image:url(../img/upload-red.46c5db14.svg)}.upload-btn[data-v-39c843bb]:hover{background-color:var(--color-primary);color:#fff}.upload-btn:hover>.upload-pic[data-v-39c843bb]{background-image:url(../img/upload-white.b1a60c4b.svg)}.filters-container[data-v-39c843bb]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:10px;padding:10px 20px 20px 20px;background-color:var(--color-secondary-button-background);border-radius:20px}.tile-center-btn[data-v-39c843bb]{background-image:url(../img/heart-red.04574747.svg);background-size:20px}.tile-center-btn.favourite[data-v-39c843bb]{background-image:url(../img/heart-red-fill.fbee0342.svg)}.limit-container[data-v-39c843bb]{display:flex;gap:10px}.limit-container .select-container[data-v-39c843bb]{width:100%}.apply-btn[data-v-39c843bb]{background-color:#fff;background-image:url(../img/update-red.0685d0cc.svg);background-repeat:no-repeat;background-position:50%;border-radius:10px;height:40px;width:40px;min-width:40px;align-self:end;cursor:pointer}:root[data-mode=dark] .apply-btn[data-v-39c843bb]{background-color:#1d1d1d}.apply-btn[data-v-39c843bb]:hover,:root[data-mode=dark] .apply-btn[data-v-39c843bb]:hover{background-color:#ff868e;background-image:url(../img/update-white.2f5d37ef.svg)}@media screen and (min-width:480px){.upload-btn[data-v-39c843bb]{width:143px;min-width:143px}.filters-container[data-v-39c843bb]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:10px 20px 20px 20px}}@media screen and (max-width:480px){.apply-btn[data-v-39c843bb],.upload-btn[data-v-39c843bb]{width:100%}.filters-container[data-v-39c843bb]{grid-template-columns:1fr;grid-template-rows:auto;padding:10px}.limit-container[data-v-39c843bb]{flex-direction:column}}.page-header[data-v-7ac39614]{display:flex;gap:10px}.page-title[data-v-7ac39614]{width:146px;height:40px;background:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.page-title span[data-v-7ac39614]{color:#fff;font-weight:500;text-align:center;letter-spacing:2px;text-transform:uppercase}.search-title[data-v-7ac39614]{font-size:20px;line-height:29px;color:#8c8c8c;margin:20px 0 0 0}.search-title b[data-v-7ac39614]{font-weight:500;color:var(--color-primary-dark)}.no-results-msg[data-v-7ac39614]{width:600px;height:60px;background-color:var(--color-secondary-button-background);border-radius:10px;display:flex;padding:0 20px;align-items:center}.no-results-msg span[data-v-7ac39614]{font-size:16px;line-height:24px;color:#8c8c8c}.page-header[data-v-67ee3374]{display:flex;gap:10px}.page-title[data-v-67ee3374]{width:146px;height:40px;background-color:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.page-title span[data-v-67ee3374]{font-weight:500;text-align:center;letter-spacing:2px;text-transform:uppercase}.no-results-msg[data-v-67ee3374]{width:600px;height:60px;background-color:var(--color-secondary-button-background);border-radius:10px;display:flex;padding:0 20px;align-items:center}.no-results-msg span[data-v-67ee3374]{font-size:16px;line-height:24px;color:#8c8c8c}.page-header[data-v-d5259dde]{display:flex;gap:10px}.page-title[data-v-d5259dde]{width:146px;height:40px;background:#ff868e;border-radius:10px;display:flex;align-items:center;justify-content:center}.page-title span[data-v-d5259dde]{color:#fff;font-weight:500;text-align:center;letter-spacing:2px;text-transform:uppercase}.no-results-msg[data-v-d5259dde]{width:600px;height:60px;background-color:var(--color-secondary-button-background);border-radius:10px;display:flex;padding:0 20px;align-items:center}.no-results-msg span[data-v-d5259dde]{font-size:16px;line-height:24px;color:#8c8c8c}.tile-center-btn[data-v-d5259dde]{background-image:url(../img/heart-red-fill.fbee0342.svg);background-size:20px}.logs-container[data-v-d5259dde]{margin-top:40px;height:100%;display:flex;flex-direction:column;gap:10px}.page-header[data-v-707cd9d8]{display:flex;gap:10px}.page-title[data-v-707cd9d8]{width:146px;height:40px;background:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.page-title span[data-v-707cd9d8]{font-weight:500;text-align:center;letter-spacing:2px;text-transform:uppercase}.no-results-msg[data-v-707cd9d8]{width:600px;height:60px;background-color:var(--color-secondary-button-background);border-radius:10px;display:flex;padding:0 20px;align-items:center}.no-results-msg span[data-v-707cd9d8]{font-size:16px;line-height:24px;color:#8c8c8c}