.square-variant{display:block}.square-variant p{font-size:14px;font-weight:700;margin:0}.square-variant .variant-item{height:40px;border:1px solid #dedede;position:relative;background-color:#fff;margin:10px 5px;width:40px;display:inline-block}.square-variant .variant-item.active{border:1px solid #adadad}.square-variant .variant-item:focus{border:1px solid #adadad!important}.square-variant .variant-item:first-child{margin-left:0}.square-variant .variant-item:last-child{margin-right:0}.square-variant .variant-item a{height:100%;font-size:15px;border:1px solid #dedede;text-decoration:none;color:#000;-webkit-transition:all .2s linear;transition:all .2s linear;text-align:center;width:100%;line-height:40px;display:block}.square-variant .variant-item a:hover{border:1px solid #000;-webkit-transition:all .2s linear;transition:all .2s linear}.square-variant .variant-item.colored{border:none;color:transparent;background:#06f}.square-variant .variant-item.colored.active{border:1px solid #fff}.square-variant .error{padding:0 6px;font-size:21px;color:#fff;position:absolute;background-color:#a4001b;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;margin-left:-2px;line-height:30px;display:none}