| Current Path : /var/www/homesaver/www/bitrix/js/landing/ui/field/radiobuttonfield/dist/ |
| Current File : /var/www/homesaver/www/bitrix/js/landing/ui/field/radiobuttonfield/dist/radiobuttonfield.bundle.css |
.landing-ui-field-radio-button {
}
.landing-ui-field-radio-button .landing-ui-field-header {
margin-bottom: 32px;
}
.landing-ui-field-radio-button-layout {
padding-bottom: 16px;
}
.landing-ui-field-radio-button-item {
position: relative;
display: inline-block;
width: 120px;
margin: 5px;
vertical-align: top;
cursor: pointer;
}
.landing-ui-field-radio-button-item-icon {
display: block;
position: relative;
margin: 0 auto 10px;
width: 74px;
height: 80px;
border-radius: 4px;
background-color: #fff;
background: no-repeat center;
border: 1px solid rgba(82, 92, 105, .42);
-webkit-transition: background 200ms ease;
-o-transition: background 200ms ease;
transition: background 200ms ease;
}
.landing-ui-field-radio-button-item:hover .landing-ui-field-radio-button-item-text {
color: #2067b0;
border-color: #2067b0;
}
.landing-ui-field-radio-button-item-text {
font: 14px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
display: block;
text-align: center;
-webkit-transition: 200ms ease all;
-o-transition: 200ms ease all;
transition: 200ms ease all;
}
.landing-ui-field-radio-button-item-text span {
color: #2066b0;
border-bottom: 1px dashed rgba(82, 92, 105, 0.4);
}
.landing-ui-field-radio-button-item-active .landing-ui-field-radio-button-item-icon {
border: 2px solid #9dcf00;
}
.landing-ui-field-radio-button-item-active .landing-ui-field-radio-button-item-icon::before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-35%25' y='-25%25' width='170%25' height='170%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='2' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.11404611 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Crect id='b' x='0' y='0' width='20' height='20' rx='10'/%3E%3C/defs%3E%3Cg transform='translate(3 1)' fill='none' fill-rule='evenodd'%3E%3Crect fill='%23FFF' x='5' y='5' width='14' height='13' rx='6'/%3E%3Cg transform='translate(1 1)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%239DCF00' xlink:href='%23b'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M9.627 12.81L15.402 7 17 8.607 9.652 16l-.025-.025-.025.025L5 11.373l1.598-1.607z'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
position: absolute;
content: '';
bottom: 14px;
top: -12px;
right: -13px;
width: 28px;
height: 28px;
}
.landing-ui-field-radio-button-item-soon-label {
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
background: #3BC6F3;
border-radius: 11px;
font-size: 9px;
color: #FFFFFF;
letter-spacing: 0.17px;
line-height: 21px;
padding-left: 7px;
padding-right: 7px;
position: absolute;
top: -12px;
right: 2px;
}
.landing-ui-field-radio-button-item.landing-ui-disabled {
opacity: 1;
}
.landing-ui-field-radio-button-item.landing-ui-disabled .landing-ui-field-radio-button-item-icon,
.landing-ui-field-radio-button-item.landing-ui-disabled .landing-ui-field-radio-button-item-text,
.landing-ui-field-radio-button-item.landing-ui-disabled .ui-btn {
opacity: .5;
}