2 lines
3.2 KiB
CSS
2 lines
3.2 KiB
CSS
.number-control[data-v-56ecb995]{display:flex;align-items:center;flex-wrap:wrap}.number-control .minus[data-v-56ecb995],.number-control .plus[data-v-56ecb995]{width:35px;height:35px;border:2px solid var(--domains-business-ssl-buy-bg-border);border-radius:8px;position:relative;cursor:pointer}.number-control .minus.is-disable[data-v-56ecb995],.number-control .plus.is-disable[data-v-56ecb995]{background:var(--domains-business-ssl-count-disable);border-color:var(--domains-lets-ssl-upload-border);cursor:not-allowed}.number-control .minus[data-v-56ecb995]:before,.number-control .minus[data-v-56ecb995]:after,.number-control .plus[data-v-56ecb995]:before,.number-control .plus[data-v-56ecb995]:after{content:"";position:absolute;background:#555}.number-control .minus[data-v-56ecb995]:hover,.number-control .plus[data-v-56ecb995]:hover{--un-bg-opacity:1;background-color:rgb(32 165 58 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.number-control .minus[data-v-56ecb995]:hover:before,.number-control .minus[data-v-56ecb995]:hover:after,.number-control .plus[data-v-56ecb995]:hover:before,.number-control .plus[data-v-56ecb995]:hover:after{background:#fff}.number-control .minus[data-v-56ecb995]:before{width:14px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.number-control .plus[data-v-56ecb995]:before{width:14px;height:2px}.number-control .plus[data-v-56ecb995]:after{width:2px;height:14px}.number-control .plus[data-v-56ecb995]:before,.number-control .plus[data-v-56ecb995]:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.number-control .number-input[data-v-56ecb995]{background:var(--domains-business-ssl-buy-bg);margin-left:2px;margin-right:2px;width:50px;height:35px;text-align:center;--un-text-opacity:1;color:rgb(32 165 58 / var(--un-text-opacity));border:2px solid #20a53a;border-radius:8px}.total-price[data-v-a0b5b610]{height:110px;align-items:center;padding-left:20px;padding-right:20px;box-shadow:0 0 10px rgba(184,184,184,.25)}.option-item[data-v-9bf6398d]{position:relative;cursor:pointer;padding-left:20px;padding-right:20px;text-align:center;line-height:32px;border:2px solid var(--domains-business-ssl-buy-bg-border);border-radius:8px}.option-item.is-active[data-v-9bf6398d]{background:var(--domains-business-ssl-buy-bg);border-width:2px;--un-border-opacity:1;border-color:rgb(32 165 58 / var(--un-border-opacity))}.option-item.is-active[data-v-9bf6398d]:after{content:"";position:absolute;right:-2px;bottom:-1px;border-left:25px solid transparent;border-bottom:25px solid #20a53a;border-radius:8px}.option-item.is-active[data-v-9bf6398d]:before{content:"";position:absolute;right:0;bottom:5px;width:12px;height:6px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);z-index:1}.option-item .item-title[data-v-9bf6398d]{margin:0 10px;font-weight:700;border-bottom:1px solid var(--domains-business-ssl-buy-bg-border)}.option-item .item-tag[data-v-9bf6398d]{position:absolute;right:-2px;top:-10px;--un-bg-opacity:1;background-color:rgb(255 96 0 / var(--un-bg-opacity));padding:2px 6px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));line-height:15px;border-radius:0 9px}.n-alert[data-v-9bf6398d]{--n-content-text-color: #db2828;--n-icon-color: #db2828;--n-color: #fbeaea}
|