@cleartrip/bento-mobile
Version:
Cleartrip - pwa component library
3 lines (2 loc) • 41.4 kB
CSS
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{outline:0}svg{outline:0}ol{list-style-type:decimal}body{margin:0;width:100%;padding:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Ubuntu", "Arial", sans-serif;background-color:#efeff4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;font-feature-settings:"liga" on}a{text-decoration:none;color:inherit}input{border-radius:0}input:-webkit-autofill{box-shadow:0 0 0 1000px white inset ;-webkit-box-shadow:0 0 0 1000px white inset }input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus input:-webkit-autofill,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:none;-webkit-text-fill-color:#333;-webkit-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}*{box-sizing:border-box}:not(input):not(textarea):not(button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0.1);-moz-tap-highlight-color:rgba(0,0,0,0.1)}.c-black-90{color:rgba(0,0,0,0.9)}.c-black-80{color:rgba(0,0,0,0.8)}.c-black-70{color:rgba(0,0,0,0.7)}.c-black-60{color:rgba(0,0,0,0.6)}.c-black-50{color:rgba(0,0,0,0.5)}.c-black-40{color:rgba(0,0,0,0.4)}.c-black-30{color:rgba(0,0,0,0.3)}.c-black-20{color:rgba(0,0,0,0.2)}.c-black-10{color:rgba(0,0,0,0.1)}.c-black-05{color:rgba(0,0,0,0.05)}.c-white{color:#fff}.c-white-10{color:rgba(255,255,255,0.1)}.c-white-20{color:rgba(255,255,255,0.2)}.c-white-30{color:rgba(255,255,255,0.3)}.c-white-40{color:rgba(255,255,255,0.4)}.c-white-50{color:rgba(255,255,255,0.5)}.c-light-gray{color:#eee}.c-blue{color:#36c}.c-light-blue{color:#537DD4}.c-green{color:#599347}.c-light-green{color:#00bc20}.bg-white{background-color:#fff}.bg-light-blue{background-color:#f3f9ff }.bg-c-blue{background-color:#36c}.bg-blue-grey{background-color:#f2f4f7}.bg-black{background-color:#000}.bg-near-black{background-color:#111}.bg-dark-gray{background-color:#353434}.bg-mid-gray{background-color:#595858}.bg-gray{background-color:#777}.bg-light-gray{background-color:#efeff4}.c-light-gray{color:#eee}.c-blue{color:#36c}.c-faded-blue{color:#68c}.c-red{color:#df3b2e}.c-bright-red{color:#c00202}.c-green{color:#599347}.c-light-green{color:#00bc20}.bg-white{background-color:#fff}.bg-light-blue{background-color:#f3f9ff }.bg-c-blue{background-color:#36c}.bg-blue-grey{background-color:#f2f4f7}.bg-black{background-color:#000}.bg-near-black{background-color:#111}.bg-darker-gray{background-color:#333}.bg-dark-gray{background-color:#353434}.bg-mid-gray{background-color:#595858}.bg-gray{background-color:#777}.bg-light-gray{background-color:#efeff4}.bg-semilight-gray{background-color:#fafafa}.slide{will-change:transform}.slide-appear,.slide-enter{transform:translateY(100%)}.slide-appear.slide-appear-active,.slide-enter.slide-enter-active{transform:translateY(0);transition:transform 0.25s cubic-bezier(0, 0, 0.2, 1)}.slide-exit{transform:translateY(0)}.slide-exit.slide-exit-active{transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 1, 1)}.animate{animation-duration:1s;animation-fill-mode:both}.animate.shake{animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes ct-ripple-enter{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes ct-ripple-exit{0%{opacity:1}100%{opacity:0}}@keyframes ct-ripple-pulsate{0%{transform:scale(1)}50%{transform:scale(0.9)}100%{transform:scale(1)}}.Ripple{display:block;position:absolute;overflow:hidden;border-radius:inherit;width:100%;height:100%;left:0;top:0;pointer-events:none;z-index:0}.Ripple__wrapper{opacity:1}.Ripple__wrapper--leaving{opacity:0;animation:ct-ripple-exit 550ms cubic-bezier(0.4, 0, 0.2, 1)}.Ripple__wrapper--pulsating{position:absolute;left:0;top:0;display:block;width:100%;height:100%;animation:ct-ripple-pulsate 1500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite}.Ripple__wrapper--pulsating .Ripple__item--visible{opacity:.2}.Ripple__item{width:50;height:50;left:0;top:0;opacity:0;position:absolute;border-radius:50%;background:rgba(0,0,0,0.35)}.Ripple__item--visible{opacity:.3;transform:scale(1);animation:ct-ripple-enter 550ms cubic-bezier(0.4, 0, 0.2, 1)}.Ripple__item--fast{animation-duration:200ms}.availabiltyBadge{display:flex;background-color:#7a7a7a;color:#fff;border-radius:3px;-webkit-font-smoothing:auto}.availabiltyBadge.success{background-color:#390}.availabiltyBadge.danger{background-color:#c30}.availabiltyBadge.primary{background-color:#f66826}.availabiltyBadge__label{font-size:9px;padding:4px;text-transform:uppercase;width:56px;text-align:center}.availabiltyBadge__count{font-size:9px;background-color:rgba(0,0,0,0.3);padding:4px;border-radius:0 3px 3px 0;min-width:26px;text-align:center}.codeBadge{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-weight:600;background-color:#7a7a7a;color:#fff;border-radius:3px}.codeBadge--regular{font-size:12px;padding:5px 6px;min-width:45px}.codeBadge--small{font-size:12px;padding:3px 4px;width:auto;min-width:initial}.codeBadge--tiny{font-size:11px;padding:2px 4px;width:auto;min-width:initial}.codeBadge--success{color:#fff;background-color:#390}.statusBadge{background-color:#390;color:#fff;font-size:9px;padding:3px 6px 4px;text-transform:uppercase;border-radius:3px;letter-spacing:1px}.Header{background:#f7f7f7;text-align:center;position:relative;border-bottom:1px solid #ddd;height:45px;position:relative}.Header__logo{width:104px;position:absolute;left:50%;margin-left:-52px}.Header__menu{float:left;width:44px;height:45px;border-right:1px solid #ddd;cursor:pointer;display:flex;justify-content:center;align-items:center}html[dir='rtl'] .Header__menu{float:right;border-left:1px solid #ddd}.Header__menuText{font-size:10px;font-weight:bold;color:#696969;display:inline-block;text-transform:uppercase}.Header__burger{position:relative;width:20px;height:2px;background-color:#696969;display:inline-block}.Header__burger::before,.Header__burger::after{content:'';position:absolute;width:20px;height:2px;background-color:#696969;left:0}.Header__burger::before{top:-5px}.Header__burger::after{bottom:-5px}.Header__burgerLink{display:flex}.Header__closeIcon{width:18px;height:18px}.Datalist{background-color:#fff;border-top:solid 1px #ddd}.Datalist__item{padding-left:16px;padding-right:16px;border-bottom:solid 1px #eaeaea;position:relative}.Datalist__item:last-child{border-bottom:solid 1px #ddd}.Datalist__item.has-error{background-color:#fae1df}.Datalist__item.selected{background-color:#eee}.Datalist__item.disabled{opacity:0.4}html[dir='rtl'] .Datalist__arrow{left:16px;right:unset;transform:rotate(180deg)}.Datalist__arrow{outline:0;width:6px;height:10px;fill:#d4d4d4;position:absolute;right:16px;top:50%;margin-top:-5px}.Datalist__bullet{outline:0;position:absolute;left:0;top:5px}.Sheet{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;background-color:#efeff4;overflow:hidden}.Sheet__closeAction{display:flex;justify-content:flex-end}.Sheet__content{z-index:21;width:100%;height:calc(100% - 45px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.Sheet__header{background:#595858;height:45px;width:100%;display:flex;align-items:center;justify-content:center;z-index:10}.Sheet__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#fff}.Sheet__close{position:absolute;left:16px}html[dir='rtl'] .Sheet__close{position:absolute;right:16px}.Sheet__secondaryAction{opacity:0.7;position:absolute;right:16px;color:white;font-size:14px}html[dir='rtl'] .Sheet__secondaryAction{position:absolute;right:unset;left:16px}.Sheet--open{position:relative;overflow:hidden}.slick-slider .slick-track{display:flex}.slick-slider .slick-track .slick-slide{margin-right:4px;margin-left:4px}.slick-slider .slick-track .slick-slide:first-child{margin-left:0}.slick-slider .slick-track .slick-slide:last-child{margin-right:0}.tippy-touch{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0)}.ToolTipInfo{position:relative;background-color:#444}.ToolTipInfo:before{content:'';display:block ;width:0;height:0;position:absolute;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #444;right:120px;top:-7px}.PageTitle{height:40px;background:#f7f7f7;box-sizing:border-box;border-bottom:1px solid #ddd;position:relative}.PageTitle--summary{height:50px}.PageTitle__back{position:absolute;left:13px;padding-top:14px;width:44px;height:44px}.PageTitle__back svg{fill:#36c}html[dir='rtl'] .PageTitle__back{right:13px;text-align:left;transform:rotate(180deg)}.PageTitle__logo{position:absolute;left:52px;top:50%;margin-top:-13px;fill:#36c;width:24px;height:24px}html[dir='rtl'] .PageTitle__logo{right:52px}.PageTitle--dark{background:#282828}.Tabs{border-top:solid 1px #ddd}.Tabs__nav{height:40px;background-color:#f3f9ff;border-bottom:solid 1px #ddd;display:flex;justify-content:space-around;align-items:center}.Tabs__item{height:40px;text-align:center;flex-basis:100%;font-size:14px;color:#36c;position:relative}.Tabs__item p{line-height:39px}.Tabs__item.is-active{font-weight:600;border-bottom:solid 2px #36c}.Button,.SocialButton,.Fab{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:0;border:0;border-radius:4px;display:inline-block;appearance:button;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.Button.is-disabled{background-color:#bbb;border:solid 1px #bbb;color:#8a8a8a}.Button--primary{border:solid 1px #f66826;background-color:#f66826;color:white;font-weight:600}.Button--secondary{border:solid 1px #36c;background-color:#36c;color:white}.Button--tertiary{border:solid 1px #697284;background-color:#697284;color:white}.Button--outline{border:solid 1px #919499 ;background-color:#fff;color:#212329}.Button--full{width:100%;padding:14px 12px;font-size:18px}.Button--large{padding:16px 44px;font-size:17px}.Button--extraLarge{padding:14px 32px;font-size:20px}.Button--medium{padding:8px 30px;font-size:14px}.Button--small{padding:8px 12px;font-size:14px}.Button--inline{padding:5px 9px;font-size:12px}.SocialButton{width:100%;padding:14px 12px;font-size:18px;display:flex;justify-content:center;align-items:center}.SocialButton__icon{fill:#fff;margin-right:10px}.SocialButton--facebook{border:solid 1px #3b5998;background-color:#3b5998;color:white}.filter__wrapper{display:flex;flex:1;padding:0 16px;width:100%;height:50px;box-sizing:border-box;justify-content:space-between;flex-direction:column;position:fixed;bottom:16px;z-index:5;transform:translateY(500px);transition:all 0.5s ease-in-out}.filter__wrapper--active{transform:translateY(0);transition:all 0.5s ease-in-out}.filter__wrapper--animation{height:105px;transition:all 0.5s ease-in-out}.filter__wrapper .icon-wrapper{display:flex;flex-direction:row;justify-content:space-between}.filter__wrapper.bg-white-gradient{background-image:linear-gradient(to top, #fff, rgba(255,255,255,0))}.Button,.SocialButton,.Fab{outline:0;border:0;border-radius:4px;display:inline-block;appearance:button;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.Fab{position:fixed;bottom:8px;z-index:5;border-radius:999px;color:#fff;font-weight:500;font-size:14px;height:48px;min-width:48px;padding:0 16px;display:flex;justify-content:center;align-items:center;transition:transform 0.3s ease-in-out}.Fab__icon{fill:#fff;margin-right:4px;display:inline-block;vertical-align:bottom}.Fab__icon--active{position:absolute;top:-10px;right:24px;background-color:white;border:1px solid;border-radius:50%}html[dir='rtl'] .Fab__icon--active{right:unset;left:8px}.Fab-default{position:initial;justify-content:space-between}html[dir='rtl'] .Fab{right:unset;left:16px}.Alert{outline:0;border:0;border-radius:4px;display:inline-block;appearance:button;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.Alert{justify-content:space-between;background-color:#333;border-radius:999px;color:#fff;font-weight:500;font-size:18px;height:48px;padding:0 16px;display:flex;justify-content:center;align-items:center;position:relative}.Alert__icon{fill:#fff;display:inline-block;vertical-align:text-bottom}.Alert__icon--active{position:absolute;top:-7px;right:2px;background-color:white;border:1px solid;border-radius:50%}html[dir='rtl'] .Alert__icon--active{right:unset;left:8px}html[dir='rtl'] .Alert{right:unset}.Stencil{background:#efefef;display:inline-block}.Stencil.has-shimmer{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:linear-gradient(135deg, #efefef 8%, #ddd 18%, #efefef 33%);background-size:800px 120px;position:relative}.Stencil.is-rounded{border-radius:3px}.Stencil.is-circular{border-radius:200px}.Stencil.is-dark{background:#484848}.Stencil.is-dark.has-shimmer{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:linear-gradient(135deg, #484848 8%, #555 18%, #484848 33%);background-size:800px 104px;position:relative}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.Counter__actions{display:flex;align-items:center}.Counter__count{width:30px;text-align:center}.Counter__disabled{opacity:.3}.Sortbar{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd}.Sortbar__nav{height:40px;background-color:#f3f9ff;display:flex;justify-content:space-around;align-items:center}.Sortbar__item{height:40px;text-align:center;flex-basis:100%;font-size:14px;color:#36c;position:relative}.Sortbar__item p{line-height:39px}.Sortbar__item.is-active{border-bottom:solid 2px #36c}.Sortbar__item.is-asc .Sortbar__arrow{transform:rotate(180deg)}.Sortbar__arrow{transition:transform .2s ease-in-out;will-change:transform;backface-visibility:hidden}.Pageloader{z-index:25;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.95);display:flex;justify-content:center;align-items:center}.Pageloader.With-full-opacity{background-color:#fff}.Pageloader__content{text-align:center;max-width:280px}.Pageloader__spinner{width:30px;height:30px;border:2px solid rgba(51,102,204,0.3);border-top-color:#36c;border-radius:50%;position:relative;animation:loader-rotate .8s linear infinite;display:inline-block;margin-bottom:10px}.Pageloader__heading{font-size:18px;color:#000;font-weight:600;margin-bottom:5px}.Pageloader__text{font-size:16px;line-height:1.5;color:rgba(0,0,0,0.8)}@keyframes loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sectionDivider{position:relative}.sectionDivider__text{background-color:white;padding-left:20px;padding-right:20px;position:relative;z-index:2}.sectionDivider__line{height:0;border:none;position:absolute;border-bottom:1px dotted #ddd;top:0;width:100%}.Toast{width:96%;margin-left:2%;margin-right:2%;background-color:#282828;position:fixed;bottom:10px;border-radius:3px;padding:5px 0;box-sizing:content-box;z-index:21;display:flex;align-items:center}.Toast__body{flex:1}.Toast__body p{font-size:13px;line-height:1.2;color:#d7d7d7}.Toast__icon{width:44px;fill:#ece25e}.Toast__closeLink{text-align:center;padding:12px}.Toast__close{fill:rgba(255,255,255,0.6)}.TouchAndGo{background:#fff;width:100%}.TouchAndGo__group{display:flex;align-items:center;position:relative}.TouchAndGo__field{flex:1}.TouchAndGo__field:nth-of-type(2){text-align:right}html[dir='rtl'] .TouchAndGo__field:nth-of-type(2){text-align:left}.TouchAndGo__switch{padding:11px;width:44px;height:44px;position:absolute;left:50%;top:50%;margin-top:-9px;margin-left:-22px;z-index:0}.TouchAndGo__label.has-error{color:#df3b2e }.TouchAndGo__tappable,.TouchAndGo__tappable--left,.TouchAndGo__tappable--large-left,.TouchAndGo__tappable--row,.TouchAndGo__tappable--row-large,.TouchAndGo__tappable--right,.TouchAndGo__tappable--large-right{height:80px;display:flex;flex-direction:column;justify-content:center;position:relative}.TouchAndGo__tappable--left,.TouchAndGo__tappable--large-left,.TouchAndGo__tappable--row,.TouchAndGo__tappable--row-large{margin-left:-16px;padding-left:16px}.TouchAndGo__tappable--right,.TouchAndGo__tappable--large-right,.TouchAndGo__tappable--row,.TouchAndGo__tappable--row-large{margin-right:-16px;padding-right:16px}.TouchAndGo__tappable--large-left{height:102px}.TouchAndGo__tappable--large-right{height:102px}.TouchAndGo__tappable--row-large{height:102px}.LowSeat{background-color:#df3b2e;color:white;font-size:9px;position:absolute;top:4px;right:32px;padding:3px 4px;font-weight:500;border-radius:2px}.LowSeat::after{position:absolute;bottom:-3px;right:4px;content:'';width:0;height:0;border-style:solid;border-width:3px 3px 0 3px;border-color:#df3b2e transparent transparent transparent}html[dir='rtl'] .LowSeat::after{right:unset;left:4px}.SeatLeft{display:flex;flex-direction:column;align-items:middle}.SeatLeft .seatCount{position:absolute;left:46%;z-index:111;color:#fff;font-size:8px;top:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:600;z-index:2}.LowSeatArrows{max-width:18px;padding:1px 4px;background-color:#df3b2e;color:white;font-size:9px;position:relative;text-align:center;line-height:1.2}.LowSeatArrows::after{content:'';width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:6px solid #df3b2e;position:absolute;right:-6px;top:0px}html[dir='rtl'] .LowSeat{right:unset;left:32px}html[dir='rtl'] .seatCount{right:unset;left:54%}html[dir='rtl'] .SeatLeft svg{transform:rotate(-180deg)}.Stepper{display:flex}.Stepper__item{display:flex;justify-content:center;align-items:center;height:18px;width:18px;background-color:#697284;border-radius:40px;position:relative;margin-left:24px}.Stepper__item::before{content:'';width:24px;height:2px;position:absolute;left:-24px;top:8px;background-color:#697284}.Stepper__item:first-child{margin-left:0}.Stepper__item:first-child::before{content:none}html[dir='rtl'] .Stepper__item:first-child::before{content:''}html[dir='rtl'] .Stepper__item:last-child{margin-left:0}html[dir='rtl'] .Stepper__item:last-child::before{content:none}html[dir='rtl'] .Stepper__item:first-child{margin-left:24px}.Stepper__item--active{background-color:#36c}.Stepper__item--active::before{background-color:#36c}.Stepper__count{font-size:12px;color:#fff;font-weight:500}.Overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.5);z-index:25;display:flex;justify-content:center;align-items:center}.Modal{width:90%;background-color:#fff;border-radius:4px;text-align:center;overflow:hidden}.Modal__bottom{border-bottom-right-radius:0;border-bottom-left-radius:0;z-index:25}.Modal__content{padding:30px 16px}.Modal__heading{font-size:20px;font-weight:500;margin-bottom:10px}.Modal__subheading{font-size:15px;color:rgba(0,0,0,0.7);line-height:1.4;margin-top:-5px;margin-bottom:0}.Modal__copy{font-size:16px;color:rgba(0,0,0,0.7);line-height:1.4}.Modal__actions{display:flex}.Modal__action{flex:1;display:block;padding:14px;font-size:14px;font-weight:600;color:rgba(0,0,0,0.6);border-top:solid 1px #eee}.Modal__action--primary{color:#36c}.Modal__action:not(first-child){border-left:solid 1px #eee}.Note{border:1px solid #ddd}.Note__head{top:-10px;background-color:#efeff5}.Note__icon{vertical-align:text-top}.baggageLeg{min-width:160px;max-width:160px}.baggageLeg__info{white-space:initial}.baggageLeg:not(:last-child){border-right:1px dashed #ddd;padding-right:10px;margin-right:10px}html[dir='rtl'] .baggageLeg:not(:last-child){border-right:inherit;padding-right:inherit;margin-right:inherit;border-left:1px dashed #ddd;padding-left:10px;margin-left:10px}.Sticky{overflow:hidden;position:fixed;width:100%;z-index:1;visibility:visible;display:block}.Sticky--top{top:0}.Sticky--bottom{bottom:0;background-color:#efeff4}.Sticky__fake{opacity:0;z-index:-1}.ReadMore__content{height:90px;overflow:hidden}.Lightbox{background-color:#3a3a3a;width:100%;height:100%;display:flex;align-items:center;position:relative}.Lightbox__container{width:100%}.Lightbox__meta{position:absolute;bottom:20px;width:100%;text-align:center}.Searchbar{height:46px;position:relative;background-color:#e6e6e8;border-bottom:1px solid #ddd}.Searchbar__icon{position:absolute;width:11px;height:11px;margin-left:16px;margin-top:15px}html[dir='rtl'] .Searchbar__icon{margin-left:inherit;margin-right:23px}.Searchbar__input{margin-left:8px;margin-right:8px;padding-left:24px ;background-color:#fff ;border:none;font-size:13px;width:calc(100% - 16px) ;height:30px ;margin-top:8px;border-radius:5px}.Searchbar__input::-webkit-input-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#8E8E93 ;font-size:13px}.Searchbar__input:-moz-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#8E8E93 ;font-size:13px}.Searchbar__input::-moz-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#8E8E93 ;font-size:13px}.Searchbar__input:-ms-input-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#8E8E93 ;font-size:13px}html[dir='rtl'] .Searchbar__input{padding-left:inherit ;padding-right:29px }.Gallery__hero{height:210px;margin-bottom:2px}.Gallery__img{height:210px;background-color:#e0e0e0;background-size:cover}.Gallery__reel{display:flex;margin-bottom:2px}.Gallery__frame{flex:1;height:78px}.Gallery__frame:not(:last-child){margin-right:2px}.Gallery__overlay{position:relative}.Gallery__count{position:fixed;top:0;left:0;width:100%;height:100%;position:absolute ;display:flex;color:#fff;font-weight:bold;font-size:20px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.9);opacity:.8}.Swiper{margin:0 auto}.Swiper__item{height:200px;background-color:#2d2d2d;border-radius:4px;background-size:cover}.Swiper__gallery{height:300px;background-color:#484848;background-size:cover}.Swiper__demo{background-color:#eaeaea;height:200px}.SummaryHeader{height:48px;border-bottom:solid 1px #ddd;background-color:#efeff4}.SummaryHeader__menu{float:left;width:44px;height:48px;border-right:1px solid #ddd;cursor:pointer;display:flex;justify-content:center;align-items:center}html[dir='rtl'] .SummaryHeader__menu{float:right;border-left:1px solid #ddd}.SummaryHeader__back{width:100%;height:100%;display:flex;justify-content:center;align-items:center}html[dir='rtl'] .SummaryHeader__back{transform:rotate(180deg)}.SummaryHeader__content{float:left;height:48px;display:flex;justify-content:flex-start;align-items:center;margin-left:12px;width:calc(100% - 57px)}.SummaryHeader__content div{width:100%;margin-top:-4px}html[dir='rtl'] .SummaryHeader__content{margin-left:0px}.Deal{display:flex;align-items:center;background-color:#f9fff2;padding:6px 16px}.Deal__applied{background-color:#fff}.Deal__applied .Deal__logo{background-color:#c00202}.Deal__applied .Deal__copy{color:#000;text-align:left}.Deal__logo{background-color:#2cb946;border-radius:10px;padding:2px 10px;height:20px;display:flex;justify-content:center;align-items:center}.Deal__icon{fill:#fff;width:20px;height:10px}.Deal__copy{margin-left:10px;font-size:12px;line-height:1.4;color:#2ab034;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}html[dir='rtl'] .Deal__copy{margin-left:inherit;margin-right:10px}.Deal__flashSale-logo{height:20px;display:flex;justify-content:center;align-items:center}.Deal__flashSale-icon{fill:#2ab034}.w-52{width:52px}.ViewMore__content{height:0px;overflow:hidden}.flag{display:flex;align-items:center}.flag--top{align-items:flex-start}.flag--bottom{align-items:flex-end}.flag__flex,.flag__fix{display:initial}.flag__flex{min-width:0;flex:1 1 auto}.flag__flex h1,.flag__flex h2,.flag__flex h3,.flag__flex h4,.flag__flex h5,.flag__flex h6,.flag__flex p{margin-top:0}.list--inline{display:flex}.list--inline li{list-style-type:none}.list--separated li:not(:first-child){margin-left:10px}.list--separated li:not(:first-child)::before{content:"·";margin-right:10px}.list--separated__offer-block li:not(:first-child){margin-left:5px}.list--separated__offer-block li:not(:first-child)::before{content:"·";margin-right:5px}.list--spaced li:not(:first-child){margin-left:20px}.list--ordered{list-style-type:none;counter-reset:listcounter}.list--ordered li{position:relative;padding-left:32px;line-height:1.4}.list--ordered li:not(:last-child){margin-bottom:10px}.list--ordered li::before{counter-increment:listcounter;content:counter(listcounter);color:#00bc20;margin-right:10px;position:absolute;border:1px solid #00bc20;left:0;font-size:13px;background-color:#fff;display:inline-block;width:20px;height:20px;border-radius:100%;display:flex;align-items:center;justify-content:center;line-height:1}.list--loading li::before{counter-increment:listcounter;content:counter(listcounter);color:#e0e0e0;margin-right:4px;position:absolute;left:0;font-size:13px;border-color:#e0e0e0;background-color:#fff;display:inline-block;width:20px;height:20px;border-radius:100%;display:flex;align-items:center;justify-content:center;line-height:1}.lists{display:flex;flex-direction:column}.lists li{padding-left:20px;position:relative}.lists li:before{content:'';display:inline-block;width:6px;height:6px;background:#df3b2e;border-radius:50% 50%;position:absolute;top:14px;left:8px}.flex{display:flex}.flex-inline{display:inline-flex}.flex::before,.flex::after,.flex-inline::before,.flex-inline::after{display:none}.flex-left{justify-content:flex-start}.flex-center{justify-content:center}.flex-right{justify-content:flex-end}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-even{justify-content:space-evenly}.flex-stretch{align-items:stretch}.flex-top{align-items:flex-start}.flex-middle{align-items:center}.flex-bottom{align-items:flex-end}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-wrap-stretch{align-content:stretch}.flex-wrap-top{align-content:flex-start}.flex-wrap-middle{align-content:center}.flex-wrap-bottom{align-content:flex-end}.flex-wrap-between{align-content:space-between}.flex-wrap-around{align-content:space-around}.flex-first{order:-1}.flex-last{order:99}.flex-none{flex:none}.flex-auto{flex:auto}.flex-1{flex:1}.h-24{min-height:24px}.h-32{min-height:32px}.h-40{min-height:40px}.h-48{min-height:48px}.h-56{min-height:56px}.h-64{min-height:64px}.h-72{min-height:72px}.h-80{min-height:80px}.h-88{min-height:88px}.h-96{min-height:96px}.h-104{min-height:104px}.h-112{min-height:112px}.h-120{min-height:120px}.h-128{min-height:128px}.h-136{min-height:136px}.h-144{min-height:144px}.h-152{min-height:152px}.h-160{min-height:160px}.h-168{min-height:168px}.h-176{min-height:176px}.h-184{min-height:184px}.maxh-152{max-height:152px}.maxh-168{max-height:168px}.h-100p{height:100%}.w-16{min-width:16px}.w-24{min-width:24px}.w-32{min-width:32px}.w-40{min-width:40px}.w-48{min-width:48px}.w-56{min-width:56px}.w-64{min-width:64px}.w-72{min-width:72px}.w-80{min-width:80px}.w-88{min-width:88px}.w-96{min-width:96px}.w-240{min-width:240px}.w-320{min-width:320px}.w-100p{width:100%}.w-90p{width:90%}.w-80p{width:80%}.w-25p{width:25%}.w-70p{width:70%}.w-60p{width:60%}.w-50p{width:50%}.w-40p{width:40%}.w-30p{width:30%}.w-20p{width:20%}.w-10p{width:10%}.maxw-60p{max-width:60%}.mt-0{margin-top:0}.mt-2{margin-top:2px}.mt-3{margin-top:2px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-13{margin-top:13px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt--2{margin-top:-2px}.mt--3{margin-top:-3px}.mt--5{margin-top:-5px}.mt--10{margin-top:-10px}.mt--15{margin-top:-15px}.mt--20{margin-top:-20px}.mt--25{margin-top:-25px}.mt--30{margin-top:-30px}.mt--35{margin-top:-35px}.mt--40{margin-top:-40px}.mt--50{margin-top:-50px}.mt--60{margin-top:-60px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:2px}.mb-3{margin-bottom:3px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-80{margin-bottom:80px}.mb--0{margin-bottom:-0}.mb--2{margin-bottom:-2px}.mb--3{margin-bottom:-3px}.mb--5{margin-bottom:-5px}.mb--10{margin-bottom:-10px}.mb--15{margin-bottom:-15px}.mb--20{margin-bottom:-20px}.mb--25{margin-bottom:-25px}.mb--30{margin-bottom:-30px}.mb--35{margin-bottom:-35px}.mb--40{margin-bottom:-40px}.mb--50{margin-bottom:-50px}.ml-0{margin-left:0}.ml-2{margin-left:2px}.ml-3{margin-left:3px}.ml-5{margin-left:5px}.ml-7{margin-left:7px}.ml-8{margin-left:8px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}.ml--5{margin-left:-5px}.ml--10{margin-left:-10px}.ml--15{margin-left:-15px}.ml--20{margin-left:-20px}.ml--25{margin-left:-25px}.ml--30{margin-left:-30px}.ml--35{margin-left:-35px}.ml--40{margin-left:-40px}.ml--50{margin-left:-50px}.mr-0{margin-right:0}.mr-1{margin-right:1px}.mr-2{margin-right:2px}.mr-3{margin-right:3px}.mr-4{margin-right:4px}.mr-5{margin-right:5px}.mr-7{margin-right:7px}.mr-8{margin-right:8px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}.mr--5{margin-right:-5px}.mr--10{margin-right:-10px}.mr--15{margin-right:-15px}.mr--20{margin-right:-20px}.mr--25{margin-right:-25px}.mr--30{margin-right:-30px}.mr--35{margin-right:-35px}.mr--40{margin-right:-40px}.mr--50{margin-right:-50px}.mr--8{margin-right:-8px}.ml--8{margin-left:-8px}.mr--16{margin-right:-16px}.ml--16{margin-left:-16px}.pt-0{padding-top:0}.pt-1{padding-top:1px}.pt-2{padding-bottom:2px}.pt-4{padding-top:4px}.pt-5{padding-top:5px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-12{padding-top:12px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:1px}.pb-2{padding-bottom:2px}.pb-4{padding-bottom:4px}.pb-5{padding-bottom:5px}.pb-8{padding-bottom:8px}.pb-10{padding-bottom:10px}.pb-12{padding-bottom:12px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-80{padding-bottom:80px}.pl-0{padding-left:0 }.pl-5{padding-left:5px}.pl-8{padding-left:8px }.pl-10{padding-left:10px}.pl-12{padding-left:12px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pr-0{padding-right:0 }.pr-5{padding-right:5px}.pr-8{padding-right:8px }.pr-10{padding-right:10px}.pr-12{padding-right:12px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pl-16{padding-left:16px}.pr-16{padding-right:16px}.ml-16{margin-left:16px}.mr-16{margin-right:16px}@media (max-width: 320px){.small\:pl-10{padding-left:10px}.small\:pr-10{padding-right:10px}}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.fs-70{font-size:70px}.fs-40{font-size:40px}.fs-30{font-size:30px}.fs-22{font-size:22px}.fs-20{font-size:20px}.fs-18{font-size:18px}.fs-17{font-size:17px}.fs-16{font-size:16px}.fs-15{font-size:15px}.fs-14{font-size:14px}.fs-13{font-size:13px}.fs-12{font-size:12px}.fs-11{font-size:11px}.fs-10{font-size:10px}.fs-9{font-size:9px}.fs-8{font-size:8px}.fs-6{font-size:6px}@media (max-width: 320px){.small\:fs-8{font-size:8px}.small\:fs-11{font-size:11px}.small\:fs-13{font-size:13px}.small\:fs-16{font-size:16px}}.lh-none{line-height:0}.lh-solid{line-height:1}.lh-review{line-height:1.1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.ta-l{text-align:left}.ta-r{text-align:right}.ta-c{text-align:center}.tt-u{text-transform:uppercase}.tt-l{text-transform:lowercase}.tt-c{text-transform:capitalize}.break-w{word-break:break-word}.break-a{word-break:break-all}.ws-nowrap{white-space:nowrap}.t-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.t-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-truncate-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.p-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.p-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.p-truncate-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.clearfix::after{content:' ';display:block;clear:both}.centered{display:flex;justify-content:center;align-items:center}.d-ib{display:inline-block}.d-b{display:block}.d-tc{display:table-cell}.p-relative{position:relative}.p-absolute{position:absolute}.p-fixed{position:fixed}.p-sticky-t{position:sticky;position:-webkit-sticky;top:0;z-index:1}.b-0{bottom:0}.t-0{top:0}.p-sticky-b{position:sticky;position:-webkit-sticky;bottom:0}.ba{border:solid 1px #eaeaea}.bb{border-bottom:solid 1px #eaeaea}.bt{border-top:solid 1px #eaeaea}.bl{border-left:solid 1px #eaeaea}.br{border-right:solid 1px #eaeaea}.bb-dashed{border-bottom:dashed 1px #eaeaea}.bb-0{border-bottom:0 }.bt-0{border-top:0 }.bl-0{border-left:0 }.br-0{border-right:0 }.br0{border-radius:0}.br1{border-radius:0.125rem}.br2{border-radius:0.25rem}.br3{border-radius:0.5rem}.br4{border-radius:1rem}.br100{border-radius:100%}.br-pill{border-radius:9999px}.btr0{border-top-right-radius:0px}.btl0{border-top-left-radius:0px}.bbr0{border-bottom-right-radius:0px}.bbl0{border-bottom-left-radius:0px}.o-0{opacity:0}.o-20{opacity:0.2}.o-50{opacity:0.5}.o-80{opacity:0.8}.o-100{opacity:1}.overflow-x-scroll{overflow-x:scroll;-webkit-overflow-scrolling:touch}.hide-scrollbar{overflow:-moz-scrollbars-none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.overflow-x-noscroll{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}.overflow-y-noscroll{overflow-y:hidden}.ws-nowrap{white-space:nowrap}.vertical-top{vertical-align:top}.vertical-bottom{vertical-align:bottom}.body--modal-open{overflow:hidden}.underline{text-decoration:underline}*{box-sizing:border-box}:not(input):not(textarea):not(button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0.1);-moz-tap-highlight-color:rgba(0,0,0,0.1)}body{padding:0;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Ubuntu', 'Arial', sans-serif;background-color:#efeff4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:'liga'on;font-feature-settings:'liga'on}body{margin:0;width:100%}a{text-decoration:none;color:inherit}input{border-radius:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset }.flex-fix{min-width:120px}.flex-fix-label{min-width:180px}.input--select,.input--text{height:100%;width:100%;padding:0;line-height:1.5;outline:0;border:0;background:transparent}.input--masked{text-security:disc;-webkit-text-security:disc}.Autocomplete__search{padding-left:16px;padding-right:16px;background-color:#fff;border-bottom:solid 1px #ddd;height:40px;font-size:16px}.Autocomplete__search::-webkit-input-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#cbcbcb;font-size:16px}.Autocomplete__search:-moz-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#cbcbcb;font-size:16px}.Autocomplete__search::-moz-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#cbcbcb;font-size:16px}.Autocomplete__search:-ms-input-placeholder{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#cbcbcb;font-size:16px}.ClearButton{position:absolute;right:25px;top:60px}.BankList{padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap}.BankList__item{width:calc(50% - 8px);border:solid 1px #eaeaea;border-radius:3px;height:40px;display:flex;align-items:center;padding-left:10px;margin-bottom:16px}.divider{position:relative}.divider__line{background-color:#e2e2e2;height:1px}.divider__svg-cont{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#efeff4;position:absolute;padding:0 16px}.divider__svg{fill:#717171}.Scrollable{overflow:scroll}@media only screen and (min-width: 1px) and (max-width: 321px){time.fs-14.d-ib.mb-2{font-size:11px }.smaller-device.pl-12{padding-left:8px}.smaller-device p.fs-11,.smaller-device span.fs-11{font-size:9px }.smaller-device .w-52{width:48px}p.fs-12.mt-5.c-black-40{font-size:10px }}.ripple{position:relative;overflow:hidden;transform:translate3d(0, 0, 0)}.ripple::after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle, #acacac 10%, transparent 1.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10, 10);opacity:0;transition:transform 0.5s, opacity 1s}.ripple:active::after{transform:scale(0, 0);opacity:0.2;transition:0s}.Timeline{position:relative}.Timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:2px;background:#36c}html[dir='rtl'] .Timeline::before{left:inherit;right:18px}.Timeline__block{display:flex;align-items:center;margin-left:10px}.Timeline__block:not(:last-child){margin-bottom:30px}.Timeline__node{left:10px;position:absolute;z-index:2}.Timeline__node svg{width:17px;height:17px}html[dir='rtl'] .Timeline__node{left:inherit;right:10px}.Timeline__event{margin-left:30px;text-align:left}html[dir='rtl'] .Timeline__event{margin-left:inherit;margin-right:30px;text-align:right}.Localilty{height:46px}.Progress__container{width:100%;background-color:#eaeaea;height:5px;border-radius:8px;position:relative}.Progress__bar{width:80%;background-color:#599347;height:5px;border-radius:8px;position:absolute;left:0}.input-range__label{color:#000}.input-range__slider{background-color:#fff ;border-color:rgba(0,0,0,0.1) ;box-shadow:-1px 2px 2px rgba(68,68,68,0.6);height:20px ;width:20px ;margin-top:-12px }.input-range__track{height:1px ;background:#ccc}.input-range__label--max,.input-range__label--min{display:none}.input-range__track--active{background:#36c }br{padding-top:10px;padding-bottom:10px}b{font-weight:600;color:#333333}.bg-cover{background-size:cover}.ItineraryHeader{position:relative;height:120px;display:flex;align-items:center;background-size:cover}.ItineraryHeader__overlay{background-color:#000;opacity:0.6;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.ItineraryHeader__content{z-index:0;position:relative;text-align:center;width:90%;margin:auto}.ItineraryHeader__content svg{width:14px;height:14px}.ItineraryHeader__name{color:#fff;font-size:16px;font-weight:600;line-height:1.3}.ItineraryHeader__area{font-size:12px;color:rgba(255,255,255,0.8);margin:10px 0}.disabledFab{background-color:#dcdada}
/*# sourceMappingURL=bento-mobile.css.map */