.shape-switcher{margin-bottom:2rem}.shape-switcher .form__label{display:block;margin-bottom:1rem}.shape-switcher__options{display:flex;flex-wrap:wrap;gap:.8rem}.shape-switcher__btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:7.2rem;padding:1rem .6rem .8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 4px);background:transparent;color:rgba(var(--color-foreground),.75);font-family:var(--font-body-family);font-size:1.1rem;font-style:var(--font-body-style);letter-spacing:.03rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;white-space:nowrap;position:relative;-webkit-tap-highlight-color:transparent}.shape-switcher__btn:hover:not(.shape-switcher__btn--active):not(.shape-switcher__btn--loading){border-color:rgba(var(--color-foreground),.7);color:rgba(var(--color-foreground),1)}.shape-switcher__btn--active{border-color:rgba(var(--color-foreground),1);border-width:.2rem;color:rgba(var(--color-foreground),1);cursor:default;font-weight:600}.shape-switcher__icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem}.shape-switcher__icon img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .15s ease}.shape-switcher__btn:not(.shape-switcher__btn--active) .shape-switcher__icon img{opacity:.55}.shape-switcher__btn:hover .shape-switcher__icon img,.shape-switcher__btn--active .shape-switcher__icon img{opacity:1}.shape-switcher__label{display:none;text-align:center;line-height:1.2;word-break:break-word;white-space:normal;max-width:6rem}.shape-switcher__btn--loading{opacity:.45;cursor:wait;pointer-events:none}.shape-switcher__btn--loading .shape-switcher__icon:after{content:"";position:absolute;top:50%;left:50%;width:1.4rem;height:1.4rem;margin:-.7rem 0 0 -.7rem;border:.15rem solid rgba(var(--color-foreground),.4);border-top-color:rgba(var(--color-foreground),1);border-radius:50%;animation:shape-btn-spin .5s linear infinite}@keyframes shape-btn-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.shape-switcher__options{flex-wrap:wrap;gap:.6rem}.shape-switcher__btn{width:5.6rem;padding:.8rem .4rem .6rem}.shape-switcher__icon{width:3.2rem;height:3.2rem}.shape-switcher__label{font-size:1rem;max-width:5.2rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shape-switcher.css.map */