.sf-dark-mode .task-card,.sf-dark-mode .menu-demo-box{background-color:#352c46}.sf-dark-mode .context-menu-template{background-color:#1a202c;box-shadow:0 4px 12px #0000004d}.shopping-list{-webkit-user-select:none;user-select:none;border:1px solid #e0e0e0;border-radius:8px;width:300px;margin:0 auto;padding:10px}.shopping-list ul{margin:0;padding:0;list-style:none}.shopping-list li{cursor:pointer;justify-content:space-between;padding:8px 16px;font-size:1rem;line-height:24px;display:flex}.shopping-list li:hover{background-color:rgba(var(--sf-color-on-surface),.05);border-color:rgba(var(--sf-color-on-surface),.05)}.shopping-list li.no-record:hover{cursor:default;background-color:#0000}.shopping-list li.completed{color:#888;text-decoration:line-through}.shopping-title{border-bottom:1px solid #e0e0e0;margin-left:-12px;margin-right:-12px;padding-bottom:5px;padding-left:12px;padding-right:12px}.sf-dark-mode .shopping-list{border:1px solid #444}.sf-dark-mode .shopping-list li{color:#e6e1e5}.sf-dark-mode .shopping-list li.completed{color:#a0a0a0}.sf-dark-mode .shopping-title{border-bottom:1px solid #444}@media (max-width:768px){.shopping-list{width:100%;padding:10px}}.animation-demo-container{flex-direction:row;justify-content:space-around;gap:10px;margin:20px 0;display:flex}.menu-demo-box{-webkit-user-select:none;user-select:none;background-color:#f5f5f5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:250px;padding:16px;display:flex;box-shadow:0 2px 5px #0000001a}@media (max-width:768px){.animation-demo-container{flex-direction:column;align-items:center}.menu-demo-box{width:100%;max-width:280px;margin-bottom:10px}}.context-menu-image{width:100%;height:100%}.image-gallery{border-radius:8px;width:80%;margin:0 auto;padding:10px}.gallery-container{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.gallery-item{cursor:pointer;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.gallery-item img{object-fit:cover;width:100%;display:block}.gallery-item:hover{background-color:#f5f5f5}.gallery-title{text-align:center;color:#333;margin-bottom:5px;font-size:16px;font-weight:700}.image-title{color:#fff;text-align:center;background:#0009;width:100%;padding:5px 8px;font-size:12px;position:absolute;bottom:0}.scrollable-menu .sf-menu-parent{max-height:200px}.sf-dark-mode .gallery-item{box-shadow:0 2px 4px #0003}.sf-dark-mode .gallery-item:hover{background-color:#352c46}.sf-dark-mode .gallery-title{color:#e1e1e1}@media (max-width:600px){.gallery-container{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,1fr);gap:8px}.image-title{padding:4px;font-size:11px}.scrollable-menu .sf-menu-parent{max-height:180px}}.context-menu-template-icon{font-size:var(--sf-font-size-xl);align-items:center;display:inline-flex}.context-menu-template-icon svg{font-size:inherit}.file-manager{-webkit-user-select:none;user-select:none;border:1px solid #e0e0e0;border-radius:6px;width:250px;margin:0 auto;padding:12px}.file-section-title{border-bottom:1px solid #e0e0e0;justify-content:center;align-items:center;margin-bottom:10px;margin-left:-12px;margin-right:-12px;padding-bottom:5px;padding-left:12px;padding-right:12px;font-size:14px;font-weight:700;display:flex}.file-item{cursor:pointer;border-radius:3px;align-items:center;padding:8px 16px;font-size:1rem;line-height:24px;transition:background-color .2s;display:flex}.file-item:hover{background-color:rgba(var(--sf-color-on-surface),.05);border-color:rgba(var(--sf-color-on-surface),.05)}.file-icon{align-items:center;margin-right:10px;font-size:18px;display:flex}.file-name{color:#333;margin:0;font-size:13px;font-weight:500}.file-manager .breadcrumb-icon{margin:0 5px}.sf-dark-mode .file-manager{color:#e2e8f0;border:1px solid #444}.sf-dark-mode .file-name{color:#e2e8f0}.sf-dark-mode .file-section-title{border-bottom:1px solid #444}@media (max-width:768px){.file-manager{width:230px;padding:10px}.file-item{padding:6px 8px}}.sf-menu-parent::-webkit-scrollbar{width:.375rem}.sf-menu-parent::-webkit-scrollbar-track{background:0 0}.sf-menu-parent::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:.0625rem solid var(--scrollbar-thumb);border-radius:.1875rem}.sf-menu-parent::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}