#Overlay-for-the-philosopher-page{align-items:start;padding:40px 0;font-family:Lora,serif;overflow:scroll;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:100vh;height:100dvh;>.Modal-content{width:720px;margin:0 16px 80px;padding:0 0 16px;overflow:hidden;position:relative;gap:24px;h2{font-size:24px;font-weight:500;margin-top:0}>.Images-n-quote-section{padding:0;display:flex;flex-direction:column;gap:0;width:100%;>.Backdrop-n-qoute{padding:0;display:flex;flex-direction:column;gap:0;>.Backdrop{width:100%;height:184px;margin-bottom:-184px;object-fit:cover}>p{display:flex;justify-content:center;align-items:center;height:184px;width:424px;font-size:24px;text-align:center;font-style:italic;text-shadow:0 0 16px rgba(0,0,0,.25);margin:0 0 -144px 260px;z-index:2;>q{cursor:text}}}>.Profile-picture{width:200px;border:1px solid var(--Glass-stroke);border-radius:100%;box-shadow:0 0 16px -2px #fff;margin-left:40px}>.X-button{position:absolute;width:40px;top:12px;left:12px}}>.Top-information{display:flex;padding:0 40px;width:calc(100% - 80px);gap:24px;>div{padding:0;width:50%}>.Card-information-n-country{display:flex;flex-direction:column;gap:8px;>h2{margin:0;font-weight:500;font-size:26px}>.Info-container{display:flex;flex-direction:column;color:var(--My-gray);width:auto;gap:16px;>h3{margin:0;font-weight:500;font-size:18px;cursor:text}>.Lifespan-n-nationality{display:flex;width:auto;gap:8px;>h4{margin:0;font-weight:500;cursor:text}}>.Tags{display:flex;width:auto;gap:8px;>p{font-size:14px;font-weight:500;margin:0;width:auto;cursor:text}}>.Buttons{width:100%;>button{display:flex;width:auto}>.Secondary-filled-button{border:1px solid #fff;background:rgba(255,255,255,.8);box-shadow:inset 0 0 4px 0 #fff,0 0 24px 0 #fff;transition:box-shadow .3s ease}>.Secondary-filled-button:hover{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.5);box-shadow:inset 0 0 4px 0 #fff,0 0 8px 0 #fff}>.Secondary-filled-button:active{border:1px solid var(--White,#fff);background:rgba(255,255,255,.5);box-shadow:inset 0 0 4px 0 #fff,0 0 32px 0 #fff}}}}>.Life-accomplishments{display:flex;flex-direction:column;gap:0;cursor:text;>p{margin:8px 0 0}>ol{margin:6px 0;padding-left:20px}}}>.Life-story-section{padding:0 40px;border-radius:8px;>.Life-story-content{>div{>p{cursor:text}>ol,>p,>ul{margin-bottom:16px}>ol,>ul{margin-left:24px}>li{margin-bottom:8px}}>.Life-story-truncated{position:relative;display:block;>div{>p{margin-bottom:0;display:block}}>.See-more-button{position:absolute;bottom:-10px;right:0;background:none;border:none;outline:none;color:var(--My-gray);cursor:pointer;font-family:Lora,serif;font-size:16px;font-weight:400;font-style:normal;padding:0;margin:0;text-decoration:none;transition:color .2s ease}>.See-more-button:hover{color:var(--My-blue);text-decoration:underline;background:none}>.See-more-button:focus{outline:none;background:none}}>.See-less-button{background:none;border:none;color:var(--My-gray);cursor:pointer;font-size:16px;font-weight:500;padding:8px 0;margin-top:12px;transition:color .2s ease;display:block;font-family:Lora,serif}>.See-less-button:hover{color:var(--My-blue);text-decoration:underline}>.See-less-button:active{color:var(--My-blue)}}}>.Affinity-group{h2{font-weight:500}}}@media (max-width:743px){.Modal-content{>.Images-n-quote-section{>.Backdrop-n-qoute{>p{margin:0 40px 32px;width:auto;height:216px}>.Backdrop{width:100%;margin-bottom:-352px;height:400px;object-fit:cover}}>.Profile-picture{margin:0 auto}}>.Top-information{flex-direction:column;padding:0 16px;width:auto;>div{width:auto}>.Card-information-n-country{align-items:center;>.Info-container{align-items:center;>.Buttons{display:none}}}}.Divider-line{width:calc(100% - 32px);padding:0 16px}>.Life-story-section{padding:0 16px;>.Life-story-content{>.Life-story-truncated{>.See-more-button{font-size:15px}}}>.See-less-button{font-size:13px;padding:6px 0;margin-top:10px}}}}}