.brand-list-layer{position:relative;display:flex;flex-direction:column;width:820px;max-width:100%;height:680px;max-height:100%;overflow:hidden;border-radius:10px;background-color:#fff}@media screen and (min-width:1024px)and (max-width:1279px){.brand-list-layer{width:100%;height:100%}}@media screen and (max-width:1023px){.brand-list-layer{position:fixed;inset:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}.brand-list-layer__header{position:absolute;top:16px;right:16px;z-index:1}@media screen and (max-width:1023px){.brand-list-layer__header{position:static;display:flex;flex:none;align-items:center;justify-content:space-between;height:56px;padding:0 12px 0 16px;border-bottom:1px solid #e5e5e5}}.brand-list-layer__title{display:none;margin:0;font-size:17px;font-weight:700;line-height:24px;color:#000}@media screen and (max-width:1023px){.brand-list-layer__title{display:block}}.brand-list-layer__close{position:relative;display:block;flex:none;width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}.brand-list-layer__close:after,.brand-list-layer__close:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:1.5px;background-color:#000}.brand-list-layer__close:before{transform:translate(-50%,-50%) rotate(45deg)}.brand-list-layer__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.brand-list-layer__tabs{display:flex;align-items:center;flex:none;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 48px);margin:24px auto 20px;border-radius:8px;background-color:#f0f2f4}@media screen and (max-width:1023px){.brand-list-layer__tabs{width:auto;max-width:none;margin:16px}}.brand-list-layer__tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;width:186px;height:44px;border:1px solid rgba(0,0,0,0);border-radius:8px;background-color:#f0f2f4;color:gray;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer}@media screen and (max-width:1023px){.brand-list-layer__tab{flex:1 1 auto;width:auto;padding:0 8px;font-size:13px}}@media screen and (max-width:374px){.brand-list-layer__tab{padding:0 6px;font-size:12px}}.brand-list-layer__tab--active{border-color:#000;background-color:#fff;color:#000;font-weight:700}.brand-list-layer__tab-icon{display:inline-flex;flex:none;align-items:center}.brand-list-layer__subtabs{display:flex;flex:none;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 24px 20px}@media screen and (max-width:1023px){.brand-list-layer__subtabs{flex-wrap:nowrap;justify-content:flex-start;margin:0 16px 16px;overflow-x:auto;scrollbar-width:none}.brand-list-layer__subtabs::-webkit-scrollbar{display:none}}.brand-list-layer__subtabs{-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-list-layer__subtabs[data-dragging]{cursor:grabbing}.brand-list-layer__subtab{flex:none;height:36px;padding:8px 20px;border:1px solid #e5e5e5;border-radius:30px;background-color:#fff;color:#4c4c4c;font-size:14px;font-weight:400;white-space:nowrap;cursor:pointer}.brand-list-layer__subtab--active{border-color:#000;background-color:#000;color:#fff;font-weight:500}.brand-list-layer__content{display:flex;flex:1;flex-direction:column;min-height:0;padding:16px 24px;background-color:#f9fafa}@media screen and (max-width:1023px){.brand-list-layer__content{padding:16px}}.brand-list-layer__toolbar{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px}@media screen and (max-width:1023px){.brand-list-layer__toolbar{flex-wrap:wrap}}.brand-list-layer__sort{display:flex;align-items:center}.brand-list-layer__sort-item{border:0;background:none;color:gray;font-size:13px;font-weight:400;cursor:pointer}.brand-list-layer__sort-item--active{color:#000;font-weight:700}.brand-list-layer__sort-divider{width:1px;height:12px;margin:0 8px;background-color:#d9d9d9}.brand-list-layer__search{width:270px;max-width:100%}@media screen and (max-width:1023px){.brand-list-layer__search{width:100%}}.brand-list-layer__search.baro-searchfield{background-color:#fff}.brand-list-layer__delivery-notice{display:flex;align-items:center;justify-content:space-between;flex:none;gap:8px;min-height:48px;margin:12px 0;padding:12px;border-radius:4px;background-color:#f5e9ff;color:#4c4c4c;font-size:13px;font-weight:500;line-height:15.6px;letter-spacing:normal}@media screen and (max-width:1023px){.brand-list-layer__delivery-notice{flex-wrap:wrap;gap:4px;min-height:0;margin:8px 0;padding:8px 12px;font-size:12px;line-height:16px}}.brand-list-layer__delivery-text{display:flex;flex-wrap:wrap;align-items:center;white-space:pre-wrap}.brand-list-layer__delivery-badge{flex:none;height:auto;margin-right:.25em}.brand-list-layer__delivery-em{color:#a739dd}.brand-list-layer__delivery-check.baro-checkbox{flex:none;gap:6px;white-space:nowrap}.brand-list-layer__delivery-check.baro-checkbox .baro-checkbox__control{width:16px;height:16px}.brand-list-layer__delivery-check.baro-checkbox .baro-checkbox__control:before{inset:0}.brand-list-layer__delivery-check.baro-checkbox .baro-checkbox__label{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.brand-list-layer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px}.brand-list-layer__empty-icon{margin-bottom:8px}.brand-list-layer__empty-text{color:#bfbfbf;font-size:16px;font-weight:500;line-height:22px}.brand-list-layer__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;flex:0 1 auto;align-content:start;min-height:0;margin-top:12px;overflow-y:auto;border:1px solid #e5e5e5;border-radius:8px;background-color:#f2f2f2}@media screen and (min-width:1024px)and (max-width:1279px){.brand-list-layer__list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1023px){.brand-list-layer__list{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content}}@media screen and (min-width:720px)and (max-width:1023px){.brand-list-layer__list{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}}.brand-list-layer__card{height:130px;overflow:hidden;background-color:#fff}@media screen and (max-width:1023px){.brand-list-layer__card{height:auto;min-height:80px}}@media screen and (min-width:720px)and (max-width:1023px){.brand-list-layer__card{height:130px;min-height:0}}.brand-list-layer__card--filler{pointer-events:none}@media screen and (max-width:1023px){.brand-list-layer__card--filler{display:none}}@media screen and (min-width:720px)and (max-width:1023px){.brand-list-layer__card--filler{display:list-item}}.brand-list-layer__card-link{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px;height:100%;padding:16px}@media screen and (max-width:1023px){.brand-list-layer__card-link{height:auto;min-height:80px}}@media screen and (min-width:720px)and (max-width:1023px){.brand-list-layer__card-link{height:100%;min-height:0}}.brand-list-layer__logo{overflow:hidden;flex:none;width:54px;height:54px;border:1px solid #e5e5e5;border-radius:50%}@media screen and (max-width:1023px){.brand-list-layer__logo{width:48px;height:48px}}@media screen and (min-width:720px)and (max-width:1023px){.brand-list-layer__logo{width:54px;height:54px}}.brand-list-layer__logo img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.brand-list-layer__info{display:flex;flex:1;flex-direction:column;align-items:flex-start;row-gap:4px;min-width:0}.brand-list-layer__text{display:flex;flex-direction:column;row-gap:4px;width:100%}.brand-list-layer__quasi-row{display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;min-width:0}.brand-list-layer__name{display:-webkit-box;overflow:hidden;color:#000;font-size:14px;font-weight:500;line-height:17px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.brand-list-layer__ad-badge{display:inline;margin-right:2px;vertical-align:middle}.brand-list-layer__arrow{display:inline-block;width:6px;height:6px;margin-left:4px;vertical-align:middle;border-top:1.5px solid gray;border-right:1.5px solid gray;transform:rotate(45deg)}.brand-list-layer__intro{display:-webkit-box;overflow:hidden;color:#4c4c4c;font-size:13px;font-weight:400;line-height:16px;text-overflow:ellipsis;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:2}.brand-list-layer__together-badge{display:block;align-self:flex-start;width:auto;height:18px}.brand-list-layer__badge-row{display:flex;flex-wrap:wrap;-moz-column-gap:4px;column-gap:4px;row-gap:4px}.brand-list-layer__assured{display:flex;align-items:center;-moz-column-gap:3px;column-gap:3px;width:100%}.brand-list-layer__assured-tag{display:inline-flex;align-items:center;height:18px;padding:2px 4px;border:1px solid #2ac1bc;border-radius:4px;color:#2ac1bc;font-size:10px;font-style:normal;font-weight:500;line-height:13px}.brand-list-layer__assured-rate{color:#25a8a4;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.48px}