:root{--input-color:#afafaf;--skeleton-color:#dfdfdf;--whatsapp-color:#25d366;--whatsapp-color-dark:hsl(from var(--whatsapp-color) h s calc(l - 5));--message-color:#138ffe;--message-color-dark:hsl(from var(--message-color) h s calc(l - 5));--phone-card-padding:0.75rem;--card-shadow:0 4px 12px rgba(0,0,0,.08);--card-border:none}.phone-book{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.phone-book-filters{background:#fff;display:flex;flex-direction:column;gap:.75rem;margin:0 -1rem;padding:.5rem 1rem;z-index:9;&:after{background:linear-gradient(180deg,#fff,transparent);content:"";display:block;height:1rem;left:0;position:absolute;right:0;top:100%}}.phone-book-text-filter{position:relative;.phone-book-filter-icon{align-items:center;bottom:0;display:flex;font-size:1.2rem;justify-content:center;left:0;position:absolute;top:0;width:3rem}.phone-book-text-filter-input{border:1px solid var(--input-color);border-radius:10rem;gap:.5rem;padding:.9rem .75rem .9rem 2.5rem;transition:.2s;width:100%;&:focus,&:hover{border-color:var(--color-gray);outline:none}}}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters-sm{label{font-size:.9rem}}.tags{border-top:1px solid var(--color-gray-light);padding-top:.8rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.25rem;.filter-button-all{margin-right:12px;position:relative;&:after{border:1px solid var(--color-gray);bottom:5px;content:"";margin-right:-9px;position:absolute;right:0;top:5px}}.filter-button{background:#fff;border:1px solid var(--color-gray);border-radius:var(--button-rounded);cursor:pointer;font-size:.9rem;padding:.25rem .5rem;&.active{background:var(--color-green);border-color:var(--color-green)}}.filter-button-sm{font-size:.8em;padding:.1rem .35rem}}.phone-book-breadcrumbs{display:inline-block;font-size:.9rem}.phone-book-breadcrumbs span:not(:first-child):before{content:"/";margin-right:.5rem}.phone-book-breadcrumbs span:not([style*="display: none"]):has(~span:not([style*="display: none"])){cursor:pointer;text-decoration:underline}.phone-book-cards{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1250px){.phone-book-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.phone-book-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.phone-book-card{background-color:#fff;border:var(--card-border);border-radius:var(--card-rounded);box-shadow:var(--card-shadow);padding:var(--phone-card-padding)}.phone-book-inner{align-items:start;display:flex;gap:.75rem}.phone-book-image-container{aspect-ratio:1/1;background:var(--color-gray-light);border:1px solid var(--color-gray-light);border-radius:10rem;min-width:3.5rem;overflow:hidden;width:3.5rem;.phone-book-image{color:transparent;height:auto;width:100%}}.phone-book-details{display:flex;flex-direction:column;gap:.5rem;width:100%}.card-category{color:var(--color-pink);font-size:.85rem;font-weight:700}.cell-wrapper{position:relative;.cell-text{cursor:pointer;display:inline-block;font-size:.9rem;margin:0}.cell-tooltip{background:var(--color-gray-dark);border-radius:.25rem;bottom:100%;box-shadow:1px 2px 5px -1px rgba(0,0,0,.1);color:#fff;font-size:.9rem;opacity:0;padding:.15rem .45rem;position:absolute;transition:.3s;visibility:hidden}.copy-icon{font-size:80%;margin-left:.35rem}}.cell-text:hover+.cell-tooltip{opacity:1;transform:translateY(-2px);visibility:visible}.phone-book-name{display:flex;flex-direction:column;gap:.1rem}.phone-book-buttons{display:flex;flex-wrap:wrap;gap:.5rem;.button-whatsapp{background-color:var(--whatsapp-color);border-color:var(--whatsapp-color);color:#fff;&:hover{background:var(--whatsapp-color-dark);border-color:var(--whatsapp-color-dark)}}.button-message{background-color:var(--message-color);border-color:var(--message-color);color:#fff;&:hover{background:var(--message-color-dark);border-color:var(--message-color-dark)}}}.no-results{color:var(--color-gray-dark);display:flex;flex-direction:column;font-size:1.1rem;font-weight:500;gap:.15rem;.sub{color:var(--color-gray);font-size:.9rem;margin-bottom:.45rem}}.suggested-users-wrapper{border-top:1px solid var(--color-gray-light);margin-top:1.5rem;padding-top:1.5rem}.suggested-users{background-color:var(--color-gray-light);border-radius:var(--card-rounded);display:flex;flex-direction:column;gap:.5rem;padding:var(--card-padding)}.phone-book-cat-cards{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1250px){.phone-book-cat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.phone-book-cat-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}.category-card{background-color:var(--color-gray-light);background-position:50%;background-size:cover;border:var(--card-border);border-radius:var(--card-rounded);box-shadow:var(--card-shadow);cursor:pointer;min-height:200px;overflow:hidden;padding:var(--card-padding);position:relative;transition:.3s;&:after{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;z-index:0}&:hover{box-shadow:0 6px 18px rgba(0,0,0,.1);transform:translateY(-3px)}.category-card-body{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:end;position:relative;text-align:left;z-index:1;.category-card-title{color:#fff;text-shadow:0 0 2px rgba(0,0,0,.3)}}}.skeleton-cards{.category-card,.phone-book-card{border-color:var(--skeleton-color);overflow:hidden;position:relative;&:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}}.phone-book-image-container{background-color:var(--skeleton-color);border-color:var(--skeleton-color)}.skeleton-line{border-radius:4px}.phone-book-name{gap:.5rem;.skeleton-line{background:var(--skeleton-color);height:18px;width:60%;&:last-child{height:15px;width:50%}}}.phone-book-buttons{.button{background-color:var(--skeleton-color);border-color:var(--skeleton-color);.skeleton-line{background:#e4e4e4;height:10px;margin:3px 0;width:60px}}}.category-card{background:var(--skeleton-color);&:before{background:hsl(from var(--skeleton-color) h s calc(l - 5));border-radius:10rem;box-shadow:0 2px 4px rgba(0,0,0,.03);content:"";height:15rem;opacity:.4;position:absolute;right:-10%;top:-35%;width:15rem}.category-card-body{.skeleton-line{background:hsl(from var(--skeleton-color) h s calc(l + 5));height:18px;opacity:.6;width:60%}}}}@keyframes shimmer{to{transform:translateX(100%)}}
6:2	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l - 5
^..^ [postcss-calc]
8:2	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l - 5
^..^ [postcss-calc]
459:4	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l - 5
^..^ [postcss-calc]
473:5	⚠  Lexical error on line 1: Unrecognized text.

  Erroneous area:
1: l + 5
^..^ [postcss-calc]