.otb{--otb-gap: 1.2rem;--otb-radius: .8rem;position:relative}.otb__inner{padding:0 1.5rem;max-width:var(--page-width);margin:0 auto}.otb__head{text-align:center;margin-bottom:2.4rem}.otb__title{margin:0 0 .8rem}.otb__sub{margin:0 auto;max-width:62rem;color:rgba(var(--color-foreground),.75)}.otb__controls{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.otb__search{position:relative;max-width:42rem;width:100%;margin:0 auto}.otb__search input{width:100%;padding:1.1rem 1.4rem;font-size:1.5rem;font-family:inherit;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--otb-radius)}.otb__search input:focus{outline:none;border-color:rgba(var(--color-foreground),.6)}.otb__filters{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.otb__chip{font-size:1.3rem;line-height:1;padding:.8rem 1.2rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:10rem;background:transparent;color:rgba(var(--color-foreground),.8);font-family:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease}.otb__chip:hover{border-color:rgba(var(--color-foreground),.6)}.otb__chip[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.otb__grid{display:grid;gap:var(--otb-gap);grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:750px){.otb__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1200px){.otb__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.otb__card{position:relative}.otb__card[hidden]{display:none}.otb__pick{display:flex;flex-direction:column;width:100%;height:100%;padding:0;cursor:pointer;background:rgb(var(--color-background));font-family:inherit;text-align:left;border:.2rem solid rgba(var(--color-foreground),.12);border-radius:var(--otb-radius);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.otb__pick:hover{border-color:rgba(var(--color-foreground),.4)}.otb__card.is-selected .otb__pick{border-color:rgb(var(--color-foreground))}.otb__media{position:relative;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.04)}.otb__media img{width:100%;height:100%;object-fit:contain;display:block;padding:.8rem}.otb__badge{position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem;font-weight:600;opacity:0;transform:scale(.6);transition:all .15s ease}.otb__card.is-selected .otb__badge{opacity:1;transform:scale(1)}.otb__info{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.otb__vendor{font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.otb__name{font-size:1.4rem;line-height:1.3;color:rgb(var(--color-foreground))}.otb__notes{font-size:1.1rem;color:rgba(var(--color-foreground),.55);margin-top:.4rem}.otb__state{margin-top:auto;padding-top:.8rem;font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.6)}.otb__card.is-selected .otb__state{color:rgb(var(--color-foreground))}.otb__card.is-disabled .otb__pick{opacity:.4;cursor:not-allowed}.otb__empty{text-align:center;padding:4rem 0;color:rgba(var(--color-foreground),.6)}.otb__bar{position:sticky;bottom:0;z-index:3;margin-top:2.4rem;background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.15);box-shadow:0 -.4rem 1.6rem rgba(var(--color-foreground),.08)}.otb__bar-inner{max-width:var(--page-width);margin:0 auto;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem}@media screen and (min-width:990px){.otb__bar-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:2.4rem}}.otb__slots{display:flex;gap:.6rem;flex-wrap:wrap;flex:1}.otb__slot{flex:1 1 0;min-width:0;min-height:4.4rem;padding:.6rem .8rem;border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:var(--otb-radius);display:flex;align-items:center;gap:.6rem;font-size:1.15rem;line-height:1.25;color:rgba(var(--color-foreground),.45);background:transparent}.otb__slot.is-filled{border-style:solid;border-color:rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground));cursor:pointer;font-family:inherit;text-align:left}.otb__slot-thumb{width:2.8rem;height:2.8rem;object-fit:contain;flex-shrink:0}.otb__slot-label{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.otb__slot-x{margin-left:auto;font-size:1.4rem;opacity:.5;flex-shrink:0}.otb__cta{display:flex;align-items:center;gap:1.6rem;flex-shrink:0}.otb__price{display:flex;flex-direction:column;line-height:1.2}.otb__price-now{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground))}.otb__price-was{font-size:1.3rem;text-decoration:line-through;color:rgba(var(--color-foreground),.5)}.otb__counter{font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.otb__bar form{margin:0}.otb__submit{min-width:20rem}.otb__submit[aria-disabled=true],.otb__submit:disabled{opacity:.45;cursor:not-allowed}.otb__step{margin-bottom:2.8rem}.otb__step-label{display:flex;align-items:center;gap:.9rem;margin:0 0 1.4rem;font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground))}.otb__step-num{width:2.6rem;height:2.6rem;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;font-weight:600;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.otb__sizes{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));max-width:68rem}.otb__size{position:relative;cursor:pointer;font-family:inherit;text-align:left;display:flex;flex-direction:column;gap:.5rem;padding:1.8rem 2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.2rem solid rgba(var(--color-foreground),.15);border-radius:var(--otb-radius);transition:border-color .15s ease,background .15s ease}.otb__size:hover:not([disabled]){border-color:rgba(var(--color-foreground),.45)}.otb__size[aria-pressed=true]{border-color:rgb(var(--color-foreground))}.otb__size[disabled]{opacity:.45;cursor:not-allowed}.otb__size-main{font-size:1.7rem;font-weight:600}.otb__size-price{font-size:1.5rem;color:rgba(var(--color-foreground),.7);display:flex;gap:.8rem;align-items:baseline}.otb__size-price s{opacity:.55}.otb__size-note{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.otb__size-tick{position:absolute;inset-block-start:1.4rem;inset-inline-end:1.6rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;font-weight:600;background:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:0;transform:scale(.6);transition:all .15s ease}.otb__size[aria-pressed=true] .otb__size-tick{opacity:1;transform:scale(1)}.otb__step2[hidden]{display:none}.otb__step2{animation:otbFade .25s ease both}@keyframes otbFade{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.otb__bar-left{flex:1;min-width:0}.otb__price:empty{display:none}.otb__step--center{text-align:center}.otb__step--center .otb__step-label{justify-content:center}.otb__sizes{grid-template-columns:repeat(auto-fit,minmax(20rem,24rem));justify-content:center;max-width:52rem;margin-inline:auto}.otb__size{align-items:center;text-align:center;gap:.4rem;padding:2.2rem 2rem 2rem}.otb__size-main{font-size:1.9rem;font-weight:600;letter-spacing:-.01em}.otb__size-price{justify-content:center;font-size:1.5rem;gap:.7rem}.otb__size-price strong{font-size:2.4rem;font-weight:700;color:rgb(var(--color-foreground));line-height:1.1}.otb__size-note{font-size:1.25rem;color:rgba(var(--color-foreground),.55)}.otb__price{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.otb__price-label{font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.otb__price-row{display:flex;align-items:baseline;gap:.7rem}.otb__price-now{font-size:2.1rem;font-weight:700}@media screen and (max-width:989px){.otb__price{align-items:flex-start}}.otb__warn{max-width:62rem;margin:0 auto 2rem;padding:1.2rem 1.6rem;text-align:left;font-size:1.3rem;line-height:1.4;border-radius:var(--otb-radius);border:.1rem solid rgba(var(--color-foreground),.3);background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground))}.otb__step2{scroll-margin-top:10rem}.otb__step2 .otb__step-label{justify-content:center;margin-bottom:1.8rem}.otb__step2 .otb__grid{text-align:left}.otb__pick:focus-visible,.otb__size:focus-visible,.otb__chip:focus-visible,.otb__slot.is-filled:focus-visible,.otb__clear:focus-visible,.otb__submit:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.otb__inner{padding-bottom:1.6rem}.otb__bar-top{display:flex;align-items:center;gap:1.2rem;margin-bottom:.8rem}.otb__clear{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:1.25rem;text-decoration:underline;text-underline-offset:.3rem;color:rgba(var(--color-foreground),.65)}.otb__clear:hover{color:rgb(var(--color-foreground))}.otb__clear[hidden]{display:none}@media screen and (max-width:989px){.otb__slots{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.otb__slot{flex:0 0 14rem}.otb__bar-inner{padding:1.1rem 1.5rem;gap:.9rem}.otb__cta{justify-content:space-between;width:100%}.otb__submit{min-width:0;flex:1}.otb__price-now{font-size:1.8rem}}@media screen and (max-width:749px){.otb__sizes{grid-template-columns:1fr;max-width:40rem}.otb__size{padding:1.6rem 1.6rem 1.4rem}.otb__size-main{font-size:1.7rem}.otb__size-price strong{font-size:2.2rem}.otb__chip{padding:.9rem 1.3rem}.otb__grid{gap:.9rem}.otb__name{font-size:1.3rem}.otb__step-label{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.otb__step2{animation:none}.otb__pick,.otb__size,.otb__badge,.otb__size-tick,.otb__chip{transition:none}}.otb__form{display:flex;flex-direction:column;gap:.6rem}.otb__error{font-size:1.3rem;color:rgb(var(--color-foreground))}.otb__error[hidden]{display:none}.otb__submit.loading .loading__spinner{display:block}
/*# sourceMappingURL=/cdn/shop/t/10/assets/obtino-tester-box.css.map */