.filter{display:flex;overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch;margin-bottom:15px;white-space:nowrap}.filter,.filter button{font-size:medium;font-weight:300}.filter button{background-color:var(--btn-inactive-bg);border:none;border-radius:var(--btn-border-radius);box-shadow:none!important;color:var(--color-base-content);flex:0 0 auto;margin-right:7px;padding:5px 10px}.filter button:hover{background-color:var(--color-base-300);border-color:#ece9e6;color:var(--color-base-content)}.filter button.active{background-color:var(--btn-active-bg);color:var(--color-base-100)}.fabric-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.fabric-item{animation:fadeIn .5s ease-in-out;cursor:pointer;flex:1 1 130px;max-width:180px;position:relative}.fabric-item img{border-radius:7px;height:auto;transition:transform .3s ease-in-out;width:100%}.fabric-item .fabric-details{background-color:var(--transparent-text-bg);border-radius:var(--btn-border-radius);color:var(--color-base-200);left:50%;min-width:fit-content;opacity:0;padding:3px 10px;position:absolute;text-wrap:nowrap;top:85%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out}.fabric-item:hover img{transform:scale(.95)}.bestseller-badge{background-repeat:no-repeat;background-size:cover;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.fabric-item:hover .fabric-details{opacity:1}@media (hover:none){.fabric-item .fabric-details{opacity:1}}.notice{align-items:center;background-color:var(--color-base-200);border-color:var(--color-base-300);border-radius:15px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);display:flex;margin:20px auto;padding:15px;text-align:left}.warning-sign{color:var(--color-primary);font-family:system-ui;font-size:2em;font-weight:200;margin-right:10px}.notice-title{font-size:1.5em;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}