.Modal-container{display:flex;flex-direction:column;position:absolute;top:16px;left:88px;z-index:100;background:var(--Glass-gradient);border-radius:20px;border:1px solid var(--Glass-stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px 0 rgba(0,0,0,.25);width:340px;max-height:calc(100vh - 32px);.Modal-top-bar{display:flex;justify-content:flex-end;width:auto;border-bottom:1px solid var(--Glass-stroke);padding:4px 16px}.Header-divider{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--Glass-stroke);h2{margin:0;flex-grow:1}button{background-color:initial;border:transparent;transition:background .3s ease;transition:border .3s ease;transition:box-shadow .3s ease;width:40px;border-radius:100%;padding:0}button:hover{background:var(--White-light-BG);border:1px solid white;box-shadow:var(--White-light-cast)}}.Group-members{overflow-y:scroll;>a:link,>a:visited{text-decoration:inherit;color:inherit;cursor:auto}.Selected-philosopher{padding:0 12px;display:block;.Content{display:flex;gap:8px;padding:8px 4px;border-bottom:1px solid var(--White,#fff);.Philosopher-image{display:block;width:40px;height:40px;border:1px solid var(--Glass-stroke);border-radius:100%;box-shadow:var(--White-light-cast)}.Philosopher-name-n-epithet{display:flex;flex-direction:column;align-self:center;justify-content:start;flex-grow:1;gap:1px;h3{font-size:14px}h3,h4{margin:0;font-weight:500}h4{font-size:12px;color:var(--My-gray)}}}}.Selected-philosopher:hover{background:var(--White-light-BG);cursor:pointer}p{padding:16px}.Group-of-no-members{display:flex;flex-direction:column;align-items:center;padding:40px 16px;img{width:260px}p{margin:16px 0 0;padding:0;text-align:center}}}>.Modal-bottom-bar{display:flex;flex-direction:column;position:relative;align-items:center;>.White-line{display:block;height:1px;background:var(--Glass-stroke);position:absolute;width:calc(100% + 1px);top:-1px;left:-1px;margin:0}.Toggle-button-container{display:flex;width:calc(100% - 32px);margin:0 12px;padding:14px 4px 8px;align-items:flex-start;justify-content:space-between;gap:12px;.Label-n-helper-texts{display:flex;flex-direction:column;width:100%;padding-right:64px;min-width:0;label{font-size:14px;color:var(--Text-primary);margin:0;cursor:pointer;padding:4px 0 2px}.Helper-text{font-size:12px;color:var(--My-gray);margin:0;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}>input[type=checkbox].toggle{opacity:0;position:absolute;left:-9000px;top:-9000px;cursor:pointer}}>.Primary-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:16px 0}}}input[type=checkbox].toggle+.Label-n-helper-texts .Label-with-toggle-button{display:flex;position:relative;align-items:center;cursor:pointer}input[type=checkbox].toggle+.Label-n-helper-texts .Label-with-toggle-button:before{content:"";width:52px;height:32px;position:absolute;right:-70px;top:0;border-radius:40px;border:1.5px solid #5a5a5a;background:rgba(120,120,120,.2);box-shadow:0 0 4px 0 rgba(75,75,243,0),inset 0 0 4px 0 rgba(255,255,255,0);transition:background .3s ease-in-out,border-color .2s ease-in-out;box-shadow:.3s ease-in-out}input[type=checkbox].toggle+.Label-n-helper-texts .Label-with-toggle-button:after{display:flex;justify-content:center;align-items:center;content:"";position:absolute;height:32px;width:32px;top:1.5px;right:-48.5px;border-radius:40px;background-color:white;transition:background-color .2s ease-in-out,transform .2s ease-in-out}input[type=checkbox].toggle:checked+.Label-n-helper-texts .Label-with-toggle-button:before{background:linear-gradient(91deg,#0570ea,#9620fb);border-color:#999aff;box-shadow:0 0 4px 0 rgba(75,75,243,.8),inset 0 0 4px 0 #fff}input[type=checkbox].toggle:checked+.Label-n-helper-texts .Label-with-toggle-button:after{transform:translateX(20px)}input[type=checkbox].toggle+.Label-n-helper-texts .Label-with-toggle-button:hover:before{background:rgba(120,120,120,.05);border-color:#7a7a7a}input[type=checkbox].toggle:checked+.Label-n-helper-texts .Label-with-toggle-button:hover:before{background:linear-gradient(91deg,#0570ea,#9620fb);border-color:#999aff;box-shadow:0 0 6px 0 rgba(75,75,243,.8),inset 0 0 6px 0 #fff}@media (max-width:1029px){.Modal-container{img.Philosopher-image{margin:0}}}@media (max-width:743px){.Modal-container{position:absolute;top:88px;left:auto;right:8px;max-height:calc(100vh - 96px);img.Philosopher-image{margin:0}}}