/* dark */


body.dark .m--title {color: inherit;}
body.dark .header {background: #141416;}

/* ---- */

.p--controls {padding-top: 0;}
.complete {padding-bottom: 64px}
.info {font-size: 18px;}

.m--title.hero {font-size: 58px;}
.m--preview .m--info {max-width: 450px; color: rgba(255,255,255,0.6);}
.m--preview {color: #fff;}
.m--preview img {height: inherit;}

.tv--head {margin: 0 auto 77px;} 
.tv--preview:first-child {top: 11%;}

.w--head {margin-bottom: 44px;}

.error {margin-bottom: 40px;}
.error h4 {margin-bottom: 10px;}

.hd--inner {display: block;}
.hd--logo img {width: 286px;}
.header {position: fixed; z-index: 100; background: linear-gradient(180deg, rgba(253, 253, 253, .95), rgba(253, 253, 253, .85)); width: 100%; width: 100%; top: 0;}
.header .icon {width: 16px; height: 16px; margin-right: 12px; fill: #777E90; transition: all .2s; margin-bottom: 2px;}
.hd--item {margin-right: 24px;}
.hd--item svg {width: 20px; height: 20px; margin-top: -2px;}
.hd--wrapper>.hd--button {margin-left: 0;}

.l--block {display: flex; gap: 10px;}

.book--main .location .l--inner {height: 74px; width: 100%;}

.book--main .d--input,
.book--main .l--input {font-size: 20px; padding-bottom: 20px;}

.book--main .d--description,
.book--main .l--description {font-size: 12px; bottom: 12px;}

.book--main .l--item {font-size: 14px;    min-height: 40px;}

.book--main .l--item:before {width: 24px;height: 24px}

.book--main .l--head {position: relative; top: inherit; left: inherit;}
.book--main .d--input,
.book--main .l--head,
.book--main .l--input {background-color: #F4F5F6; }

.book--main .location.active .l--head,
.book--main .l--body {width: 100%;}

.book--main .d--list {gap: 10px;}
.book--main .d--list .d--item {flex: inherit;} 
.book--main .d--item {height: 74px;}

button span.extra { background-color: #F4F5F6; margin-left: 5px; padding: 5px 8px; margin-right: -8px; display: flex; flex-wrap: wrap; align-content: center; border-radius: 100px;}
button:hover span.extra {background-color: #3d3d3d;} 
button.active span.extra {background-color: #3d3d3d;} 

body {/*background-color: #f6fdff  #b4e7ff #fffae4; fffef2 */}





.has-error input {
	background-color: #F4F5F6;
    box-shadow: 0px 0px 2px 1px #ff0033 inset;
}

.validation-error {color: #ff0033; font-size: 12px;}



.location.has-error {
    height: 94px;
    padding-bottom: 20px;}


.o--item .f--input {width: inherit;}




.book--main {position: relative;}

.panel .location {overflow: visible;}
.panel .has-error input {background-color: transparent; box-shadow: none;}

.panel .has-error .validation-error {
	margin-top: -20px;
    margin-left: 51px;
}

.hd--burger {display: none!important}