html,body{margin:0;padding:0}*{box-sizing:border-box}.zoom-container{cursor:zoom-in;background:#fafafa;border-radius:10px;position:relative;overflow:hidden}.zoom-image{transform-origin:50%;width:100%;height:auto;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:block}.zoom-container:hover .zoom-image{transform:scale(1.6)}.size-toggle-group{flex-wrap:wrap;gap:10px;display:flex}.size-toggle-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.size-toggle-item:hover{color:#183419;border-color:#183419}.size-toggle-item.active{color:#fff;background:#183419;border-color:#183419}.thumbnail-active{opacity:1!important;border:2px solid #183419!important}.thumbnail-inactive{opacity:.6;transition:opacity .2s,border-color .2s;border:2px solid #0000!important}.thumbnail-inactive:hover{opacity:1;border-color:#e0e0e0!important}