.lab-badge{display:block;margin:.4rem 0 1.6rem}.lab-badge__bar{display:flex;align-items:center;gap:1.6rem;width:100%;padding:1.4rem 1.8rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.85);font-family:var(--font-body-family);text-align:left;cursor:pointer;transition:border-color var(--duration-short) ease}.lab-badge__bar:hover{border-color:rgba(var(--color-foreground),.3)}.lab-badge__mark{flex:none;display:flex;color:rgb(var(--color-button))}.lab-badge__mark .lab-badge-mark{width:4rem;height:4rem}.lab-badge__divider{width:.1rem;align-self:stretch;background:rgba(var(--color-foreground),.15)}.lab-badge__text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.lab-badge__line1{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.6rem;color:rgb(var(--color-foreground))}.lab-badge__line2{font-size:1.4rem}.lab-badge__pill{font-size:1.1rem;letter-spacing:.06rem;padding:.3rem .8rem;border-radius:.4rem;background:rgba(var(--color-button),.1);color:rgb(var(--color-button))}.lab-badge__nojs{display:inline-block;margin-bottom:1.6rem}@media screen and (max-width:749px){.lab-badge__bar{gap:1.2rem;padding:1.2rem 1.4rem}.lab-badge__mark .lab-badge-mark{width:3.4rem;height:3.4rem}.lab-badge__divider{display:none}.lab-badge__line1{gap:.6rem;font-size:1.4rem}.lab-badge__line2{font-size:1.3rem}}.lab-badge-modal .lab-badge-modal__content{padding:0;height:auto;max-height:calc(100% - 6rem);width:min(62rem,92%);margin-top:3rem}.lab-badge-modal__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;min-height:6rem;padding:0 6rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.lab-badge-modal__brand{display:flex;align-items:center;gap:1rem;font-size:1.2rem;letter-spacing:.18rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.lab-badge-modal__brand .lab-badge-mark{width:2.6rem;height:2.6rem;color:rgb(var(--color-button))}.lab-badge-modal .lab-badge-modal__close{position:absolute;top:50%;right:.8rem;transform:translateY(-50%);width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;color:rgb(var(--color-foreground))}.lab-badge-modal .lab-badge-modal__close .icon{width:1.8rem;height:1.8rem}.lab-badge-modal__body{display:flex;flex-direction:column;gap:2rem;padding:2.8rem 2.8rem 2.4rem}.lab-badge-modal__title{margin:0;text-align:center}.lab-badge-modal__intro{margin:0;text-align:center;font-size:1.5rem;line-height:1.6}.lab-badge-modal__batch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;padding:1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;font-size:1.6rem;color:rgb(var(--color-foreground))}.lab-badge-modal__batch span+span{font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.lab-badge-tabs{display:flex;flex-direction:column;gap:1.6rem}.lab-badge-tabs__list{display:flex;flex-wrap:wrap;gap:.8rem}.lab-badge-tabs__list [role=tab]{min-height:4.4rem;padding:0 1.6rem;border:0;border-radius:99rem;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.5rem;cursor:pointer}.lab-badge-tabs__list [role=tab][aria-selected=true]{background:rgba(var(--color-button),.1);color:rgb(var(--color-button))}.lab-badge-tabs__panel{padding:1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1rem}.lab-badge-tabs__explain{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.6rem;border-radius:.8rem;background:rgba(var(--color-foreground),.04)}.lab-badge-tabs__explain span{font-size:1.1rem;letter-spacing:.12rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.lab-badge-tabs__explain p,.lab-badge-tabs__why{margin:0;font-size:1.4rem;line-height:1.55}.lab-badge-tabs__why{margin:1.6rem .4rem;text-align:center}.lab-badge-tabs__rows{list-style:none;margin:0;padding:0}.lab-badge-tabs__explain+.lab-badge-tabs__rows{margin-top:1.2rem}.lab-badge-tabs__rows li{display:flex;align-items:center;gap:1.2rem;padding:1.2rem .4rem;border-top:.1rem solid rgba(var(--color-foreground),.08);font-size:1.5rem;color:rgb(var(--color-foreground))}.lab-badge-tabs__rows li:before{content:"";flex:none;width:.7rem;height:.7rem;margin:0 .65rem;border-radius:50%;background:rgba(var(--color-foreground),.4)}.lab-badge-tabs__rows li.is-clear:before{width:2rem;height:2rem;margin:0;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='8.5' fill='none' stroke='%232f6b47' stroke-width='1.4'/%3E%3Cpath d='M6 10.3l2.7 2.7 5.3-5.6' fill='none' stroke='%232f6b47' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.lab-badge-tabs__rows li span:last-child{margin-left:auto;text-align:right;font-size:1.4rem;color:rgba(var(--color-foreground),.65)}.lab-badge-tabs__rows li.is-clear span:last-child{color:#2f6b47}.lab-badge-tabs__source{margin:0;padding:1.2rem .4rem 0;border-top:.1rem solid rgba(var(--color-foreground),.08);font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.65)}.lab-badge-modal__foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;font-size:1.3rem;color:rgba(var(--color-foreground),.65)}@media screen and (max-width:749px){.lab-badge-modal .lab-badge-modal__content{width:100%;max-height:90%;top:auto;bottom:0;margin-top:0;border-radius:1.6rem 1.6rem 0 0}.lab-badge-modal__body{padding:2rem 1.6rem}.lab-badge-tabs__list{flex-wrap:nowrap;gap:.6rem;overflow-x:auto}.lab-badge-tabs__list [role=tab]{flex:none;padding:0 1.2rem;font-size:1.4rem}}.lab-badge-modal a{color:rgb(var(--color-link));text-underline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-lab-badge.css.map */