.suggestions-panel{position:fixed;right:0;top:0;bottom:0;width:330px;padding:28px 22px;background:#fff;border-left:1px solid #e0e2d8;overflow:auto;z-index:20}.with-suggestions{padding-right:330px}.suggestion-search{position:relative;margin:0 0 18px}.suggestion-search input{padding:14px 42px 14px 13px;font-size:13px;background:#fff;margin:0}.suggestion-search svg{width:22px;height:22px;position:absolute;right:12px;top:13px;fill:none;stroke:#9aaba1;stroke-width:1.8}.suggestions-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.suggestions-heading h2{font-size:12px;letter-spacing:.5px;color:#829082;margin:0}.suggestions-heading>div{display:flex;gap:3px}.suggestions-heading button{padding:3px 5px;background:transparent;color:#889a8d;font-size:23px;line-height:1;border-radius:6px}.suggestions-heading button[aria-pressed=true]{background:#d5ebd9;color:#286844}.suggestion-card{height:130px;position:relative;border-radius:8px;overflow:hidden;margin-bottom:14px;background-image:url('/assets/suggestion-creators-v2.png');background-size:300% auto;background-repeat:no-repeat;background-color:#ddd8d0}.portrait-0{background-position:0% 44%}.portrait-1{background-position:50% 44%}.portrait-2{background-position:100% 44%}.suggestion-profile{display:block;height:100%;text-decoration:none;color:#fff;background:linear-gradient(transparent 25%,#19271da8);padding:12px}.suggestion-price{position:absolute;top:10px;left:12px;font-size:11px;padding:3px 7px;border-radius:5px;background:#20372869}.suggestion-identity{position:absolute;bottom:14px;left:12px;right:12px;display:flex;align-items:center;gap:10px}.suggestion-identity b{font-size:16px;text-shadow:0 1px 3px #152317}.suggestion-identity small{display:block;font-size:11px;margin-top:4px;color:white}.suggestion-avatar{width:65px;height:65px;border-radius:50%;border:3px solid #edf4ed;background-image:url('/assets/suggestion-creators-v2.png');background-size:300% auto;background-repeat:no-repeat;flex-shrink:0}.suggestion-hide{position:absolute;right:8px;top:8px;background:#14271d59;padding:0;width:23px;height:23px;border-radius:50%;color:white;font-size:19px}.suggestion-status{font-size:10px;color:#859283;line-height:1.6}.suggestions-footer{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;border-top:1px solid #e0e2d8;padding-top:22px;margin-top:25px}.suggestions-footer a{color:#839080;text-decoration:none}.suggestions-access{background:#f2f5ed;padding:20px;border-radius:10px;font-size:13px;line-height:1.7;color:#61725f}.suggestions-access h3{color:#344b37}.suggestions-access a{color:#344b37}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.with-suggestions .demo-shell{padding:0 22px}.with-suggestions .demo-shell h1{font-size:29px}.with-suggestions .intro{padding-left:24px;padding-right:24px}.with-suggestions .entry-panel{padding:22px}.dark-mode .suggestions-panel{background:#242c27;border-color:#3c493f}.dark-mode .suggestions-access{background:#344a3a;color:#d7e5d9}.dark-mode .suggestions-access a,.dark-mode .suggestions-access h3{color:#edf3ed}.dark-mode .suggestion-search input{background:#1d251f}@media(max-width:1150px){.suggestions-panel{width:285px;padding:24px 16px}.with-suggestions{padding-right:285px}.suggestion-identity b{font-size:14px}.suggestion-avatar{width:55px;height:55px}}@media(max-width:1050px){.suggestions-panel{position:static;width:auto;max-width:650px;margin:25px auto;padding:22px;border:1px solid #e0e2d8;border-radius:12px}.with-suggestions{padding-right:0}.suggestion-card{height:155px}.suggestion-avatar{width:65px;height:65px}}
.suggestion-profile-portrait{height:200px;border-radius:12px;background-image:url(/assets/suggestion-creators-v2.png);background-size:300% auto;background-repeat:no-repeat;margin-bottom:20px}