@charset "utf-8";

.b24-form-click-btn-wrapper a, .b24-form-click-btn-wrapper button { cursor: pointer; }

.b24-form-click-btn-wrapper button { border-radius: 2px; margin: 0px; min-width: 80px; height: 39px; font-size: 15px; line-height: 20px; vertical-align: baseline; padding: 0px 19px; -webkit-box-align: center; align-items: center; border: 0px; }

.b24-form-click-btn-wrapper.--b24-mod-outlined > button { border: 1px solid rgb(59, 200, 245); }

.b24-form-click-btn-wrapper.--b24-mod-rounded > button { border-radius: 19.5px; }

.b24-form-click-btn-wrapper.--b24-mod-center > button { display: block; margin: 0px auto; }

.b24-form-click-btn-wrapper.--b24-mod-left > button { display: block; margin-right: auto; margin-left: 0px; }

.b24-form-click-btn-wrapper.--b24-mod-right > button { display: block; margin-left: auto; margin-right: 0px; }

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-inline { display: inline; }

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-center { text-align: center; }

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-left { text-align: left; }

.b24-form-click-btn-wrapper.--b24-mod-plain.--b24-mod-right { text-align: right; }

.b24-form-click-btn-wrapper.--b24-mod-dotted > a { border-bottom: 1px dotted; }

.b24-form-click-btn-wrapper.--b24-mod-solid > a { border-bottom: 1px solid; }

button.b24-form-click-btn-font-elegant { font-family: Georgia, "Helvetica Neue", Arial, Helvetica, sans-serif; font-style: italic; font-weight: 400; }

button.b24-form-click-btn-font-classic { font-family: Georgia, "Helvetica Neue", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; }

button.b24-form-click-btn-font-modern { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; }

a.b24-form-click-btn-font-elegant { font-style: italic; }

a.b24-form-click-btn-font-classic { font-style: normal; }

a.b24-form-click-btn-font-modern { font-family: "Open Sans", Helvetica, Arial, sans-serif; }

.b24-form { --b24-primary-color: #0f58d0; --b24-primary-text-color: #fff; --b24-primary-hover-color: var(--b24-primary-color); --b24-text-color: #000; --b24-background-color: #fff; --b24-field-border-color: rgba(0,0,0,.1); --b24-field-background-color: rgba(0,0,0,.08); --b24-field-focus-background-color: #fff; --b24-popup-background-color: #fff; --b24-font-family-default: "Helvetica Neue",Helvetica,Arial,sans-serif; --b24-font-family: var(--b24-font-family-default); }

.b24-form-dark { --b24-primary-color: #0f58d0; --b24-primary-text-color: #fff; --b24-primary-hover-color: var(--b24-primary-color); --b24-text-color: #fff; --b24-background-color: #282d30; --b24-field-border-color: hsla(0,0%,100%,.1); --b24-field-background-color: hsla(0,0%,100%,.08); --b24-field-focus-background-color: rgba(0,0,0,.17); --b24-popup-background-color: #282d30; --b24-font-family-default: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; --b24-font-family: var(--b24-font-family-default); }

@media (prefers-color-scheme: dark) {
  .b24-form-dark-auto { --b24-primary-color: #0f58d0; --b24-primary-text-color: #fff; --b24-primary-hover-color: var(--b24-primary-color); --b24-text-color: #fff; --b24-background-color: #282d30; --b24-field-border-color: hsla(0,0%,100%,.1); --b24-field-background-color: hsla(0,0%,100%,.08); --b24-field-focus-background-color: rgba(0,0,0,.17); --b24-font-family-default: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; --b24-font-family: var(--b24-font-family-default); }
}

.b24-form-progress-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; margin-bottom: 15px; }

.b24-form-progress-bar-container { position: relative; }

.b24-form-progress { transform: rotate(-90deg); }

.b24-form-progress-track { stroke: var(--b24-field-border-color); stroke-dashoffset: 0; stroke-dasharray: 0; fill: transparent; }

.b24-form-progress-bar { fill: transparent; stroke: var(--b24-primary-color); transition: 0.12s linear; }

.b24-form-progress-bar-counter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font: 13px/18px var(--b24-font-family); text-align: center; color: var(--b24-text-color); white-space: nowrap; }

.b24-form-progress-bar-title { padding-left: 11px; vertical-align: middle; font: 600 18px/24px var(--b24-font-family); color: var(--b24-text-color); }

.b24-form-basket { border: 1px solid var(--b24-primary-color); border-radius: 6px; font: 14px/16px var(--b24-font-family); color: var(--b24-text-color); text-align: right; }

.b24-form-basket table, .b24-form-basket-label { width: 100%; }

.b24-form-basket-value { padding: 2px 5px; white-space: nowrap; }

.b24-form-basket-discount { color: var(--b24-primary-color); }

.b24-form-basket-discount .b24-form-basket-value { text-decoration: line-through; }

.b24-form-basket-pay, .b24-form-basket-sum { color: var(--b24-text-color); }

.b24-form-basket-pay .b24-form-basket-value { font-weight: 700; }

.b24-form { font-family: var(--b24-font-family); line-height: normal; }

.b24-form * { box-sizing: border-box; outline: none; }

.b24-form a, .b24-form a:not([href]), .b24-form a:not([href]):not([tabindex]) { color: var(--b24-text-color); text-decoration: underline; cursor: pointer; }

.b24-form-wrapper { position: relative; display: block; background-color: var(--b24-background-color); min-height: 250px; max-width: 700px; margin: 0px auto; transition: min-height 0.18s; word-break: break-word; border-radius: var(--ui-border-radius-md); }

.b24-form-wrapper.b24-from-state-on { min-height: 390px; }

.b24-form-wrapper.b24-form-shadow { box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 18px 0px; }

.b24-form-wrapper.b24-form-border-top { border-top: 5px solid var(--b24-primary-color); }

.b24-form-wrapper.b24-form-border-right { border-right: 5px solid var(--b24-primary-color); }

.b24-form-wrapper.b24-form-border-bottom { border-bottom: 5px solid var(--b24-primary-color); }

.b24-form-wrapper.b24-form-border-left { border-left: 5px solid var(--b24-primary-color); }

.b24-form-header { padding: 15px 31px 5px; border-bottom: 1px solid rgba(82, 92, 105, 0.11); text-align: center; }

.b24-form-header-padding { padding: 10px; }

.b24-dark .b24-form-header { border-bottom: 1px solid rgba(255, 255, 255, 0.31); }

.b24-form-header-title { letter-spacing: 0.6px; margin-bottom: 9px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; font-weight: var(--ui-font-weight-bold); margin-top: 0px; }

.b24-form-header-description, .b24-form-header-title { color: var(--b24-text-color); word-break: break-word; }

.b24-form-header-description { margin: 0px 0px 15px; font: 15px/17px var(--b24-font-family); opacity: 0.8; }

.b24-form-content { padding: 14px 31px; }

.b24-form-sign { text-align: right; margin: -10px 0px 0px; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; padding: 10px 31px; }

.b24-form-sign-info { margin-left: auto; }

.b24-form .b24-form-sign-abuse-link { transition: 0.2s; font: 12px var(--b24-font-family); opacity: 0.4; text-decoration: none; border-bottom: 1px solid var(--b24-text-color); }

.b24-form .b24-form-sign-abuse { display: inline-flex; -webkit-box-align: center; align-items: center; }

.b24-form-sign-abuse-popup { padding: 12px; text-align: start; }

.b24-form .b24-window-scrollable:has(.b24-form-sign-abuse-popup) { padding-bottom: 0px; }

.b24-form .b24-form-sign-abuse-link:hover { opacity: 0.7; }

.b24-form .b24-form-sign-abuse-link:focus { color: var(--b24-text-color) !important; }

.b24-form .b24-form-sign-abuse-help { display: inline-block; margin-right: auto; margin-left: 5px; width: 20px; height: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-9.007 2.629v1.807h1.842v-1.807zm-.164-3.872H9.104q.012-.634.217-1.161.205-.528.575-.915a2.6 2.6 0 0 1 .891-.605 3 3 0 0 1 1.168-.217q.833 0 1.39.229.558.229.898.57a2.1 2.1 0 0 1 .634 1.467q0 .561-.147.926a2.3 2.3 0 0 1-.845 1.062q-.264.18-.499.363-.234.181-.416.417a1.2 1.2 0 0 0-.229.586v.446h-1.584v-.528q.035-.504.194-.845.157-.34.37-.58.21-.24.445-.417a7 7 0 0 0 .434-.352q.199-.176.323-.387a.96.96 0 0 0 .111-.528q0-.54-.264-.798t-.733-.258a1.14 1.14 0 0 0-.546.123 1.1 1.1 0 0 0-.375.329q-.147.206-.217.48-.07.277-.07.593' clip-rule='evenodd'/%3E%3C/svg%3E") 50% center / 100% no-repeat; cursor: pointer; opacity: 0.35; transition: 0.2s; }

.b24-form .b24-form-sign-abuse-help:hover { opacity: 0.45; transition: none; }

.b24-form-sign-abuse-info { font: 12px var(--b24-font-family); color: var(--b24-text-color); opacity: 0.4; }

.b24-form-sign-info + .b24-form-sign-abuse-info { width: 100%; text-align: left; margin-top: 10px; }

.b24-form-sign-text { margin: 0px 0px 0px -2px; font: 12px var(--b24-font-family); color: rgb(178, 182, 189); }

.b24-form-sign-bx { margin: 0px -2px 0px 0px; font: 600 14px "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(47, 199, 247); }

.b24-form-sign-24 { font: 600 15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(33, 95, 152); }

.b24-form-recaptcha, .b24-form-yandex-captcha { display: flex; -webkit-box-pack: end; justify-content: flex-end; margin: 0px 31px 20px 0px; }

.b24-form-content form { margin: 0px; }

.b24-form-padding-side { padding-left: 31px; padding-right: 31px; }

@media (max-width: 530px) {
  .b24-form-header-title { font-size: 18px; line-height: 18px; }
  .b24-form-padding-side { padding-left: 18px; padding-right: 18px; }
}

.b24-form-compact .b24-form-header-title { font-size: 17px; line-height: 15px; }

.b24-form-compact .b24-form-padding-side { padding-left: 10px; padding-right: 10px; }

.b24-form-state-container .b24-form-loader, .b24-form-state-container .b24-form-state, .b24-from-state-on .b24-form-state-container { position: absolute; inset: 0px; background-color: rgb(255, 255, 255); border-radius: var(--ui-border-radius-md); }

.b24-form-state-container .b24-form-loader, .b24-form-state-container .b24-form-state { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; z-index: 15; }

.b24-form-wrapper.b24-form-border-top .b24-form-state-container .b24-form-loader, .b24-form-wrapper.b24-form-border-top .b24-form-state-container .b24-form-state { top: -5px; }

.b24-form-wrapper.b24-form-border-right .b24-form-state-container .b24-form-loader, .b24-form-wrapper.b24-form-border-right .b24-form-state-container .b24-form-state { right: -5px; }

.b24-form-wrapper.b24-form-border-bottom .b24-form-state-container .b24-form-loader, .b24-form-wrapper.b24-form-border-bottom .b24-form-state-container .b24-form-state { bottom: -5px; }

.b24-form-wrapper.b24-form-border-left .b24-form-state-container .b24-form-loader, .b24-form-wrapper.b24-form-border-left .b24-form-state-container .b24-form-state { left: -5px; }

div.b24-form-loader { background-color: var(--b24-background-color); padding-bottom: 20px; }

.b24-form-loader-icon { position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 263px; height: 174px; }

.b24-form-loader-icon .bx-sun-lines-animate { transform-origin: 79px 79px; animation: 25s linear 0s infinite normal none running bxSunCover; fill: var(--b24-primary-color); }

@-webkit-keyframes bxSunCover { 
  100% { transform: rotate(1turn); }
}

@keyframes bxSunCover { 
  100% { transform: rotate(1turn); }
}

.b24-form-loader-icon .b24-form-loader-icon-sun-ring { stroke: var(--b24-primary-color); }

.b24-form-loader-icon svg g > path { fill: var(--b24-field-background-color); stroke: var(--b24-field-background-color); }

.b24-form-state-container .b24-form-success { background-color: rgb(160, 190, 71); }

.b24-form-state-inner { position: absolute; top: 50%; max-width: 330px; text-align: center; transform: translateY(-50%); }

.b24-form-success-icon { display: inline-block; margin: 0px 0px 26px; width: 169px; height: 169px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20fill%3D%22%23A0BE47%22%20d%3D%22M76.853%20107L57%2087.651l6.949-6.771%2012.904%2012.576L106.051%2065%20113%2071.772z%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }

.b24-form-state-text { font: 20px/30px var(--b24-font-family); }

.b24-form-success .b24-form-state-text { display: block; margin: 0px 0px 27px; color: rgb(0, 0, 0); text-align: center; opacity: 0.8; }

.b24-form-success .b24-form-state-text p { margin: 0px; }

.b24-form-state-container .b24-form-error { background-color: rgb(242, 88, 48); }

.b24-form-error-icon { display: inline-block; margin: 0px 0px 30px; width: 169px; height: 169px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20d%3D%22M91.638%2084.567l14.496%2014.495-7.072%207.072-14.495-14.496-14.496%2014.496L63%2099.062l14.496-14.495L63%2070.07%2070.071%2063l14.496%2014.496L99.062%2063l7.072%207.071-14.496%2014.496z%22%20fill%3D%22%23F25830%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }

.b24-form-error .b24-form-state-text { display: block; margin: 0px 0px 30px; color: rgb(255, 255, 255); }

.b24-form-state-container .b24-form-error .b24-form-btn { margin: 0px 0px 15px; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }

.b24-form-state-container .b24-form-warning { background-color: rgb(255, 255, 255); }

.b24-form-warning-icon { display: inline-block; margin: 0px 0px 28px; width: 169px; height: 169px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%20169%20169%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3Ccircle%20id%3D%22a%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2265.5%22/%3E%3Cfilter%20x%3D%22-.8%25%22%20y%3D%22-.8%25%22%20width%3D%22101.5%25%22%20height%3D%22101.5%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22b%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner1%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-1%22%20in%3D%22shadowBlurInner1%22%20result%3D%22shadowOffsetInner1%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner1%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0886691434%200%22%20in%3D%22shadowInnerInner1%22%20result%3D%22shadowMatrixInner1%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowBlurInner2%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22shadowBlurInner2%22%20result%3D%22shadowOffsetInner2%22/%3E%3CfeComposite%20in%3D%22shadowOffsetInner2%22%20in2%3D%22SourceAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22%20result%3D%22shadowInnerInner2%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.292285839%200%22%20in%3D%22shadowInnerInner2%22%20result%3D%22shadowMatrixInner2%22/%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner1%22/%3E%3CfeMergeNode%20in%3D%22shadowMatrixInner2%22/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke-opacity%3D%22.05%22%20stroke%3D%22%23000%22%20fill-opacity%3D%22.07%22%20fill%3D%22%23000%22%20cx%3D%2284.5%22%20cy%3D%2284.5%22%20r%3D%2284%22/%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23b%29%22%20xlink%3Ahref%3D%22%23a%22/%3E%3Cpath%20d%3D%22M114.29%2099.648L89.214%2058.376c-1.932-3.168-6.536-3.168-8.427%200L55.709%2099.648c-1.974%203.25.41%207.352%204.234%207.352h50.155c3.782%200%206.166-4.103%204.193-7.352zM81.404%2072.756c0-1.828%201.48-3.29%203.33-3.29h.452c1.85%200%203.33%201.462%203.33%203.29v12.309c0%201.827-1.48%203.29-3.33%203.29h-.453c-1.85%200-3.33-1.463-3.33-3.29V72.756zm7.77%2023.886c0%202.274-1.892%204.143-4.194%204.143s-4.193-1.869-4.193-4.143c0-2.275%201.891-4.144%204.193-4.144%202.302%200%204.193%201.869%204.193%204.144z%22%20fill%3D%22%23000%22%20opacity%3D%22.4%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; }

.b24-form-warning .b24-form-state-text { margin: 0px 0px 35px; color: rgb(51, 51, 51); opacity: 0.8; }

.b24-form-state--sticky .b24-form-success-inner, .b24-form-state--stiky .b24-form-error-inner { position: sticky; }

.b24-form-inner-box { width: 100%; -webkit-box-flex: 1; flex: 1 1 0%; }

@media (max-width: 530px) {
  .b24-form-state-text { font-size: 16px; line-height: 18px; }
}

.b24-form-btn-container { display: flex; -webkit-box-align: center; align-items: center; position: relative; margin: 0px -5px; }

.b24-form-btn-block { padding: 5px; -webkit-box-flex: 1; flex: 1 1 0%; }

.b24-form-btn { position: relative; display: inline-block; padding: 15px 20px; margin: 0px; min-height: 52px; width: 100%; border: none; border-radius: 4px; background-color: var(--b24-primary-color); font: 600 15px/22px var(--b24-font-family); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.09) -1px -1px 1px; outline: none; cursor: pointer; color: var(--b24-primary-text-color); transition: 0.2s; }

.b24-form-btn:hover { background-color: var(--b24-primary-hover-color); }

.b24-form-btn-border { border: 1px solid rgba(0, 0, 0, 0.5); color: rgba(51, 51, 51, 0.8); }

.b24-form-btn.b24-form-btn-white { background-color: var(--b24-background-color); }

.b24-form-btn.b24-form-btn-border, .b24-form-btn.b24-form-btn-white { color: var(--b24-text-color); box-shadow: none; }

.b24-form-btn.b24-form-btn-border { background-color: transparent; }

.b24-form-btn.b24-form-btn-tight { width: auto; }

.b24-form-btn:focus-visible { outline: 2px solid var(--b24-primary-color,#2fc7f7); outline-offset: 2px; }

.b24-form-loader-progress-wrapper { width: 100%; height: 100%; }

.b24-form-loader-progress { position: absolute; display: flex; width: 80px; top: 50%; left: 50%; transform: translateX(-50%); }

.b24-form-loader-progress-value { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-align: center; align-items: center; margin: 0px auto; color: var(--b24-primary-color); font-weight: bolder; font-size: 30px; transform: translateY(-50%); }

.b24-form-loader-progress-value::after { content: "%"; font-size: 20px; }

.b24-form-loader-progress-time-left { position: absolute; display: flex; top: 75%; left: 50%; transform: translateX(-50%); }

.b24-form-loader-progress-time-left-value { margin: 0px auto; color: rgb(211, 211, 211); font-weight: 700; }

.b24-form-field { margin-bottom: 15px; transition: margin-bottom 0.2s linear; }

.b24-form-control-container { display: block; position: relative; width: 100%; margin-bottom: 5px; transition: 0.2s; }

.b24-form-control-desc { font: 16px var(--b24-font-family); color: var(--b24-text-color); }

.b24-form-control { color: rgb(0, 0, 0); outline: none; transition: 0.2s; }

.b24-form-field input[type="checkbox"]:focus-visible, .b24-form-field input[type="radio"]:focus-visible, .b24-form-field-bool input[type="checkbox"]:focus-visible { outline: 1px solid var(--b24-primary-color,#2fc7f7); outline-offset: 2px; }

.b24-form-control-comment { display: flex; align-self: flex-end; -webkit-box-flex: 0; flex: 0 0 100%; word-break: break-word; color: var(--b24-text-color); font: 13px var(--b24-font-family); }

.b24-form-control:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.33); }

.b24-form-control-list .b24-form-control, .b24-form-control-select .field-item, .b24-form-control-string .b24-form-control, .b24-form-control-text .b24-form-control { border-radius: 4px; height: 52px; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid var(--b24-field-border-color); background-color: var(--b24-field-background-color); color: var(--b24-text-color); width: 100%; padding: 17px 10px 0px; font: 16px var(--b24-font-family); letter-spacing: -0.3px; }

.b24-form-style-modern .b24-form-control-list .b24-form-control, .b24-form-style-modern .b24-form-control-select .field-item, .b24-form-style-modern .b24-form-control-string .b24-form-control, .b24-form-style-modern .b24-form-control-text .b24-form-control { border-bottom-width: 2px; border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0px !important; background: transparent !important; }

.b24-form-control-text .b24-form-control { height: 104px; min-height: 52px; padding-top: 23px; max-width: 100%; min-width: 100%; resize: vertical; }

.b24-form-control-list .b24-form-control:focus:not([readonly]), .b24-form-control-select .field-item:focus:not([readonly]), .b24-form-control-string .b24-form-control:focus:not([readonly]), .b24-form-control-text .b24-form-control:focus:not([readonly]) { background-color: var(--b24-field-focus-background-color); border-color: var(--b24-primary-color); }

.b24-form-field-date .b24-form-control:focus-visible { border-color: var(--b24-primary-color); }

.b24-form-control-list .b24-form-control:-webkit-autofill, .b24-form-control-select .field-item:-webkit-autofill, .b24-form-control-string .b24-form-control:-webkit-autofill, .b24-form-control-text .b24-form-control:-webkit-autofill { box-shadow: inset 0 0 0 50px var(--b24-field-background-color); -webkit-text-fill-color: var(--b24-text-color); color: var(--b24-text-color); }

input.b24-form-control:-webkit-autofill { background-clip: text; transition: background-color 5000s ease-in-out 0.1ms; box-shadow: 0 0 0 60px var(--b24-field-background-color) inset !important; }

input.b24-form-control:-webkit-autofill:focus { box-shadow: 0 0 0 60px var(--b24-field-focus-background-color) inset; }

.b24-form-control-select .field-item { position: relative; height: auto; min-height: 52px; padding: 20px 0px 0px; }

.b24-form-control-select select { padding: 0px; max-height: 104px; border: none; background: none; width: 100%; font: 16px var(--b24-font-family); letter-spacing: -0.3px; color: var(--b24-text-color); }

.b24-form-control-select select option { padding: 2px 10px; }

.b24-form-control-check, .b24-form-control-product, .b24-form-control-radio { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.b24-form-control-check .b24-form-control, .b24-form-control-product .b24-form-control, .b24-form-control-radio .b24-form-control { margin: 2px 9px 0px 0px; }

.b24-form-control-checkbox, .b24-form-control-product, .b24-form-control-radio { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.07); width: 100%; padding: 9px 10px; font: 14px var(--b24-font-family); letter-spacing: -0.3px; }

.b24-form-control-checkbox .b24-form-control-label, .b24-form-control-product .b24-form-control-label, .b24-form-control-radio .b24-form-control-label { display: block; font-size: 13px; }

.b24-form-control-checkbox .b24-form-control, .b24-form-control-product .b24-form-control, .b24-form-control-radio .b24-form-control { margin: 2px 9px 0px 0px; display: inline-flex; background-color: var(--b24-field-background-color); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; min-height: 52px; padding: 0px 10px; -webkit-box-align: center; align-items: center; position: relative; }

.b24-form-control-checkbox .b24-form-control:focus-visible, .b24-form-control-radio .b24-form-control:focus-visible { outline: 1px solid var(--b24-primary-color); outline-offset: 2px; }

.b24-form-control-checkbox .b24-form-control.b24-form-control-checked, .b24-form-control-radio .b24-form-control.b24-form-control-checked { border-color: rgb(0, 0, 0); background-color: var(--b24-primary-color); }

.b24-form-control-checkbox .b24-form-control input, .b24-form-control-product .b24-form-control input, .b24-form-control-radio .b24-form-control input { margin-right: 5px; }

.b24-form-control-checkbox .b24-form-control-desc, .b24-form-control-product .b24-form-control-desc, .b24-form-control-radio .b24-form-control-desc { font-size: 15px; color: var(--b24-text-color); }

.b24-form-control-checked .b24-form-control-desc { color: var(--b24-primary-text-color); }

.b24-form-control-product > div { width: 100%; }

.b24-form-control-product .b24-form-control-container, .b24-form-control-product > div { display: flex; flex-wrap: wrap; }

.b24-form-control-product .b24-form-control-container { -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex-grow: 1; padding-top: 24px; }

.b24-form-control-product .b24-form-control { margin-right: 0px; margin-top: -1px; margin-left: -1px; border-radius: 0px; box-sizing: border-box; -webkit-box-flex: 1; flex: 1 1 0%; background-color: rgb(255, 255, 255); position: relative; text-align: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.b24-form-control-product .b24-form-control-label { position: absolute; top: 0px; }

.b24-form-control-product .b24-form-control.b24-form-control-checked { border-color: var(--b24-primary-color); box-shadow: inset 0 0 0 1px var(--b24-primary-color); background-color: rgb(255, 255, 255); z-index: 1; }

.b24-form-control-product-custom-price { padding: 0px; }

.b24-form-control-product .b24-form-control-desc { white-space: nowrap; display: inline-block; padding: 0px 3px; }

.b24-form-control-product .b24-form-control-checked .b24-form-control-desc { color: var(--b24-text-color); }

.b24-form-control-product .b24-form-control-input-check { display: none; }

.b24-form-control-product-custom-price .b24-form-control-input-text { padding: 0px 5px; }

.b24-form-control-product .b24-form-control-input-text { border: none; font: 15px var(--b24-font-family); color: var(--b24-text-color); width: 100%; min-width: 118px; align-self: stretch; background: transparent; outline: none !important; }

.b24-form-control-group { margin-bottom: 15px; }

.b24-form-control-group .b24-form-control-container { margin-bottom: 5px; }

.b24-form-control-required { color: red; }

.b24-form-control-label, .b24-form-control-select-label { transition: 0.18s linear; font: 15px/17px var(--b24-font-family); opacity: 0.5; color: var(--b24-text-color); }

.b24-form-control-list .b24-form-control-label, .b24-form-control-string .b24-form-control-label, .b24-form-control-text .b24-form-control-label { padding-left: 11px; left: 0px; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.b24-form-control-check .b24-form-control-label, .b24-form-control-radio .b24-form-control-label { color: var(--b24-text-color); opacity: 1; white-space: normal; }

.b24-form-control-text .b24-form-control-label { top: 15px; transform: translateY(0px); }

.b24-form-control-not-empty + .b24-form-control-label, .b24-form-control-select-label, .b24-form-control:focus + .b24-form-control-label { top: 8px; transform: translateY(0px); font-size: 13px; }

.b24-form-control-select-label { position: absolute; top: 3px; left: 10px; }

.b24-form-control-alert { margin-bottom: 24px !important; }

.b24-form-control-alert.b24-form-control-checkbox, .b24-form-control-alert.b24-form-control-file, .b24-form-control-alert.b24-form-control-list .b24-form-control, .b24-form-control-alert.b24-form-control-radiobox, .b24-form-control-alert.b24-form-control-string .b24-form-control, .b24-form-control-alert.b24-form-control-text .b24-form-control { background-color: rgba(242, 88, 48, 0.08); border-color: rgba(242, 88, 48, 0.25); }

.b24-form-control-alert-message { display: none; position: absolute; left: 12px; background: rgb(242, 88, 48); z-index: 10; border-radius: 0px 2px 2px; padding: 2px 4px 2px 22px; font: 13px var(--b24-font-family); color: rgb(255, 255, 255); }

.b24-form-control-alert .b24-form-control-alert-message { display: block; animation-duration: 0.2s; animation-name: b24ShowFieldMessage; animation-fill-mode: forwards; animation-timing-function: ease; max-width: 90%; }

@-webkit-keyframes b24ShowFieldMessage { 
  0% { opacity: 0; margin-top: -20px; display: block; }
  100% { opacity: 1; margin-top: 0px; display: block; }
}

@keyframes b24ShowFieldMessage { 
  0% { opacity: 0; margin-top: -20px; display: block; }
  100% { opacity: 1; margin-top: 0px; display: block; }
}

.b24-form-control-alert-message::after { height: 6px; width: 6px; border-color: transparent transparent rgb(242, 88, 48) rgb(242, 88, 48); border-style: solid; border-width: 3px; left: 0px; bottom: 100%; }

.b24-form-control-alert-message::after, .b24-form-control-alert-message::before { content: ""; display: block; box-sizing: border-box; position: absolute; }

.b24-form-control-alert-message::before { left: 3px; top: 3px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTcuMDE2IDEyLjkxMi02Ljg4LTExLjQ1OGMtLjUzLS44OC0xLjc5My0uODgtMi4zMTEgMEwuOTQ1IDEyLjkxMmMtLjU0LjkwMi4xMTMgMi4wNDEgMS4xNjIgMi4wNDFoMTMuNzU4YTEuMzQ3IDEuMzQ3IDAgMCAwIDEuMTUtMi4wNDF6TTcuOTk0IDUuNDQ2YS45MS45MSAwIDAgMSAuOTEzLS45MTNoLjEyNGEuOTEuOTEgMCAwIDEgLjkxNC45MTN2My40MTdhLjkxLjkxIDAgMCAxLS45MTQuOTE0aC0uMTI0YS45MS45MSAwIDAgMS0uOTEzLS45MTR6bTIuMTMxIDYuNjMxYzAgLjYzMi0uNTE4IDEuMTUtMS4xNSAxLjE1cy0xLjE1LS41MTgtMS4xNS0xLjE1LjUxOC0xLjE1IDEuMTUtMS4xNSAxLjE1LjUxOSAxLjE1IDEuMTUiLz48L3N2Zz4=") 50% center / contain no-repeat; width: 15px; height: 15px; }

.b24-form-control-alert-message a { color: rgb(255, 255, 255); text-decoration: underline; }

.b24-form-control-alert-message a:hover { text-decoration: none; color: rgb(255, 255, 255); }

.b24-form-control-add-btn { color: var(--b24-text-color); opacity: 0.71; padding-left: 16px; margin-top: 2px; position: relative; text-decoration: none; display: inline-block; font: 15px var(--b24-font-family); cursor: pointer; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px dashed rgba(217, 217, 217, 0.33); text-align: left; }

.b24-form-control-add-btn:focus { outline: 1px solid var(--b24-primary-color); outline-offset: 1px; }

.b24-form-control-add-btn::after, .b24-form-control-add-btn::before { content: ""; display: block; width: 11px; height: 1px; position: absolute; left: 0px; top: 50%; background-color: var(--b24-text-color); }

.b24-form-control-add-btn::before { transform: rotate(90deg); }

.b24-form-icon-after, .b24-form-icon-before { width: 35px; height: 52px; position: absolute; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: flex; }

.b24-form-control-icon-before.b24-form-control-checkbox, .b24-form-control-icon-before.b24-form-control-file, .b24-form-control-icon-before.b24-form-control-radiobox, .b24-form-control-icon-before.b24-form-control-string .b24-form-control, .b24-form-control-icon-before.b24-form-control-string .b24-form-control-label, .b24-form-control-icon-before.b24-form-control-text .b24-form-control, .b24-form-control-icon-before.b24-form-control-text .b24-form-control-label { padding-left: 35px; }

.b24-form-icon-before { left: 0px; top: 0px; z-index: 10; }

.b24-form-control-icon-after .b24-form-control, .b24-form-control-icon-after .b24-form-control-label { padding-right: 35px; }

.b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control, .b24-form-control-list .b24-form-control-icon-after .b24-form-control-not-empty.b24-form-control-label { padding-right: 80px; }

.b24-form-icon-after { right: 0px; top: 0px; z-index: 10; }

.b24-form-icon-after::after, .b24-form-icon-after::before, .b24-form-icon-before::after, .b24-form-icon-before::before { content: ""; display: block; transition: 0.2s; }

.b24-form-icon-search::after { width: 13px; height: 13px; }

.b24-form-icon-file::after { width: 13px; height: 14px; }

.b24-form-icon-calendar::after { width: 17px; height: 17px; }

.b24-form-icon-remove { cursor: pointer; opacity: 0.35; transition: opacity 0.25s linear; background: none; border: none; padding: 0px; outline: none; }

.b24-form-icon-remove:hover { opacity: 0.9; }

.b24-form-icon-remove:focus-visible { outline: 1px solid var(--b24-primary-color); }

.b24-form-control-list .b24-form-icon-remove { right: 45px; }

.b24-form-icon-remove::after, .b24-form-icon-remove::before { width: 2px; height: 12px; content: ""; display: block; background-color: var(--b24-text-color); }

.b24-form-icon-remove::after { margin-left: -1px; transform: rotate(-45deg); }

.b24-form-icon-remove::before { margin-right: -1px; transform: rotate(45deg); }

.b24-form-icon-clear { cursor: pointer; }

.b24-form-icon-clear:hover::after { opacity: 0.9; }

.b24-form-icon-clear::after { width: 20px; height: 20px; }

.b24-form-icon-check::after { width: 14px; height: 10px; }

.b24-form-control-input-text[type="number"] { }

.b24-form-control-input-text[type="number"]::-webkit-inner-spin-button, .b24-form-control-input-text[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; }

.b24-form-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }

.b24-form-field-a-slide-enter-active { transition: 0.3s; }

.b24-form-field-a-slide-leave-active { transition: 0.3s cubic-bezier(1, 0.5, 0.8, 1); }

.b24-form-field-a-slide-enter, .b24-form-field-a-slide-leave-to { transform: translateY(-5px); opacity: 0; }

.b24-form-field-agreement .b24-form-control-container { line-height: 11px; }

.b24-form-field-agreement input[type="checkbox"]:focus-visible { outline: 1px solid var(--b24-primary-color); outline-offset: 2px; }

.b24-form-field-agreement .b24-form-control-desc { font-size: 11px; opacity: 0.5; line-height: 1; }

.b24-form-field-agreement .b24-form-field-agreement-link { font-size: 11px; line-height: 1; cursor: pointer; }

.b24-form-field-agreement a.b24-form-field-agreement-link { color: rgb(0, 126, 255); text-decoration: underline; }

.b24-form-field-agreement .b24-form-control-required { font-size: 11px; line-height: 1; }

.b24-a-fade-enter-active { transition: 0.5s; }

.b24-a-fade-enter, .b24-a-fade-leave-to { opacity: 0; }

.b24-a-slide-bottom-enter-active, .b24-a-slide-short-bottom-enter-active, .b24-a-slide-short-top-enter-active, .b24-a-slide-top-enter-active { transition: 0.3s; }

.b24-a-fade-leave-active, .b24-a-slide-bottom-leave-active, .b24-a-slide-short-bottom-leave-active, .b24-a-slide-short-top-leave-active, .b24-a-slide-top-leave-active { transition: 0.2s cubic-bezier(1, 0.5, 0.8, 1); }

.b24-a-slide-bottom-enter, .b24-a-slide-bottom-leave-to { transform: translateY(400px); opacity: 0; }

.b24-a-slide-top-enter, .b24-a-slide-top-leave-to { transform: translateY(-400px); opacity: 0; }

.b24-a-slide-short-bottom-enter, .b24-a-slide-short-bottom-leave-to { transform: translateY(40px); opacity: 0; }

.b24-a-slide-short-top-enter, .b24-a-slide-short-top-leave-to { transform: translateY(-40px); opacity: 0; }

.b24-window-panel { position: fixed; width: 100%; height: 100vh; max-height: 100%; max-width: 510px; border-radius: 4px; -webkit-font-smoothing: antialiased; box-sizing: border-box; z-index: 99999; overflow: hidden; }

@media (max-width: 767px) {
  .b24-window-panel { height: -webkit-fill-available; }
}

.b24-window-panel-pos-center { top: 0px; left: 0px; right: 0px; margin: 0px auto; }

.b24-window-panel-pos-right { top: 0px; right: 0px; border-radius: 0px; }

.b24-window-panel-pos-left { top: 0px; left: 0px; border-radius: 0px; }

.b24-window-panel > div > .b24-window-scrollable { position: absolute; inset: 0px; }

.b24-window-panel .b24-window-scrollable { background-color: var(--b24-background-color); }

.b24-window-panel .b24-form-wrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; min-height: 100%; }

.b24-window-panel .b24-form-content { -webkit-box-flex: 1; flex: 1 1 0%; }

.b24-window-popup { position: fixed; display: flex; -webkit-box-align: center; align-items: center; z-index: 1100001; inset: 0px; }

.b24-window-popup.b24-window-popup-on-top { z-index: 1100002; }

.b24-window-popup-p-center { -webkit-box-pack: center; justify-content: center; }

.b24-window-popup-p-left { -webkit-box-pack: start; justify-content: flex-start; }

.b24-window-popup-p-right { -webkit-box-pack: end; justify-content: flex-end; }

.b24-window-popup-wrapper { position: relative; max-width: 600px; width: calc(100% - 5px); border-radius: 6px; background-color: var(--b24-popup-background-color); z-index: 10001; }

.b24-window-popup-wrapper .b24-window-scrollable { max-height: 85vh; }

.b24-window-popup-head { position: relative; display: flex; -webkit-box-align: center; align-items: center; margin: 0px 0px 10px; min-height: 50px; padding: 12px 52px 14px 12px; border-bottom: 1px solid rgba(82, 92, 105, 0.11); }

.b24-window-popup-title { display: block; margin: 0px; font: 15px/24px var(--b24-font-family); color: var(--b24-text-color); overflow: hidden; white-space: nowrap; }

.b24-window-popup-body { font: 14px/19px var(--b24-font-family); color: var(--b24-text-color); min-height: 60px; }

.b24-window-widget { position: fixed; width: 363px; min-height: 150px; border-radius: 6px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 18px 0px; -webkit-font-smoothing: antialiased; z-index: 99999; }

.b24-window-widget::after { content: ""; position: absolute; right: 75px; bottom: -28px; width: 0px; height: 0px; border-bottom: 28px solid rgb(255, 255, 255); border-right: 28px solid transparent; transform: rotate(-180deg); opacity: 0; }

.b24-window-widget-p-top-left { top: 130px; left: 56px; }

.b24-window-widget-p-top-center { top: 130px; left: 0px; right: 0px; margin: 0px auto; }

.b24-window-widget-p-top-right { top: 130px; right: 53px; }

.b24-window-widget-p-bottom-left { bottom: 130px; left: 56px; }

.b24-window-widget-p-bottom-center { bottom: 130px; left: 0px; right: 0px; margin: 0px auto; }

.b24-window-widget-p-bottom-right { bottom: 130px; right: 53px; }

.b24-window-widget-p-top-left.b24-window-widget::after { inset: -28px auto auto 75px; transform: rotate(0deg); }

.b24-window-widget-p-top-right.b24-window-widget::after { top: -28px; bottom: auto; transform: rotate(-90deg); }

.b24-window-widget-p-top-center.b24-window-widget::after { inset: -28px auto auto 50%; transform: translate(-50%) rotate(-90deg); }

.b24-window-widget-p-bottom-center.b24-window-widget::after { left: 50%; right: auto; transform: translate(-50%) rotate(-180deg); }

.b24-window-widget-p-bottom-left.b24-window-widget::after { left: 75px; transform: rotate(-270deg); }

@media (max-width: 530px) {
  .b24-window-widget { width: 100%; max-width: 350px; }
  .b24-window-widget-p-top-left { left: 10px; }
  .b24-window-widget-p-top-right { right: 10px; }
  .b24-window-widget-p-bottom-left { left: 10px; }
  .b24-window-widget-p-bottom-right { right: 10px; }
}

@media (max-height: 400px) {
  .b24-window-widget-p-bottom-left, .b24-window-widget-p-top-left { left: 10px; }
  .b24-window-widget-p-bottom-right, .b24-window-widget-p-top-right { right: 10px; }
  .b24-window-widget-p-top-center, .b24-window-widget-p-top-left, .b24-window-widget-p-top-right { top: 10px; }
  .b24-window-widget-p-bottom-center, .b24-window-widget-p-bottom-left, .b24-window-widget-p-bottom-right { bottom: 10px; }
}

.b24-window-overlay { display: block; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 15000; }

.b24-window-close { position: absolute; top: 12px; right: 23px; width: 28px; height: 28px; border-radius: 100%; border: none; transition: opacity 0.3s; opacity: 0.5; cursor: pointer; outline: none; z-index: 25; background-color: var(--b24-primary-color); }

.b24-window-close:hover { opacity: 1; }

.b24-window-close:focus-visible { outline: 1px solid var(--b24-primary-color); outline-offset: 2px; opacity: 1; }

.b24-window-close::after, .b24-window-close::before { content: ""; position: absolute; top: 50%; left: 50%; width: 1px; height: 15px; background-color: var(--b24-primary-text-color); transform: translate(-50%, -50%) rotate(45deg); }

.b24-window-close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.b24-window-header { padding: 10px 31px; border-radius: 6px 6px 0px 0px; border-bottom: 1px solid rgba(82, 92, 105, 0.11); background-color: var(--b24-background-color); }

.b24-window-header-title { font: 14px/17px var(--b24-font-family); color: var(--b24-text-color); text-transform: uppercase; opacity: 0.8; letter-spacing: 2px; overflow: hidden; white-space: nowrap; }

.b24-window-scrollable { overflow: hidden auto; }

@media (max-width: 512px) {
  .b24-form .b24-window-scrollable { padding-bottom: 95px; }
}

.b24-form-scroll-textable { position: absolute; left: 0px; bottom: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 12px; height: 84px; width: 100%; max-width: 100%; border-top: 1px solid rgba(82, 92, 105, 0.11); background-color: var(--b24-background-color); box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 20; }

.b24-form-scroll-textable-text { display: block; margin: 0px 0px 10px; font: 15px/20px var(--b24-font-family); color: var(--b24-text-color); opacity: 0.71; }

.b24-form-scroll-textable-arrow-item { width: 27px; height: 8px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2027%208%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1%201l12.5%206L26%201%22%20stroke%3D%22%23515D69%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); background-repeat: no-repeat; animation: 2s ease 0s infinite normal none running b24-form-scroll-textable-arrow-animation; opacity: 0.2; }

.b24-form-scroll-textable-arrow-item:nth-child(2) { animation-delay: 0.7s; }

.b24-form-scroll-textable-arrow-item:nth-child(3) { animation-delay: 1.4s; }

@-webkit-keyframes b24-form-scroll-textable-arrow-animation { 
  0% { opacity: 0.2; }
  30% { opacity: 1; }
  60% { opacity: 0.2; }
  100% { opacity: 0.2; }
}

@keyframes b24-form-scroll-textable-arrow-animation { 
  0% { opacity: 0.2; }
  30% { opacity: 1; }
  60% { opacity: 0.2; }
  100% { opacity: 0.2; }
}

.b24-window-scroll-arrow-down-box, .b24-window-scroll-arrow-up-box { position: absolute; left: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; height: 49px; box-sizing: border-box; cursor: pointer; z-index: 999; }

.b24-window-scroll-arrow-up-box { top: 0px; }

.b24-window-scroll-arrow-down-box { bottom: 0px; }

.b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down, .b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up { background-color: rgba(0, 0, 0, 0.2); }

.b24-form-dark .b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down, .b24-form-dark .b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up { background-color: rgba(255, 255, 255, 0.25); }

.b24-window-scroll-arrow-down-box:hover .b24-window-scroll-arrow-down::before, .b24-window-scroll-arrow-up-box:hover .b24-window-scroll-arrow-up::before { opacity: 0.5; }

.b24-window-scroll-arrow-down, .b24-window-scroll-arrow-up { position: relative; padding: 0px; width: 100px; height: 49px; border: none; background-color: rgba(0, 0, 0, 0.07); transition: background-color 0.3s; outline: none; cursor: pointer; }

.b24-form-dark .b24-window-scroll-arrow-down, .b24-form-dark .b24-window-scroll-arrow-up { background-color: rgba(255, 255, 255, 0.12); }

.b24-window-scroll-arrow-up { top: 0px; border-radius: 0px 0px 60px 60px; }

.b24-window-scroll-arrow-down { bottom: 0px; border-radius: 60px 60px 0px 0px; }

.b24-window-scroll-arrow-down::before, .b24-window-scroll-arrow-up::before { content: ""; position: absolute; top: 24px; left: 50%; display: block; width: 26px; height: 16px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2026%2016%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.285%2010.167L4.038.92a1%201%200%200%200-1.414%200L.914%202.63a1%201%200%200%200%200%201.414l11.618%2011.618a.997.997%200%200%200%20.753.292.997.997%200%200%200%20.753-.292L25.656%204.044a1%201%200%200%200%200-1.414L23.946.92a1%201%200%200%200-1.414%200l-9.247%209.247z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E"); background-repeat: no-repeat; transition: opacity 0.3s; transform: translate(-50%); opacity: 0.3; }

.b24-window-scroll-arrow-up::before { top: 12px; left: 50%; transform: rotate(180deg) translate(43%); }

.b24-window-scroll-anchor { height: 1px; opacity: 0; }

.b24-form-control-file { border-radius: 4px; border: 1px solid var(--b24-field-border-color); background-color: var(--b24-field-background-color); width: 100%; padding: 9px 10px; font: 14px var(--b24-font-family); letter-spacing: -0.3px; }

.b24-form-control-file .b24-form-control-label { display: flex; font-size: 13px; }

.b24-form-control-field-file-summary-size { margin-left: auto; }

.b24-form-control-file .b24-form-control { margin: 2px 9px 0px 0px; border-radius: 3px; border: 1px solid var(--b24-text-color); font-size: 15px; color: var(--b24-text-color); opacity: 0.71; display: inline-block; white-space: nowrap; cursor: pointer; position: relative; transition: background-color 0.25s linear, opacity 0.25s linear; background: none; outline: none; padding: 8px 10px 8px 30px !important; }

.b24-form-control-file .b24-form-control:focus-visible { outline: 1px solid var(--b24-primary-color); outline-offset: 2px; }

.b24-form-control-file .b24-form-control:hover { background-color: rgba(0, 0, 0, 0.12); }

.b24-form-control-file .b24-form-control::after, .b24-form-control-file .b24-form-control::before { content: ""; background-color: var(--b24-text-color); top: 50%; display: block; position: absolute; transition: 0.25s linear; }

.b24-form-control-file .b24-form-control::after { width: 11px; height: 1px; margin-top: -0.5px; left: 11px; }

.b24-form-control-file .b24-form-control::before { height: 11px; width: 1px; left: 15.5px; margin-top: -5.5px; }

.b24-form-control-file .b24-form-control-string { font-size: 15px; color: var(--b24-text-color); }

.b24-form-control-checked .b24-form-control-string { color: rgb(255, 255, 255); }

.b24-form-control-filelist { margin-top: 5px; }

.b24-form-control-file-item { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; background-color: var(--b24-field-background-color); height: 35px; position: relative; display: flex; -webkit-box-align: stretch; align-items: stretch; margin-bottom: 7px; }

.b24-form-control-file-item-preview-image { height: 33px; width: auto; border-radius: 2px 0px 0px 2px; }

.b24-form-control-file-item-preview-file { background: url("") 50% center no-repeat rgba(217, 217, 217, 0.2); width: 33px; height: 33px; }

.b24-form-control-file-item-preview-image-popup { position: absolute; top: 100%; left: 0px; max-width: 300px; width: 100%; padding: 4px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); z-index: 10; display: none; pointer-events: none; }

.b24-form-control-file-item-name:hover .b24-form-control-file-item-preview-image-popup { display: block; animation: 0.25s ease-in-out 0s 1 normal none running showPopop; }

@-webkit-keyframes showPopop { 
  0% { opacity: 0; display: block; }
  100% { opacity: 1; }
}

@keyframes showPopop { 
  0% { opacity: 0; display: block; }
  100% { opacity: 1; }
}

.b24-form-control-file-item-preview-image-popup img { max-width: 100%; width: 100%; height: auto; }

.b24-form-control-file-item-name { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-align: center; align-items: center; padding-left: 10px; position: relative; color: var(--b24-text-color); }

.b24-form-control-file-item-size-text { margin-left: auto; }

.b24-form-control-file-item-name-string { font-size: 12px; color: var(--b24-text-color); border-bottom: 1px dashed rgb(196, 196, 196); }

.b24-form-control-file-item-remove { cursor: pointer; opacity: 0.7; transition: opacity 0.25s linear; width: 33px; height: 33px; position: relative; background: none; border: none; padding: 0px; outline: none; }

.b24-form-control-file-item-remove:focus-visible { outline: 1px solid var(--b24-primary-color); outline-offset: 2px; }

.b24-form-control-file-item-remove:hover { opacity: 0.9; }

.b24-form-control-file-item-remove::after, .b24-form-control-file-item-remove::before { position: absolute; width: 2px; height: 12px; content: ""; left: 50%; top: 50%; transform-origin: 0px 0px; display: block; background-color: var(--b24-text-color); }

.b24-form-control-file-item-remove::after { transform: rotate(-45deg) translate(-50%, -50%); }

.b24-form-control-file-item-remove::before { transform: rotate(45deg) translate(-50%, -50%); }

.b24-form-control-list .b24-form-control-container::after { content: ""; position: absolute; height: 7px; width: 7px; border-right: 2px solid var(--b24-text-color); border-bottom: 2px solid var(--b24-text-color); top: 24px; right: 10px; transition: 0.25s; transform-origin: center center; opacity: 0.37; transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.b24-form-control-list:hover .b24-form-control-container::after { opacity: 1; }

.b24-form-control-container[role="combobox"]:focus { outline: none; }

.b24-form-control-container[role="combobox"]:focus .b24-form-control { border-color: var(--b24-primary-color); }

.b24-form-control-list-selector-item { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; background-color: var(--b24-background-color); padding: 11px; cursor: pointer; transition: 0.25s linear; }

.b24-form-control-list-selector-item-focused, .b24-form-control-list-selector-item:hover { background-color: rgba(0, 0, 0, 0.04); }

.b24-form-control-list-selector-item-image { width: 52px; height: auto; border-radius: 4px; }

.b24-form-control-list-selector-item-title { font: 16px var(--b24-font-family); color: var(--b24-text-color); -webkit-box-flex: 1; flex: 1 1 0%; }

.b24-form-control-list-selector-item-image + .b24-form-control-list-selector-item-title { padding-left: 10px; }

.b24-form-control-list-selector-item-price { font: 17px/23px var(--b24-font-family); padding-right: 8px; min-width: 56px; }

.b24-form-control-list-selector-item-price-old { text-align: right; text-decoration: line-through; font-size: 15px; color: var(--b24-text-color); opacity: 0.5; }

.b24-form-control-list-selector-item-price-current { text-align: right; font-weight: 700; font-size: 16px; color: var(--b24-text-color); }

.b24-form-control-product-info { position: relative; -webkit-box-pack: justify; justify-content: space-between; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: none; text-align: center; min-height: 58px; border-radius: 0px 0px 4px 4px; }

.b24-form-control-product-icon, .b24-form-control-product-info { display: flex; -webkit-box-align: center; align-items: center; }

.b24-form-control-product-icon { background: var(--b24-field-background-color); height: 56px; width: 56px; -webkit-box-pack: center; justify-content: center; border-radius: 0px 0px 0px 4px; }

.b24-form-control-product-icon svg g { fill: var(--b24-text-color); }

.b24-form-control-product-price { font: 17px/23px var(--b24-font-family); padding-right: 8px; min-width: 56px; max-width: 47%; }

.b24-form-control-product-price-old { text-align: right; text-decoration: line-through; font-size: 15px; color: var(--b24-text-color); opacity: 0.5; }

.b24-form-control-product-price-current { text-align: right; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--b24-primary-color); }

.b24-form-control-product-quantity { font-size: 16px; color: var(--b24-text-color); text-align: center; display: flex; -webkit-box-align: center; align-items: center; }

.b24-form-control-product-quantity-add, .b24-form-control-product-quantity-remove { cursor: pointer; width: 28px; height: 28px; border-radius: 50%; background-color: var(--b24-primary-color); position: relative; }

.b24-form-control-product-quantity-add::after, .b24-form-control-product-quantity-add::before, .b24-form-control-product-quantity-remove::after { position: absolute; top: 50%; left: 50%; display: block; content: ""; background: var(--b24-primary-text-color); border-radius: 1.5px; transform: translate(-50%, -50%); }

.b24-form-control-product-quantity-add::after, .b24-form-control-product-quantity-remove::after { height: 3px; width: 14px; }

.b24-form-control-product-quantity-add::before { height: 14px; width: 3px; }

.b24-form-control-product-quantity-counter { font-size: 16px; color: var(--b24-text-color); font-family: var(--b24-font-family); text-align: center; padding: 0px 10px; }

.b24-form-field-product .b24-form-control.b24-form-control-not-empty { border-radius: 4px 4px 0px 0px; }

.b24-form-control-product-custom-price .b24-form-control-input-text { min-width: 120px; }

.b24-form-field-layout-br, .b24-form-field-layout-hr { margin: 24px 0px; border: none; height: 1px; background-color: var(--b24-field-border-color); }

.b24-form-field-layout-br { background: none; }

.b24-form-field-layout-section { font: 20px/36px var(--b24-font-family); color: var(--b24-text-color); margin: 29px 0px 15px; word-break: break-word; }

.b24-form .b24-form-field .calendar-resbook-webform-block-arrow { z-index: 2; }

@-webkit-keyframes vdpSlideFromLeft { 
  0% { opacity: 0; transform: translate3d(-0.5em, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes vdpSlideFromLeft { 
  0% { opacity: 0; transform: translate3d(-0.5em, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes vdpSlideFromRight { 
  0% { opacity: 0; transform: translate3d(0.5em, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes vdpSlideFromRight { 
  0% { opacity: 0; transform: translate3d(0.5em, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@-webkit-keyframes vdpFadeCalendar { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes vdpFadeCalendar { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.vdp-toggle-calendar-enter-active.vdpPositionReady { transform-origin: left top; }

.vdp-toggle-calendar-enter-active.vdpPositionFixed { animation: 0.3s ease 0s 1 normal none running vdpFadeCalendar; }

.vdp-toggle-calendar-leave-active.vdpPositionFixed { animation: 0.3s ease 0s 1 reverse none running vdpFadeCalendar; }

.vdpComponent { position: relative; display: inline-block; font-size: 10px; color: var(--b24-text-color); }

.vdpComponent, .vdpComponent button, .vdpComponent input, .vdpComponent select { font-family: var(--b24-font-family); }

.vdpComponent.vdpWithInput > input { padding-right: 30px; }

.vdpClearInput { font-size: 1em; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 3em; }

.vdpClearInput::before { content: "?"; width: 1.4em; height: 1.4em; line-height: 1.1em; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin: -0.7em 0px 0px -0.7em; color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; background-color: rgb(255, 255, 255); }

.vdpClearInput:hover::before { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.2em 0.5em; }

.vdpOuterWrap.vdpFloating { position: absolute; padding: 0.5em 0px; z-index: 220; }

.vdpOuterWrap.vdpPositionFixed { position: fixed; inset: 0px; padding: 2em; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.3); }

.vdpFloating .vdpInnerWrap { max-width: 30em; }

.vdpPositionFixed .vdpInnerWrap { max-width: 30em; margin: 0px auto; border: 0px; }

.vdpFloating.vdpPositionTop { top: 100%; }

.vdpFloating.vdpPositionBottom { bottom: 100%; }

.vdpFloating.vdpPositionLeft { left: 0px; }

.vdpFloating.vdpPositionRight { right: 0px; }

.vdpPositionTop.vdpPositionLeft { transform-origin: left top; }

.vdpPositionTop.vdpPositionRight { transform-origin: right top; }

.vdpPositionBottom.vdpPositionLeft { transform-origin: left bottom; }

.vdpPositionBottom.vdpPositionRight { transform-origin: right bottom; }

.vdpInnerWrap { overflow: hidden; min-width: 28em; box-sizing: border-box; padding: 1em; background: var(--b24-background-color); }

.vdpHeader { position: relative; padding: 0px 1em 2.5em; margin: -1em -1em -2.5em; text-align: center; background: var(--b24-field-background-color); }

.vdpArrow, .vdpClearInput, .vdpPeriodControl > button { margin: 0px; padding: 0px; border: 0px; cursor: pointer; background: none; color: var(--b24-text-color); }

.vdpArrow { font-size: 1em; width: 5em; text-indent: -999em; overflow: hidden; position: absolute; top: 0px; bottom: 2.5em; text-align: left; }

.vdpArrow::before { content: ""; width: 2.2em; height: 2.2em; position: absolute; left: 50%; top: 50%; margin: -1.1em 0px 0px -1.1em; border-radius: 100%; transition: background-color 0.2s; }

.vdpArrow:active, .vdpArrow:focus, .vdpArrow:hover { outline: 0px; }

.vdpArrow:active::before, .vdpArrow:focus::before, .vdpArrow:hover::before { background-color: var(--b24-field-focus-background-color); }

.vdpArrowNext::before { margin-left: -1.4em; }

.vdpArrow::after { content: ""; position: absolute; left: 50%; top: 50%; margin-top: -0.5em; width: 0px; height: 0px; border: 0.5em solid transparent; }

.vdpArrowPrev { left: -0.3em; }

.vdpArrowPrev::after { margin-left: -0.8em; border-right-color: var(--b24-text-color); }

.vdpArrowNext { right: -0.6em; }

.vdpArrowNext::after { margin-left: -0.5em; border-left-color: var(--b24-text-color); }

.vdpPeriodControl { display: inline-block; position: relative; }

.vdpPeriodControl > button { font-size: 1.5em; padding: 1em 0.4em; display: inline-block; }

.vdpPeriodControl > select { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; opacity: 0; font-size: 1.6em; appearance: none; }

.vdpTable { width: 100%; table-layout: fixed; position: relative; z-index: 5; border-collapse: collapse; font-size: inherit; }

.vdpNextDirection { animation: 0.5s ease 0s 1 normal none running vdpSlideFromRight; }

.vdpPrevDirection { animation: 0.5s ease 0s 1 normal none running vdpSlideFromLeft; }

.vdpCell, .vdpHeadCell { text-align: center; box-sizing: border-box; }

.vdpCell { padding: 0.5em 0px; }

.vdpHeadCell { padding: 0.3em 0.5em 1.8em; }

.vdpHeadCellContent { font-size: 1.3em; font-weight: 400; }

.vdpCellContent, .vdpHeadCellContent { color: var(--b24-text-color); }

.vdpCellContent { font-size: 1.4em; display: block; margin: 0px auto; width: 1.857em; height: 1.857em; line-height: 1.857em; text-align: center; border-radius: 100%; transition: background 0.1s, color 0.1s; }

.vdpCell.outOfRange { color: var(--b24-text-color); opacity: 0.5; }

.vdpCell.today .vdpCellContent { color: var(--b24-primary-color); }

.vdpCell.selected .vdpCellContent { color: var(--b24-primary-text-color); background: var(--b24-primary-color); }

@media (hover: hover) {
  .vdpCell.selectable:hover .vdpCellContent { color: var(--b24-primary-text-color); background: var(--b24-primary-color); }
}

.vdpCell.selectable { cursor: pointer; }

.vdpCell.disabled { opacity: 0.5; }

.vdpTimeControls { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 1.2em 2em; position: relative; margin: 1em -1em -1em; text-align: center; background: var(--b24-field-background-color); }

.vdpTimeUnit { display: inline-block; position: relative; vertical-align: middle; }

.vdpTimeUnit > input, .vdpTimeUnit > pre { font-size: 1.2em; line-height: 1.1; padding: 0.1em; overflow-wrap: break-word; white-space: pre-wrap; resize: none; margin: 0px; box-sizing: border-box; color: var(--b24-text-color); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: transparent; text-align: center; }

.vdpTimeUnit > pre { visibility: hidden; font-family: inherit; }

.vdpTimeUnit > input { overflow: hidden; height: 100%; width: 37px; outline: none; margin-top: 2px; padding: 0px; border-radius: 0px; background: transparent; appearance: none; }

.vdpTimeUnit > input:focus, .vdpTimeUnit > input:hover { border-bottom-color: rgb(116, 133, 194); }

.vdpTimeUnit > input::-webkit-inner-spin-button, .vdpTimeUnit > input::-webkit-outer-spin-button { margin: 0px; appearance: none; }

.vdpTimeSeparator { padding: 0px 5px; }

.vdpTimeCaption, .vdpTimeSeparator { display: inline-block; vertical-align: middle; font-size: 1em; color: var(--b24-text-color); }

.vdpHoursInput { background: transparent; border: 1px solid grey; padding: 3px; }

.vdpTimeCaption { margin-right: 1.5em; }

.vdpTimeCloseBtn { margin-left: 1.5em; padding: 3px 6px; cursor: pointer; color: var(--b24-primary-text-color); background: var(--b24-primary-color); border-radius: 4px; }

.vdpTimeCloseBtn:hover { background: var(--b24-primary-hover-color); }

@media screen and (min-width: 720px) {
  .vdpComponent { width: 320px; display: table-cell; font-size: 0.77em; }
}

.b24-form-slider-wrapper { position: relative; max-width: 100%; overflow: hidden; background: rgb(237, 237, 237); }

.b24-form-slider-container { position: relative; place-items: flex-start; transition: left 0.25s linear; }

.b24-form-slider-container, .b24-form-slider-item { display: flex; -webkit-box-align: center; }

.b24-form-slider-item { -webkit-box-flex: 1; flex: 1 1 0%; align-items: center; -webkit-box-pack: center; justify-content: center; }

.b24-form-slider-item-image { max-width: 100%; height: auto; }

.b24-form-slider-controls { position: absolute; height: 32px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; top: 50%; right: 25px; left: 25px; margin-top: -16px; }

.b24-form-slider-control-next, .b24-form-slider-control-prev { position: absolute; top: 0px; bottom: 0px; width: 50px; }

.b24-form-slider-control-next { right: 0px; }

.b24-form-slider-control-prev { left: 0px; }

.b24-form-slider-control-prev-icon { transform: rotate(180deg); }

.b24-form-slider-control-next-icon, .b24-form-slider-control-prev-icon { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE5IDI0Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii44IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNOC44OTMgMTIgNS42MTQgOC42NTRhMi4xNiAyLjE2IDAgMCAxIDAtMy4wMTkgMi4xMDUgMi4xMDUgMCAwIDEgMy4wMTUgMGw0Ljc1NyA0Ljg1NmEyLjE2IDIuMTYgMCAwIDEgMCAzLjAxOGwtNC43NTcgNC44NTZhMi4xMDUgMi4xMDUgMCAwIDEtMy4wMTUgMCAyLjE2IDIuMTYgMCAwIDEgMC0zLjAxOXoiLz48L3N2Zz4=") 55% 50% no-repeat rgba(255, 255, 255, 0); width: 32px; height: 32px; border-radius: 50%; transition: background-color 0.25s linear; position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; }

.b24-form-slider-control-next:hover .b24-form-slider-control-next-icon, .b24-form-slider-control-prev:hover .b24-form-slider-control-prev-icon { background-color: rgba(255, 255, 255, 0.5); cursor: pointer; }

.b24-form-dropdown { position: relative; }

.b24-form-dropdown-header { display: none; border-bottom: 1px solid rgba(0, 0, 0, 0.15); min-height: 38px; }

.b24-form-dropdown-title { display: block; margin: 15px; font: 20px/24px var(--b24-font-family); color: var(--b24-text-color); overflow: hidden; white-space: nowrap; }

.b24-form-dropdown-container { position: absolute; z-index: 20; min-width: 100%; max-height: 400px; overflow-y: auto; background-color: var(--b24-popup-background-color); box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 21px; border-radius: 0px 0px 4px 4px; }

.b24-form-dropdown-slide-enter-active { transition: 0.3s; }

.b24-form-dropdown-slide-leave-active { transition: 0.2s cubic-bezier(1, 0.5, 0.8, 1); }

.b24-form-dropdown-slide-enter, .b24-form-dropdown-slide-leave-to { transform: translateY(-20px); opacity: 0; }

@media (max-width: 520px) {
  .b24-form-dropdown { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 1000; display: block; }
  .b24-form-dropdown-container { position: absolute; bottom: 0px; margin-top: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; border-radius: 10px 10px 0px 0px; max-height: 85vh; min-height: 50vh; max-width: 100%; }
  .b24-form-dropdown-title { text-overflow: ellipsis; max-width: calc(100% - 70px); }
  .b24-form-dropdown-header { display: block; }
  .b24-form-dropdown-slide-enter, .b24-form-dropdown-slide-leave-to { transform: translateY(600px); opacity: 1; }
}