@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);.comPlainTextContentEditable{-webkit-user-modify:read-write-plaintext-only;cursor:text}.comPlainTextContentEditable--has-placeholder:before{color:inherit;content:attr(placeholder);cursor:text;opacity:.5}.react_trello_dragClass,.react_trello_dragLaneClass{transform:rotate(3deg)}.icon-overflow-menu-horizontal:before{content:"\\E91F"}.icon-lg,.icon-sm{color:#798d99}.icon-lg{font-size:16px;height:32px;line-height:32px;width:32px}:root{--app-height:100%;--app-background-color:#508f55;--app-background-image:none;--app-primary-color:#427a46;--space-primary-color:#427a46;--card-background-color:#427a46;--app-primary-font-color:#fff;--app-navbar-font-color:#fff;--recipes-free-height:69px;--planner-free-height:69px}.smooth-dnd-container *{box-sizing:inherit!important}@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-Regular.e20d5327f1a05620c084.ttf) format("truetype")}html{overscroll-behavior-y:none}body{background-color:#508f55;background-color:var(--app-background-color);background-image:none;background-image:var(--app-background-image)}a{color:#fff;color:var(--app-primary-font-color)}.end-user-community-app a,.smorg-studio a{color:#508f55;color:var(--app-background-color)}.end-user-app{display:flex;margin-bottom:68px}.end-user-app .centering-wrapper{box-shadow:0 4px 50px 40px rgba(0,0,0,.251);margin:0 auto;position:relative;width:min(100vw,1280px)}.end-user-app .landing-page-centering-wrapper{margin:0 auto;width:min(100vw,960px)}.end-user-app:has(.landing-page-centering-wrapper){margin-bottom:0}.end-user-app:has(.smorg-board-container){margin-bottom:0}.MuiDialog-root .MuiPaper-root,.MuiPopover-root .MuiPaper-root{background-color:#fff}.MuiDialog-root .MuiPaper-root a,.MuiPopover-root .MuiPaper-root a{color:#427a46;color:var(--app-primary-color)}.MuiDialog-root.darkBackgroundAuthForm .MuiPaper-root a,.MuiPopover-root.darkBackgroundAuthForm .MuiPaper-root a{color:#fff;color:var(--app-primary-font-color)}.light-background{background-color:#fff}.light-background a{color:#427a46;color:var(--app-primary-color)}.MuiBottomNavigation-root a,.appPreview .MuiBottomNavigation-root a{color:#fff;color:var(--app-navbar-font-color)}.App{background-color:#508f55;background-color:var(--app-background-color);overflow-y:hidden;text-align:center}.topNavBar{align-items:center;background-color:#427a46;background-color:var(--app-primary-color);display:flex;justify-content:space-between;width:100%}.topNavBar a,.topNavBar>div{color:#fff;color:var(--app-primary-font-color)}.topNavBar .logo-image{width:140px}.topNavBar .sections{display:flex;justify-content:flex-start}.topNavBar .sections a{text-decoration:none}.topNavBar .sections a.current{font-weight:700;text-decoration:underline}.topNavBar .globalLinks{display:flex;justify-content:flex-end}.topNavBar .globalLinks a,.topNavBar .globalLinks div,.topNavBar .sections a{margin:auto 5px}.topNavBar .mealBasketWidget{width:220px}.popupTitle{position:relative}.end-user-app .appBottomNavigation{display:inline;display:initial;max-width:1280px}.end-user-app .plannerNavigationBar,.end-user-app .topNavBar{display:none}.end-user-app .topNavBarMobile{display:flex;position:relative}.end-user-app .collections-view,.end-user-app .my-day-view,.end-user-app .recipes-search,.end-user-app .recipes-view,.end-user-app .shared-programmes-view{padding:0 55px;padding-bottom:initial;padding-right:55px;padding-top:initial}.actionsPopupMenu svg{color:#fff;color:var(--app-primary-font-color);height:24px;width:24px}.topNavBarMobile{display:none;height:44px;margin-top:10px}.appPreview .logo-image,.topNavBarMobile .logo-image{height:26px;left:0;margin-left:10px;margin-top:3px;position:absolute;top:0;width:82px}.appPreview .screen-title,.topNavBarMobile .screen-title{font-size:32px}.appPreview .screen-subtitle,.appPreview .screen-title,.topNavBarMobile .screen-subtitle,.topNavBarMobile .screen-title{color:#fff;color:var(--app-primary-font-color);font-weight:700;margin-left:23px;margin-right:23px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.appPreview .screen-subtitle,.topNavBarMobile .screen-subtitle{font-size:18px}.appPreview .actionsPopupMenu svg,.topNavBarMobile .actionsPopupMenu svg{height:36px;width:36px}.react-trello-lane>div>div{max-height:calc(100% - 120px);max-height:calc(var(--app-height) - 120px);overflow-y:auto;overscroll-behavior-y:contain}.mealNutritionDisclaimer{font-size:12px;margin:0 0 8px}.myDayHeroImage{display:none;height:210px}.myDayDesktopBannerImage,.myDayHeroImage{background-position:0 50%;background-repeat:no-repeat;background-size:100%;margin-bottom:0;margin-top:23px}.myDayDesktopBannerImage{height:260px}.meal-type-chip{border-radius:4px;font-size:12px;margin:2px 2px 0}.meal-type-chip span{padding:0 2px}.meal-type-mini-chip{border-radius:4px;font-size:12px;height:18px;margin:2px;width:28px}.meal-type-mini-chip span{padding:0 2px}.non-draggable-lane{display:inline-block;height:100%;vertical-align:top;white-space:normal}#smorg-board .react-trello-lane>div>div{max-height:calc(100% - 141px);max-height:calc(var(--app-height) - var(--recipes-free-height) - 72px)}#smorg-board .meal-type-chip{margin:2px 2px 0 0}#planner-board .react-trello-lane>div>div{max-height:calc(100% - 174px);max-height:calc(var(--app-height) - var(--planner-free-height) - 105px)}#programme-board .react-trello-lane>div>div{max-height:calc(100% - 190px);max-height:calc(var(--app-height) - 190px)}#programme-board.with-fixed-header .react-trello-lane>div>div{max-height:calc(100% - 330px);max-height:calc(var(--app-height) - 330px)}#space-content-board .react-trello-lane>div>div{max-height:calc(100% - 190px);max-height:calc(var(--app-height) - 190px)}#membership-tiers-board .react-trello-lane>div>div.smooth-dnd-container{min-height:240px}#membership-tiers-board .react-trello-lane>div>div{max-height:calc(100% - 190px);max-height:calc(var(--app-height) - 190px)}#membership-tiers-board .react-trello-board{margin:auto}#membership-tiers-board header~div{min-width:360px}#membership-tiers-board header~div article{max-width:360px}.membershipTierForm h5{margin:10px 0 5px;text-align:left}.membershipTierForm .MuiGrid-item{padding:0}.meal-detail-page,.recipes-view,.shared-programmes-view,.user-preferences-page{min-height:calc(100% - 50px);min-height:calc(var(--app-height) - 50px)}.shared-programmes-view{color:#fff;color:var(--app-primary-font-color);text-align:left}.shared-programmes-view .shared-programmes-page{max-height:calc(100% - 73px);max-height:calc(var(--app-height) - 73px);overflow-y:scroll}.shared-programmes-view .MuiIconButton-root,.shared-programmes-view a{color:#fff;color:var(--app-primary-font-color)}.shared-programmes-view .timeline-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 4px #00000040;color:#000;margin:12px 0;max-height:140px;overflow:hidden;width:306px}.my-day-collections .shared-programme-card,.shared-programmes-view .shared-programme-card{border-radius:15px}.collections-trello-view,.collections-view,.my-day-view{color:#fff;color:var(--app-primary-font-color);min-height:calc(100% - 50px);min-height:calc(var(--app-height) - 50px);text-align:left}.collections-trello-view .popup-title-back-button button,.collections-view .popup-title-back-button button,.my-day-view .popup-title-back-button button,.topNavBarMobileLight button{color:#fff;color:var(--app-primary-font-color);margin-top:-4px}.appPreview .skippedCard,.my-day-view .skippedCard,.recipes-search .skippedCard{position:relative}.appPreview .skippedCardOverlay,.my-day-view .skippedCardOverlay,.recipes-search .skippedCardOverlay{background:#000000d1;display:block;display:flex;height:100%;left:0;position:absolute;right:0;top:0;z-index:10}.appPreview .skippedCardOverlay .skippedLabel,.my-day-view .skippedCardOverlay .skippedLabel,.recipes-search .skippedCardOverlay .skippedLabel{color:#fff;color:var(--app-primary-font-color);font-size:24px;font-weight:700;margin:auto}.appPreview .myDayActionCardCompleted,.my-day-view .myDayActionCardCompleted,.recipes-search .myDayActionCardCompleted{color:#427a46;font-size:16px;font-weight:700}.appPreview .myDayContentEntryCardImage,.my-day-view .myDayContentEntryCardImage,.recipes-search .myDayContentEntryCardImage{height:144px;width:336px}.my-day-card{margin:23px 16px 23px 23px;width:336px}.my-day-card,.my-day-compact-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 4px #00000040;color:#000;overflow:hidden}.my-day-compact-card{height:275px;margin:8px;width:244px}.my-day-compact-content-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 4px #00000040;color:#000;height:200px;margin:8px;overflow:hidden;width:244px}.myDayCompactContentEntryCardImage{height:200px;width:244px}.myDayCompactContentEntryCardImage.withFilter{filter:brightness(.65);height:200px;width:244px}.myDayCompactContentEntryCardImage.cardWithNoTitle{height:200px}.myDayCompactContentEntryCardText{background-color:#0000;bottom:20px;color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.narrowEndUserContentEntryCardImage{height:155px;width:166px}.narrowEndUserContentEntryCardImage.withFilter{filter:brightness(.65);height:155px;width:166px}.narrowEndUserContentEntryCardImage.cardWithNoTitle{height:155px}.narrowEndUserContentEntryCardText{background-color:#0000;bottom:20px;color:#fff;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.collections-view .my-day-card,.recipes-view .my-day-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 4px #00000040;color:#000;margin:8px 16px 8px 8px;overflow:hidden;text-align:left;width:336px}.react-trello-board{background-color:#508f55!important;background-color:var(--app-background-color)!important;font-family:Open Sans,sans-serif!important}.react-trello-board section{background-color:#ebecf0;border-radius:15px}.react-trello-board article{background-color:initial;border:none}.react-trello-board article>div{border-radius:15px}.react-trello-board::-webkit-scrollbar{-webkit-appearance:none}.react-trello-board::-webkit-scrollbar:horizontal{height:8px}.react-trello-board::-webkit-scrollbar-thumb{background-color:#00000080;border:1px solid #508f55;border:1px solid var(--app-background-color);border-radius:8px}.react-trello-board::-webkit-scrollbar-track{background-color:#508f55;background-color:var(--app-background-color);border-radius:8px}.react-trello-board .smooth-dnd-draggable-wrapper header+div{max-height:calc(100% - 140px);max-height:calc(var(--app-height) - 140px);overflow-y:clip}#planner-board article,#smorg-board article{background-color:initial}#planner-board article>div .MuiCardContent-root,#smorg-board article>div .MuiCardContent-root{margin:8px 8px 0;padding:0 0 8px;width:100%}#planner-board header~div,#smorg-board header~div{min-width:320px}#planner-board header~div article,#smorg-board header~div article{max-width:320px}.react-trello-board section>header>div{vertical-align:middle}.react-trello-board section>header{justify-content:space-between;padding:0}.react-trello-board section>header textarea{padding:0}.react-trello-card{padding:0!important}.react-trello-lane header textarea,:root{font-family:Open Sans,sans-serif}body{margin:0}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:local("Nunito Regular"),local("Nunito-Regular"),url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.popup-title-close-button{position:absolute;right:5px;top:5px}.popup-title-back-button{left:5px;position:absolute;top:5px}.authForm{background-color:#508f55;background-color:var(--app-background-color);background-image:none;background-image:var(--app-background-image);color:#fff;color:var(--app-primary-font-color);height:100vh;text-align:center}.authForm .logo-image{margin-top:16px;width:136px}.signupForm{background-color:#508f55;background-color:var(--app-background-color);background-image:none;background-image:var(--app-background-image);color:#fff;color:var(--app-primary-font-color);text-align:center}.App:has(.darkBackgroundAuthForm){margin-bottom:0}.darkBackgroundAuthForm a,.darkBackgroundAuthForm h2,.darkBackgroundAuthForm p{color:#fff;color:var(--app-primary-font-color)}.signupDialog .MuiDialog-paper{margin-top:200px}.signupDialog.signupDialogAppTheme .MuiDialog-paper{margin:0}.pingIndicator{align-items:center;display:flex;font-size:14px;margin:15px 0 auto}.pingIndicator svg{margin-right:5px}.mealSubtitleGrid .MuiGrid-root{display:flex;height:35px}.mealSubtitleGrid .mealSubtitleGridLabel{margin:auto 0}.mealInfoGridLabel h5{margin-bottom:0}.mobile-actions-menu{display:none}.userProfile{background-color:#fff;text-align:left}.userProfile .banner{background-color:#e1e4e9;padding:5px;text-align:center}.userProfile .userProfileForm{margin:10px auto;max-width:600px;padding:0 10px;width:100%}.userProfile .userProfileForm h5{margin:10px 0 5px;text-align:left}.userProfile .userProfileForm .MuiGrid-item{padding:0}.onboardingStep .decorationImage{display:flex}.onboardingStep .decorationImage img{float:right}.modalSpinner{align-items:center;background:#427a46e6;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:1101}.newProgramme{background-color:#fff;text-align:left}.newProgramme .newProgrammeForm{margin:10px auto;max-width:600px;padding:0 10px;width:100%}.newProgramme .newProgrammeForm h5{margin:10px 0 5px;text-align:left}.newProgramme .newProgrammeForm .MuiGrid-item{padding:0}.programmes_request_access_intro_image{margin:0 auto;max-width:600px}.programmes_request_access_intro_image img{width:100%}.value .metricQuantity,.value .metricUnit{font-weight:700}.mealCardNutrition{padding:10px 0}.mealCardNutrition .metricLabel{display:none}.mealCardNutrition .value .metricQuantity,.mealCardNutrition .value .metricUnit{font-size:14px;font-weight:400}.stepInput{display:block;margin:0 auto;position:relative;text-align:center;width:75px}.stepInput.stepInputIsLoading{opacity:.5}.stepInput input{font-size:16px;width:70px}.stepInput input[type=number]::-webkit-inner-spin-button,.stepInput input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepInput input[type=number]{-moz-appearance:textfield}.stepInput input{background:#0000;border:none;color:#427a46;color:var(--card-background-color);line-height:0;text-align:center;width:50px}.stepInput input:focus{outline:0}.stepInput .stepInputControls svg{height:24px;width:24px}.stepInput .stepInputControls .quantity-button{align-items:center;cursor:pointer;display:flex;height:100%;left:0;position:absolute;top:0}.stepInput .stepInputControls .quantity-button .svg-inline--fa{color:#427a46;color:var(--card-background-color);font-size:18px}.stepInput .stepInputControls .quantity-button.quantity-up{left:auto;right:0}.mealCardServingsStepInput{margin:auto 0!important}.sharedProgrammeStartPage{background-color:#fff;height:100vh;margin:0 auto;max-width:600px;text-align:left;text-align:initial;width:100%}.sharedProgrammeStartPage .programmeDescription,.sharedProgrammeStartPage .programmeTitle{padding:0 10px}.contentPage{background-color:#fff;height:100vh;margin:0 auto;max-width:900px;text-align:left;text-align:initial;width:100%}.app-wizard,.onboarding-wizard{display:flex;flex-direction:column;text-align:left;width:100%}.app-wizard-title,.onboarding-wizard-title{color:#fff;color:var(--app-primary-font-color);font-size:24px;font-weight:700;margin:30px auto 10px;width:348px}.app-wizard .close-button,.onboarding-wizard .close-button{float:right;height:16px;width:16px}.app-wizard .close-button button,.onboarding-wizard .close-button button{margin-left:-2px;margin-top:-2px;padding:0}.app-wizard-step,.onboarding-wizard-step{background-color:#fff;border-radius:30px;display:flex;flex-direction:column;flex-grow:1;margin:20px auto;padding:20px;width:308px}.app-wizard-step .step-heading,.onboarding-wizard-step .step-heading{flex-grow:0}.app-wizard-step .step-content,.onboarding-wizard-step .step-content{flex-grow:1}.app-wizard-step .wizard-buttons,.onboarding-wizard-step .wizard-buttons{flex-grow:0}.app-wizard-step .completion-percentage,.onboarding-wizard-step .completion-percentage{font-size:14px;font-weight:100;margin:10px 0}.app-wizard-step .step-intro,.onboarding-wizard-step .step-intro{font-size:20px;font-weight:700;margin-bottom:20px}.app-wizard-step .step-title,.onboarding-wizard-step .step-title{font-size:18px;font-weight:700}.app-wizard-step .step-paragraph,.onboarding-wizard-step .step-paragraph{font-size:14px;font-weight:100}.onboarding-wizard{height:calc(100% - 36px);height:calc(var(--app-height) - 36px)}.app-wizard{height:calc(100% - 50px);height:calc(var(--app-height) - 50px)}.subscription-screen{color:#fff;color:var(--app-primary-font-color);display:flex;flex-direction:column;height:calc(100vh - 54px);overflow-y:auto;padding:27px;text-align:left}.subscription-screen .screen-title{font-size:20px;font-weight:700;margin-bottom:25px}.subscription-screen .spacer{flex-grow:1}.subscription-screen .footer{display:flex;text-align:center}.subscription-screen .footer div{flex-basis:0;flex-grow:1;flex-shrink:0}.onboarding-wizard-step .shared-programme-card{border-radius:22px;box-shadow:0 4px 4px 0 rgba(0,0,0,.251)}.available-subscription{border-radius:15px;color:#fff;color:var(--app-navbar-font-color);display:flex;flex-direction:column;margin:50px auto 0;max-width:380px;min-width:310px;padding:10px;text-align:center}.subscription-name{font-size:20px;font-weight:700;margin-bottom:10px}.subscription-short-description{font-size:16px;margin-bottom:10px}.subscribe-action{background-color:#427a46;background-color:var(--app-primary-color);border-radius:20px;cursor:pointer;display:flex;height:54px;margin:10px auto;width:267px}.subscribe-action.is-loading{cursor:auto}.subscribe-action .subscribe-action-text{color:#fff;color:var(--app-navbar-font-color);font-size:16px;font-weight:700;margin:auto}.smorg-companion-subscribe-screen .subscribe-action{height:77px}.recipes-search{text-align:left}.recipes-search .popup-title-back-button button,.recipes-search .recipes-search-form{color:#fff;color:var(--app-primary-font-color)}.recipes-search .recipes-search-form{height:100%}.recipes-search .recipes-search-results,.recipes-search .recipes-search-results .popup-title-back-button svg,.recipes-search .recipes-search-results .popup-title-close-button svg{color:#fff;color:var(--app-primary-font-color)}.recipes-search h2{font-size:20px}.landingPage{overscroll-behavior-y:none}.landingPageCoverImage{background-size:contain;height:220px}.mobile-navigation{background-color:#427a46;background-color:var(--app-primary-color);border-radius:0;bottom:0;position:fixed;width:min(100vw,1280px)}.chat-container{height:calc(100vh - 69px)}.chat-container .cc-conversations__options-view{display:none}.smorgStudioMemberships{background-color:#fff;border-radius:15px;font-size:14px;margin:10px 23px;padding:10px 20px;text-align:left}.smorgStudioMemberships table{border-collapse:collapse}.smorgStudioMemberships table thead tr{border-bottom:1px solid #000}.smorgStudioMemberships table thead th{padding:6px 35px 6px 6px}.smorgStudioMemberships table tbody{color:rgba(0,0,0,.871);overflow-y:scroll}.smorgStudioMemberships table tbody td{padding:6px 35px 6px 6px}.logFoodItemRecentlyAddedItems{display:flex;margin-top:16px;max-height:180px;overflow-y:scroll}.appBottomNavigation,.mealDetailNoDialog{display:none}@media screen and (max-width:799px){.App{margin-bottom:68px;overflow-y:auto}.App:has(.chat-container-no-navbar-mobile){margin-bottom:0}.App:has(.chat-container-no-navbar-mobile) .mobile-navigation{display:none}.chat-container-no-navbar-mobile{height:100vh}.end-user-app .centering-wrapper{max-width:100%}.end-user-app .collections-view,.end-user-app .my-day-view,.end-user-app .recipes-search,.end-user-app .recipes-view,.end-user-app .shared-programmes-view,.end-user-app .user-preferences-page{padding:initial}.end-user-app .landing-page-centering-wrapper{max-width:100%}.end-user-app .myDayDesktopBannerImage{display:none}.myDayHeroImage{display:block}.appBottomNavigation{display:inline;display:initial}.topNavBar{display:none}.topNavBarMobile{display:flex;position:relative}.pingIndicator,.plannerNavigationBar{display:none}#smorg-board .react-trello-board{scroll-padding:calc(50vw - 175px);scroll-snap-type:x mandatory}#smorg-board .react-trello-board .non-draggable-lane,#smorg-board .react-trello-board .smooth-dnd-draggable-wrapper{scroll-snap-align:start}#planner-board .react-trello-board{scroll-padding:calc(50vw - 175px);scroll-snap-type:x mandatory}#planner-board .react-trello-board .non-draggable-lane,#planner-board .react-trello-board .smooth-dnd-draggable-wrapper{scroll-snap-align:start}#products-board .react-trello-board{scroll-padding:calc(50vw - 165px);scroll-snap-type:x mandatory}#products-board .react-trello-board .non-draggable-lane,#products-board .react-trello-board .smooth-dnd-draggable-wrapper{scroll-snap-align:start}#programme-board .react-trello-lane>div>div{max-height:calc(100% - 210px);max-height:calc(var(--app-height) - 210px)}#programme-board.with-fixed-header .react-trello-lane>div>div{max-height:calc(100% - 350px);max-height:calc(var(--app-height) - 350px)}.mealInfoGrid{max-height:140px}.mealInfoGrid .mealInfoGridLabel{display:flex;height:35px;min-height:35px}.mealInfoGrid h5{margin:auto 0}.mealInfoGrid.mealInfoGridLoggingFoodItem{max-height:70px}.mobile-actions-menu{display:inline;display:initial}.MuiDialog-root.darkBackgroundDialog .MuiDialog-paper.MuiPaper-root{background-color:#508f55;background-color:var(--app-background-color)}.MuiDialog-container .MuiDialog-paper{height:100%;margin:0;max-height:100%;width:100%}.onboardingStep .decorationImage{display:none}.authForm .authTeaser{max-width:90%}.authForm .logo-image{margin:0}.signupDialog.withTeaser .MuiDialog-paper{margin-top:150px}.signupDialog.signupDialogAppTheme .MuiDialog-paper{margin:0}.programmes_request_access_intro_image{max-width:300px}.recipes-view,.shared-programmes-view,.user-preferences-page{min-height:calc(100% - 69px);min-height:calc(var(--app-height) - 69px)}.sharedProgrammeStartPage{height:100%;height:calc(var(--app-height))}.app-wizard{height:calc(100% - 69px);height:calc(var(--app-height) - 69px)}.collections-view,.my-day-view{min-height:calc(100% - 69px);min-height:calc(var(--app-height) - 69px)}.logFoodItemRecentlyAddedItems{max-height:calc(100% - 400px);max-height:calc(var(--app-height) - 400px)}}.desktopMobilePreview .App{margin-bottom:68px;overflow-y:auto}.desktopMobilePreview .App:has(.chat-container-no-navbar-mobile){margin-bottom:0}.desktopMobilePreview .App:has(.chat-container-no-navbar-mobile) .mobile-navigation{display:none}.desktopMobilePreview .chat-container-no-navbar-mobile{height:100vh}.desktopMobilePreview .end-user-app .centering-wrapper{max-width:100%}.desktopMobilePreview .end-user-app .collections-view,.desktopMobilePreview .end-user-app .my-day-view,.desktopMobilePreview .end-user-app .recipes-search,.desktopMobilePreview .end-user-app .recipes-view,.desktopMobilePreview .end-user-app .shared-programmes-view,.desktopMobilePreview .end-user-app .user-preferences-page{padding:initial}.desktopMobilePreview .end-user-app .landing-page-centering-wrapper{max-width:100%}.desktopMobilePreview .end-user-app .myDayDesktopBannerImage{display:none}.desktopMobilePreview .myDayHeroImage{display:block}.desktopMobilePreview .appBottomNavigation{display:inline;display:initial}.desktopMobilePreview .topNavBar{display:none}.desktopMobilePreview .topNavBarMobile{display:flex;position:relative}.desktopMobilePreview .pingIndicator,.desktopMobilePreview .plannerNavigationBar{display:none}.desktopMobilePreview #smorg-board .react-trello-board{scroll-padding:calc(50vw - 175px);scroll-snap-type:x mandatory}.desktopMobilePreview #smorg-board .react-trello-board .non-draggable-lane,.desktopMobilePreview #smorg-board .react-trello-board .smooth-dnd-draggable-wrapper{scroll-snap-align:start}.desktopMobilePreview #planner-board .react-trello-board{scroll-padding:calc(50vw - 175px);scroll-snap-type:x mandatory}.desktopMobilePreview #planner-board .react-trello-board .non-draggable-lane,.desktopMobilePreview #planner-board .react-trello-board .smooth-dnd-draggable-wrapper{scroll-snap-align:start}.desktopMobilePreview #products-board .react-trello-board{scroll-padding:calc(50vw - 165px);scroll-snap-type:x mandatory}.desktopMobilePreview #products-board .react-trello-board .non-draggable-lane,.desktopMobilePreview #products-board .react-trello-board .smooth-dnd-draggable-wrapper{scroll-snap-align:start}.desktopMobilePreview #programme-board .react-trello-lane>div>div{max-height:calc(100% - 210px);max-height:calc(var(--app-height) - 210px)}.desktopMobilePreview #programme-board.with-fixed-header .react-trello-lane>div>div{max-height:calc(100% - 350px);max-height:calc(var(--app-height) - 350px)}.desktopMobilePreview .mealInfoGrid{max-height:140px}.desktopMobilePreview .mealInfoGrid .mealInfoGridLabel{display:flex;height:35px;min-height:35px}.desktopMobilePreview .mealInfoGrid h5{margin:auto 0}.desktopMobilePreview .mealInfoGrid.mealInfoGridLoggingFoodItem{max-height:70px}.desktopMobilePreview .mobile-actions-menu{display:inline;display:initial}.desktopMobilePreview .MuiDialog-root.darkBackgroundDialog .MuiDialog-paper.MuiPaper-root{background-color:#508f55;background-color:var(--app-background-color)}.desktopMobilePreview .MuiDialog-container .MuiDialog-paper{height:100%;margin:0;max-height:100%;width:100%}.desktopMobilePreview .onboardingStep .decorationImage{display:none}.desktopMobilePreview .authForm .authTeaser{max-width:90%}.desktopMobilePreview .authForm .logo-image{margin:0}.desktopMobilePreview .signupDialog.withTeaser .MuiDialog-paper{margin-top:150px}.desktopMobilePreview .signupDialog.signupDialogAppTheme .MuiDialog-paper{margin:0}.desktopMobilePreview .programmes_request_access_intro_image{max-width:300px}.desktopMobilePreview .recipes-view,.desktopMobilePreview .shared-programmes-view,.desktopMobilePreview .user-preferences-page{min-height:calc(100% - 69px);min-height:calc(var(--app-height) - 69px)}.desktopMobilePreview .sharedProgrammeStartPage{height:100%;height:calc(var(--app-height))}.desktopMobilePreview .app-wizard{height:calc(100% - 69px);height:calc(var(--app-height) - 69px)}.desktopMobilePreview .collections-view,.desktopMobilePreview .my-day-view{min-height:calc(100% - 69px);min-height:calc(var(--app-height) - 69px)}.desktopMobilePreview .logFoodItemRecentlyAddedItems{max-height:calc(100% - 400px);max-height:calc(var(--app-height) - 400px)}.smartbanner-show.smartbanner-margin-top{margin-top:80px}.smartbanner-show.smartbanner-margin-bottom{margin-bottom:80px}.smartbanner-show .smartbanner{display:block}.smartbanner{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;background:#f4f4f4;display:none;font-family:Helvetica Neue,sans-serif;height:80px;left:0;line-height:80px;overflow:hidden;width:100%;z-index:9998}.smartbanner-top{position:absolute;top:0}.smartbanner-bottom{bottom:0;position:fixed}.smartbanner-container{margin:0 auto;padding:0 5px}.smartbanner-close{-webkit-font-smoothing:subpixel-antialiased;background-color:#0000;border:0;border-radius:14px;color:#888;display:inline-block;font-family:ArialRoundedMTBold,Arial;font-size:20px;margin:0 5px 0 0;padding:0 0 1px;text-align:center;text-decoration:none;vertical-align:middle}.smartbanner-close:active,.smartbanner-close:hover{color:#aaa}.smartbanner-icon{background-size:cover;border-radius:10px;height:57px;margin-right:12px;width:57px}.smartbanner-icon,.smartbanner-info{display:inline-block;vertical-align:middle}.smartbanner-info{font-size:11px;font-weight:700;line-height:1.2em;white-space:normal;width:calc(99% - 201px)}.smartbanner-wrapper{display:inline-block;max-width:110px;text-align:right;width:100%}.smartbanner-title{font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smartbanner-description{max-height:40px;overflow:hidden}.smartbanner-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smartbanner-author:empty+.smartbanner-description{max-height:50px}.smartbanner-button{color:#6a6a6a;display:inline-block;font-size:14px;font-weight:700;height:24px;line-height:24px;margin:auto 0;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fffc;text-transform:uppercase}.smartbanner-button:active,.smartbanner-button:hover{color:#aaa}.smartbanner-ios{background:#f2f2f2;box-shadow:0 1px 1px #0003;line-height:80px}.smartbanner-ios .smartbanner-close{-webkit-font-smoothing:none;border:0;color:#888;font-family:Arial;height:18px;line-height:18px;text-shadow:0 1px 0 #fff;width:18px}.smartbanner-ios .smartbanner-close:active,.smartbanner-ios .smartbanner-close:hover{color:#888}.smartbanner-ios .smartbanner-icon{background-size:cover}.smartbanner-ios .smartbanner-info{color:#6a6a6a;font-weight:300;text-shadow:0 1px 0 #fffc}.smartbanner-ios .smartbanner-title{color:#4d4d4d;font-weight:500}.smartbanner-ios .smartbanner-button{color:#0c71fd;font-size:15px;font-weight:400;min-width:10%;padding:0 10px}.smartbanner-ios .smartbanner-button:active,.smartbanner-ios .smartbanner-button:hover{background:#f2f2f2}.smartbanner-android{background:#3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);box-shadow:inset 0 4px 0 #88b131;line-height:82px}.smartbanner-android .smartbanner-close{background:#1c1e21;border:0;box-shadow:inset 0 1px 2px #000c,0 1px 1px #ffffff4d;color:#b1b1b3;cursor:pointer;height:17px;line-height:17px;margin-right:7px;max-width:17px;text-decoration:none;text-shadow:0 1px 1px #000;width:100%}.smartbanner-android .smartbanner-close:active,.smartbanner-android .smartbanner-close:hover{color:#eee}.smartbanner-android .smartbanner-icon{background-color:#0000;box-shadow:none}.smartbanner-android .smartbanner-info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner-android .smartbanner-title{color:#fff;font-weight:700}.smartbanner-android .smartbanner-button{background:none;border-radius:0;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc;color:#d1d1d1;font-weight:700;min-width:12%;padding:0}.smartbanner-android .smartbanner-button:active,.smartbanner-android .smartbanner-button:hover{background:none}.smartbanner-android .smartbanner-button-text{background:#42b6c9;background:linear-gradient(180deg,#42b6c9,#39a9bb);box-shadow:none;display:block;padding:0 10px;text-align:center;text-shadow:none;text-transform:none}.smartbanner-android .smartbanner-button-text:active,.smartbanner-android .smartbanner-button-text:hover{background:#2ac7e1}.smartbanner-kindle,.smartbanner-windows{background:#f4f4f4;background:linear-gradient(180deg,#f4f4f4,#cdcdcd);box-shadow:0 1px 2px #00000080;line-height:80px}.smartbanner-kindle .smartbanner-close,.smartbanner-windows .smartbanner-close{border:0;color:#888;height:18px;line-height:18px;text-shadow:0 1px 0 #fff;width:18px}.smartbanner-kindle .smartbanner-close:active,.smartbanner-kindle .smartbanner-close:hover,.smartbanner-windows .smartbanner-close:active,.smartbanner-windows .smartbanner-close:hover{color:#aaa}.smartbanner-kindle .smartbanner-icon,.smartbanner-windows .smartbanner-icon{background:#0009;background-size:cover;box-shadow:0 1px 3px #0000004d}.smartbanner-kindle .smartbanner-info,.smartbanner-windows .smartbanner-info{color:#6a6a6a;text-shadow:0 1px 0 #fffc}.smartbanner-kindle .smartbanner-title,.smartbanner-windows .smartbanner-title{color:#4d4d4d;font-weight:700}.smartbanner-kindle .smartbanner-button,.smartbanner-windows .smartbanner-button{background:#efefef;background:linear-gradient(180deg,#efefef,#dcdcdc);border-radius:3px;box-shadow:inset 0 0 0 1px #bfbfbf,0 1px 0 #fff9,inset 0 2px 0 #ffffffb3;color:#6a6a6a;min-width:10%;padding:0 10px}.smartbanner-kindle .smartbanner-button:active,.smartbanner-kindle .smartbanner-button:hover,.smartbanner-windows .smartbanner-button:active,.smartbanner-windows .smartbanner-button:hover{background:#dcdcdc;background:linear-gradient(180deg,#dcdcdc,#efefef)}.miq-block-list-item{border-radius:4px;margin:10px 0;padding:0 4px;position:relative}.ingLabelChecked{text-decoration:line-through}.ingTokenING{color:#427a46}.ingTokenING,.ingTokenQTY,.ingTokenUNITS{font-weight:700}.ingTokenUNITS{font-style:italic}.ingLabelHeading{font-size:18px;font-weight:700}.unlinked .ingTokenING.tokenHighlighted{color:red}.suggestionsBoxContainer{margin-top:-6px;position:relative;width:100%}.suggestionsBox{left:0;position:absolute;top:0;width:100%;z-index:1}.nutritionTable{width:100%}.nutritionTable ul{margin:0;padding-left:1em}.scaledForWidget{font-size:medium}.scaledForWidget input{font-size:16px;margin-left:5px;padding-bottom:5px;padding-left:10px;padding-top:7px;width:50px}.suggestionHighlight{color:var(--app-primary-color);font-weight:700}.ingredientsEditModeWidget{display:inline;font-size:16px;font-weight:400;margin-left:16px}.ingredientsEditModeWidget svg{height:20px;margin-bottom:-4px;margin-left:4px;width:20px}@media screen and (max-width:799px){.adjustMarginOnMobile{margin-left:-5px;margin-right:5px}}.marvel-device{box-sizing:initial!important;display:inline-block;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.marvel-device .screen{background:#fff;border-radius:1px;box-shadow:0 0 0 3px #111;display:block;height:100%;overflow:hidden;position:relative;width:100%;z-index:3}.marvel-device .bottom-bar,.marvel-device .top-bar{background:#000;display:block;height:3px;width:100%}.marvel-device .middle-bar{background:#000;height:4px;left:90px;position:absolute;top:0;width:3px}.marvel-device.iphone8{background:#d9dbdc;border-radius:56px;box-shadow:inset 0 0 3px 0 #0003;height:667px;padding:105px 24px;width:375px}.marvel-device.iphone8:before{background:#f8f8f8;border-radius:50px;content:"";height:calc(100% - 12px);left:6px;position:absolute;top:6px;width:calc(100% - 12px);z-index:1}.marvel-device.iphone8:after{border-radius:48px;box-shadow:inset 0 0 3px 0 #0000001a,inset 0 0 6px 3px #fff;content:"";height:calc(100% - 16px);left:8px;position:absolute;top:8px;width:calc(100% - 16px);z-index:2}.marvel-device.iphone8 .home{background:#303233;background:linear-gradient(135deg,#303233,#b5b7b9 50%,#f0f2f2 69%,#303233);border-radius:100%;bottom:22px;height:68px;left:50%;margin-left:-34px;position:absolute;width:68px;z-index:3}.marvel-device.iphone8 .home:before{background:#f8f8f8;border-radius:100%;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.marvel-device.iphone8 .top-bar{background:#bfbfc0;height:14px;left:0;position:absolute;top:68px}.marvel-device.iphone8 .bottom-bar{background:#bfbfc0;bottom:68px;height:14px;left:0;position:absolute}.marvel-device.iphone8 .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;height:66px;position:absolute;right:-4px;top:190px;width:4px}.marvel-device.iphone8 .volume{background:#d9dbdc;border-radius:2px 0 0 2px;height:66px;left:-4px;position:absolute;top:188px;width:4px;z-index:0}.marvel-device.iphone8 .volume:before{height:40px;left:2px;top:-78px;width:2px}.marvel-device.iphone8 .volume:after,.marvel-device.iphone8 .volume:before{background:inherit;border-radius:2px 0 0 2px;content:"";display:block;position:absolute}.marvel-device.iphone8 .volume:after{height:66px;left:0;top:82px;width:4px}.marvel-device.iphone8 .camera{height:12px;left:50%;margin-left:-6px;top:24px;width:12px}.marvel-device.iphone8 .camera,.marvel-device.iphone8 .sensor{background:#3c3d3d;border-radius:100%;position:absolute;z-index:3}.marvel-device.iphone8 .sensor{height:16px;left:134px;top:49px;width:16px}.marvel-device.iphone8 .speaker{background:#292728;border-radius:6px;height:6px;left:50%;margin-left:-35px;position:absolute;top:54px;width:70px;z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .bottom-bar,.marvel-device.iphone8.gold .top-bar{background:#fff}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg,#cebba9,#f9e7d3 50%,#cebba9)}.marvel-device.iphone8.black{background:#464646;box-shadow:inset 0 0 3px 0 #000000b3}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{box-shadow:inset 0 0 3px 0 #0000001a,inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .bottom-bar,.marvel-device.iphone8.black .top-bar{background:#212121}.marvel-device.iphone8.black .sleep,.marvel-device.iphone8.black .volume{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg,#080808,#464646 50%,#080808)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{height:375px;padding:24px 105px;width:667px}.marvel-device.iphone8.landscape .sleep{border-radius:0 0 2px 2px;height:4px;right:190px;top:100%;width:66px}.marvel-device.iphone8.landscape .volume{border-radius:2px 2px 0 0;height:4px;left:calc(100% - 254px);top:-4px;width:66px}.marvel-device.iphone8.landscape .volume:before{border-radius:2px 2px 0 0;height:2px;left:auto;right:-78px;top:2px;width:40px}.marvel-device.iphone8.landscape .volume:after{border-radius:2px 2px 0 0;height:4px;left:-82px;top:0;width:66px}.marvel-device.iphone8.landscape .top-bar{height:100%;left:calc(100% - 82px);top:0;width:14px}.marvel-device.iphone8.landscape .bottom-bar{height:100%;left:68px;top:0;width:14px}.marvel-device.iphone8.landscape .home{left:22px;margin-left:0;margin-top:-34px;top:50%}.marvel-device.iphone8.landscape .sensor{left:calc(100% - 65px);top:134px}.marvel-device.iphone8.landscape .speaker{height:70px;left:calc(100% - 60px);margin-left:0;margin-top:-35px;top:50%;width:6px}.marvel-device.iphone8.landscape .camera{left:calc(100% - 32px);margin-left:0;margin-top:-5px;top:50%}.marvel-device.iphone8plus{background:#d9dbdc;border-radius:56px;box-shadow:inset 0 0 3px 0 #0003;height:736px;padding:112px 26px;width:414px}.marvel-device.iphone8plus:before{background:#f8f8f8;border-radius:50px;content:"";height:calc(100% - 12px);left:6px;position:absolute;top:6px;width:calc(100% - 12px);z-index:1}.marvel-device.iphone8plus:after{border-radius:48px;box-shadow:inset 0 0 3px 0 #0000001a,inset 0 0 6px 3px #fff;content:"";height:calc(100% - 16px);left:8px;position:absolute;top:8px;width:calc(100% - 16px);z-index:2}.marvel-device.iphone8plus .home{background:#303233;background:linear-gradient(135deg,#303233,#b5b7b9 50%,#f0f2f2 69%,#303233);border-radius:100%;bottom:24px;height:68px;left:50%;margin-left:-34px;position:absolute;width:68px;z-index:3}.marvel-device.iphone8plus .home:before{background:#f8f8f8;border-radius:100%;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.marvel-device.iphone8plus .top-bar{background:#bfbfc0;height:14px;left:0;position:absolute;top:68px}.marvel-device.iphone8plus .bottom-bar{background:#bfbfc0;bottom:68px;height:14px;left:0;position:absolute}.marvel-device.iphone8plus .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;height:66px;position:absolute;right:-4px;top:190px;width:4px}.marvel-device.iphone8plus .volume{background:#d9dbdc;border-radius:2px 0 0 2px;height:66px;left:-4px;position:absolute;top:188px;width:4px;z-index:0}.marvel-device.iphone8plus .volume:before{height:40px;left:2px;top:-78px;width:2px}.marvel-device.iphone8plus .volume:after,.marvel-device.iphone8plus .volume:before{background:inherit;border-radius:2px 0 0 2px;content:"";display:block;position:absolute}.marvel-device.iphone8plus .volume:after{height:66px;left:0;top:82px;width:4px}.marvel-device.iphone8plus .camera{background:#3c3d3d;border-radius:100%;height:12px;left:50%;margin-left:-6px;position:absolute;top:29px;width:12px;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;border-radius:100%;height:16px;left:154px;position:absolute;top:54px;width:16px;z-index:3}.marvel-device.iphone8plus .speaker{background:#292728;border-radius:6px;height:6px;left:50%;margin-left:-35px;position:absolute;top:59px;width:70px;z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .bottom-bar,.marvel-device.iphone8plus.gold .top-bar{background:#fff}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg,#cebba9,#f9e7d3 50%,#cebba9)}.marvel-device.iphone8plus.black{background:#464646;box-shadow:inset 0 0 3px 0 #000000b3}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{box-shadow:inset 0 0 3px 0 #0000001a,inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .bottom-bar,.marvel-device.iphone8plus.black .top-bar{background:#212121}.marvel-device.iphone8plus.black .sleep,.marvel-device.iphone8plus.black .volume{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg,#080808,#464646 50%,#080808)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{height:414px;padding:26px 112px;width:736px}.marvel-device.iphone8plus.landscape .sleep{border-radius:0 0 2px 2px;height:4px;right:190px;top:100%;width:66px}.marvel-device.iphone8plus.landscape .volume{border-radius:2px 2px 0 0;height:4px;left:calc(100% - 254px);top:-4px;width:66px}.marvel-device.iphone8plus.landscape .volume:before{border-radius:2px 2px 0 0;height:2px;left:auto;right:-78px;top:2px;width:40px}.marvel-device.iphone8plus.landscape .volume:after{border-radius:2px 2px 0 0;height:4px;left:-82px;top:0;width:66px}.marvel-device.iphone8plus.landscape .top-bar{height:100%;left:calc(100% - 82px);top:0;width:14px}.marvel-device.iphone8plus.landscape .bottom-bar{height:100%;left:68px;top:0;width:14px}.marvel-device.iphone8plus.landscape .home{left:24px;margin-left:0;margin-top:-34px;top:50%}.marvel-device.iphone8plus.landscape .sensor{left:calc(100% - 70px);top:154px}.marvel-device.iphone8plus.landscape .speaker{height:70px;left:calc(100% - 65px);margin-left:0;margin-top:-35px;top:50%;width:6px}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - 29px);margin-left:0;margin-top:-5px;top:50%}.marvel-device.iphone5c,.marvel-device.iphone5s{background:#2c2b2c;border-radius:50px;height:568px;padding:105px 22px;width:320px}.marvel-device.iphone5c:before,.marvel-device.iphone5s:before{background:#1e1e1e;border-radius:46px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px);z-index:1}.marvel-device.iphone5c .sleep,.marvel-device.iphone5s .sleep{background:#282727;border-radius:2px 2px 0 0;height:4px;position:absolute;right:60px;top:-4px;width:60px}.marvel-device.iphone5c .volume,.marvel-device.iphone5s .volume{background:#282727;border-radius:2px 0 0 2px;height:27px;left:-4px;position:absolute;top:180px;width:4px;z-index:0}.marvel-device.iphone5c .volume:before,.marvel-device.iphone5s .volume:before{background:inherit;border-radius:2px 0 0 2px;content:"";display:block;height:35px;left:0;position:absolute;top:-75px;width:4px}.marvel-device.iphone5c .volume:after,.marvel-device.iphone5s .volume:after{background:inherit;border-radius:2px 0 0 2px;bottom:-64px;content:"";display:block;height:27px;left:0;position:absolute;width:4px}.marvel-device.iphone5c .camera,.marvel-device.iphone5s .camera{background:#3c3d3d;border-radius:5px;height:10px;left:50%;margin-left:-5px;position:absolute;top:32px;width:10px;z-index:3}.marvel-device.iphone5c .sensor,.marvel-device.iphone5s .sensor{background:#3c3d3d;border-radius:5px;height:10px;left:160px;margin-left:-32px;position:absolute;top:60px;width:10px;z-index:3}.marvel-device.iphone5c .speaker,.marvel-device.iphone5s .speaker{background:#292728;border-radius:5px;height:10px;left:50%;margin-left:-32px;position:absolute;top:60px;width:64px;z-index:3}.marvel-device.iphone5c.landscape,.marvel-device.iphone5s.landscape{height:320px;padding:22px 105px;width:568px}.marvel-device.iphone5c.landscape .sleep,.marvel-device.iphone5s.landscape .sleep{border-radius:0 2px 2px 0;height:60px;right:-4px;top:calc(100% - 120px);width:4px}.marvel-device.iphone5c.landscape .volume,.marvel-device.iphone5s.landscape .volume{border-radius:2px 2px 0 0;height:4px;left:calc(100% - 180px);top:-4px;width:27px}.marvel-device.iphone5c.landscape .volume:before,.marvel-device.iphone5s.landscape .volume:before{border-radius:2px 2px 0 0;height:4px;left:auto;right:-75px;top:0;width:35px}.marvel-device.iphone5c.landscape .volume:after,.marvel-device.iphone5s.landscape .volume:after{border-radius:2px 2px 0 0;bottom:0;height:4px;left:-64px;width:27px;z-index:999}.marvel-device.iphone5c.landscape .sensor,.marvel-device.iphone5s.landscape .sensor{left:calc(100% - 60px);margin-left:0;margin-top:-32px;top:160px}.marvel-device.iphone5c.landscape .speaker,.marvel-device.iphone5s.landscape .speaker{height:64px;left:calc(100% - 60px);margin-left:0;margin-top:-32px;top:50%;width:10px}.marvel-device.iphone5c.landscape .camera,.marvel-device.iphone5s.landscape .camera{left:calc(100% - 32px);margin-left:0;margin-top:-5px;top:50%}.marvel-device.iphone5s .home{border-radius:36px;bottom:19px;box-shadow:inset 0 0 0 4px #2c2b2c;height:68px;left:50%;margin-left:-34px;position:absolute;width:68px;z-index:3}.marvel-device.iphone5s .top-bar{left:0;position:absolute;top:70px}.marvel-device.iphone5s .bottom-bar{bottom:70px;left:0;position:absolute}.marvel-device.iphone5s.landscape .home{bottom:50%;left:19px;margin-bottom:-34px;margin-left:0}.marvel-device.iphone5s.landscape .top-bar{height:100%;left:70px;top:0;width:3px}.marvel-device.iphone5s.landscape .bottom-bar{bottom:0;height:100%;left:auto;right:70px;width:3px}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .sleep,.marvel-device.iphone5s.silver .volume{background:#d6d6d6}.marvel-device.iphone5s.silver .bottom-bar,.marvel-device.iphone5s.silver .top-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .sleep,.marvel-device.iphone5s.gold .volume{background:#f9e7d3}.marvel-device.iphone5s.gold .bottom-bar,.marvel-device.iphone5s.gold .top-bar{background:#fff}.marvel-device.iphone5s.gold .home{box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:#fff;box-shadow:0 1px 2px 0 #0003}.marvel-device.iphone5c .bottom-bar,.marvel-device.iphone5c .top-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:36px;bottom:19px;height:68px;left:50%;margin-left:-34px;position:absolute;width:68px;z-index:3}.marvel-device.iphone5c .home:after{border:1px solid #ffffff1a;border-radius:4px;content:"";display:block;height:20px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:50%;width:20px}.marvel-device.iphone5c.landscape .home{bottom:50%;left:19px;margin-bottom:-34px;margin-left:0}.marvel-device.iphone5c .sleep,.marvel-device.iphone5c .volume{background:#ddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .sleep,.marvel-device.iphone5c.red .volume{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .sleep,.marvel-device.iphone5c.yellow .volume{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .sleep,.marvel-device.iphone5c.green .volume{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .sleep,.marvel-device.iphone5c.blue .volume{background:#2694cd}.marvel-device.iphone4s{background:#686868;border-radius:54px;height:480px;padding:129px 27px;width:320px}.marvel-device.iphone4s:before{background:#1e1e1e;border-radius:50px;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px);z-index:1}.marvel-device.iphone4s .top-bar{left:0;position:absolute;top:60px}.marvel-device.iphone4s .bottom-bar{bottom:90px;left:0;position:absolute}.marvel-device.iphone4s .camera{background:#3c3d3d;border-radius:100%;height:10px;left:134px;margin-left:-5px;position:absolute;top:72px;width:10px;z-index:3}.marvel-device.iphone4s .speaker{margin-left:-32px;top:72px;width:64px}.marvel-device.iphone4s .sensor,.marvel-device.iphone4s .speaker{background:#292728;border-radius:5px;height:10px;left:50%;position:absolute;z-index:3}.marvel-device.iphone4s .sensor{margin-left:-20px;top:36px;width:40px}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;bottom:30px;height:72px;left:50%;margin-left:-36px;position:absolute;width:72px;z-index:3}.marvel-device.iphone4s .home:after{border:1px solid #ffffff1a;border-radius:4px;content:"";display:block;height:20px;left:50%;margin-left:-11px;margin-top:-11px;position:absolute;top:50%;width:20px}.marvel-device.iphone4s .sleep{background:#4d4d4d;border-radius:2px 2px 0 0;height:4px;position:absolute;right:60px;top:-4px;width:60px}.marvel-device.iphone4s .volume{background:#4d4d4d;border-radius:2px 0 0 2px;height:27px;left:-4px;position:absolute;top:160px;width:4px}.marvel-device.iphone4s .volume:before{height:35px;top:-70px}.marvel-device.iphone4s .volume:after,.marvel-device.iphone4s .volume:before{background:inherit;border-radius:2px 0 0 2px;content:"";display:block;left:0;position:absolute;width:4px}.marvel-device.iphone4s .volume:after{bottom:-64px;height:27px}.marvel-device.iphone4s.landscape{height:320px;padding:27px 129px;width:480px}.marvel-device.iphone4s.landscape .bottom-bar{bottom:0;height:100%;left:90px;width:3px}.marvel-device.iphone4s.landscape .top-bar{height:100%;left:calc(100% - 60px);top:0;width:3px}.marvel-device.iphone4s.landscape .camera{left:calc(100% - 72px);margin-left:0;top:134px}.marvel-device.iphone4s.landscape .speaker{height:64px;left:calc(100% - 72px);margin-left:0;margin-top:-32px;top:50%;width:10px}.marvel-device.iphone4s.landscape .sensor{height:40px;left:calc(100% - 36px);margin-left:0;margin-top:-20px;top:50%;width:10px}.marvel-device.iphone4s.landscape .home{bottom:50%;left:30px;margin-bottom:-36px;margin-left:0}.marvel-device.iphone4s.landscape .sleep{border-radius:0 2px 2px 0;height:60px;right:-4px;top:calc(100% - 120px);width:4px}.marvel-device.iphone4s.landscape .volume{border-radius:2px 2px 0 0;height:4px;left:calc(100% - 187px);top:-4px;width:27px}.marvel-device.iphone4s.landscape .volume:before{border-radius:2px 2px 0 0;height:4px;left:auto;right:-70px;top:0;width:35px}.marvel-device.iphone4s.landscape .volume:after{border-radius:2px 2px 0 0;bottom:0;height:4px;left:-64px;width:27px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid #0003}.marvel-device.iphone4s.silver .sleep,.marvel-device.iphone4s.silver .volume{background:#d6d6d6}.marvel-device.nexus5{background:#1e1e1e;border-radius:20px;height:568px;padding:50px 15px;width:320px}.marvel-device.nexus5:before{background:inherit;border-radius:600px/50px;content:"";height:103.1%;left:50%;position:absolute;top:0;top:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 26px)}.marvel-device.nexus5 .top-bar{background:#181818;border-radius:20px;height:calc(100% - 6px);left:4px;position:absolute;top:3px;width:calc(100% - 8px)}.marvel-device.nexus5 .top-bar:before{background:inherit;border-radius:600px/50px;content:"";height:103%;left:50%;position:absolute;top:0;top:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 26px)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{background:inherit;border-radius:2px 0 0 2px;height:100px;left:-3px;position:absolute;top:110px;width:3px}.marvel-device.nexus5 .volume{background:inherit;border-radius:0 2px 2px 0;height:45px;position:absolute;right:-3px;top:70px;width:3px}.marvel-device.nexus5 .camera{background:#3c3d3d;border-radius:100%;height:10px;left:50%;margin-left:-5px;position:absolute;top:18px;width:10px;z-index:3}.marvel-device.nexus5 .camera:before{background:#3c3d3d;border-radius:100%;content:"";display:block;height:6px;left:-100px;position:absolute;top:2px;width:6px;z-index:3}.marvel-device.nexus5.landscape{height:320px;padding:15px 50px;width:568px}.marvel-device.nexus5.landscape:before{border-radius:50px/600px;height:calc(100% - 26px);width:103.1%}.marvel-device.nexus5.landscape .top-bar{height:calc(100% - 8px);left:3px;top:4px;width:calc(100% - 6px)}.marvel-device.nexus5.landscape .top-bar:before{border-radius:50px/600px;height:calc(100% - 26px);width:103%}.marvel-device.nexus5.landscape .sleep{border-radius:2px 2px 0 0;height:3px;left:calc(100% - 210px);top:-3px;width:100px}.marvel-device.nexus5.landscape .volume{border-radius:0 0 2px 2px;height:3px;right:70px;top:100%;width:45px}.marvel-device.nexus5.landscape .camera{left:calc(100% - 18px);margin-left:0;margin-top:-5px;top:50%}.marvel-device.nexus5.landscape .camera:before{left:2px;top:-100px}.marvel-device.s5{background:#bcbcbc;border-radius:42px;height:568px;padding:60px 18px;width:320px}.marvel-device.s5:after,.marvel-device.s5:before{background:inherit;border-radius:500px/40px;content:"";display:block;height:26px;left:50%;position:absolute;transform:translateX(-50%);width:calc(100% - 52px)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{background:radial-gradient(#00000005 20%,#0000 60%) 0 0,radial-gradient(#00000005 20%,#0000 60%) 3px 3px;background-color:#fff;background-position:50%;background-size:4px 4px;border-radius:37px;height:calc(100% - 10px);left:5px;position:absolute;top:5px;width:calc(100% - 10px);z-index:2}.marvel-device.s5 .top-bar:after,.marvel-device.s5 .top-bar:before{background:inherit;border-radius:500px/40px;content:"";display:block;height:26px;left:50%;position:absolute;transform:translateX(-50%);width:calc(100% - 48px)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{background:#cecece;border-radius:2px 0 0 2px;height:100px;left:-3px;position:absolute;top:100px;width:3px}.marvel-device.s5 .speaker{background-color:#bcbcbc;background-position:0 0;border-radius:4px;left:50%;margin-left:-34px;width:68px}.marvel-device.s5 .sensor,.marvel-device.s5 .speaker{display:block;height:8px;position:absolute;top:20px;z-index:3}.marvel-device.s5 .sensor{background:#3c3d3d;border-radius:100%;right:110px;width:8px}.marvel-device.s5 .sensor:after{background:#3c3d3d;content:"";height:8px;right:12px;top:0;width:8px}.marvel-device.s5 .camera,.marvel-device.s5 .sensor:after{border-radius:100%;display:block;position:absolute;z-index:3}.marvel-device.s5 .camera{background:#000;height:10px;right:42px;top:24px;width:10px}.marvel-device.s5 .camera:before{background:#3c3d3d;border-radius:100%;content:"";height:4px;left:50%;margin-left:-2px;margin-top:-2px;position:absolute;top:50%;width:4px}.marvel-device.s5 .home{background:#fff;border:2px solid #000;border-radius:18px;bottom:17px;display:block;height:20px;left:50%;margin-left:-35px;position:absolute;width:70px;z-index:3}.marvel-device.s5.landscape{height:320px;padding:18px 60px;width:568px}.marvel-device.s5.landscape:after,.marvel-device.s5.landscape:before{border-radius:40px/500px;height:calc(100% - 52px);transform:translateY(-50%);width:26px}.marvel-device.s5.landscape:before{left:-7px;top:50%}.marvel-device.s5.landscape:after{left:auto;right:-7px;top:50%}.marvel-device.s5.landscape .top-bar:after,.marvel-device.s5.landscape .top-bar:before{border-radius:40px/500px;height:calc(100% - 48px);transform:translateY(-50%);width:26px}.marvel-device.s5.landscape .top-bar:before{left:auto;right:-7px;top:50%}.marvel-device.s5.landscape .top-bar:after{left:-7px;right:auto;top:50%}.marvel-device.s5.landscape .sleep{border-radius:2px 2px 0 0;height:3px;left:calc(100% - 200px);top:-3px;width:100px}.marvel-device.s5.landscape .speaker{height:68px;left:calc(100% - 20px);margin-left:0;margin-top:-34px;top:50%;width:8px}.marvel-device.s5.landscape .sensor{right:20px;top:calc(100% - 110px)}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0}.marvel-device.s5.landscape .camera{right:24px;top:calc(100% - 42px)}.marvel-device.s5.landscape .home{bottom:50%;height:70px;left:17px;margin-bottom:-35px;margin-left:0;width:20px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:#000}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(#0000000d 20%,#0000 60%) 0 0,radial-gradient(#0000000d 20%,#0000 60%) 3px 3px;background-color:#2c2b2c;background-size:4px 4px}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{background:#fd0;border-radius:40px/3px;height:533px;padding:80px 35px 125px;width:320px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{background:#000;border-radius:24px;height:calc(100% - 32px);left:12px;position:absolute;top:16px;width:calc(100% - 24px);z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;border-radius:22px;content:"";display:block;height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:calc(100% - 4px)}.marvel-device.lumia920 .volume{background:#1e1e1e;border-radius:0 2px 2px 0;height:100px;position:absolute;right:-3px;top:130px;width:3px}.marvel-device.lumia920 .volume:before{top:190px}.marvel-device.lumia920 .volume:after,.marvel-device.lumia920 .volume:before{background:inherit;border-radius:0 2px 2px 0;content:"";display:block;height:50px;position:absolute;right:0;width:3px}.marvel-device.lumia920 .volume:after{top:460px}.marvel-device.lumia920 .camera{background:#3c3d3d;border-radius:5px;height:10px;position:absolute;right:130px;top:34px;width:10px;z-index:5}.marvel-device.lumia920 .speaker{background:#292728;border-radius:5px;height:10px;left:50%;margin-left:-32px;position:absolute;top:38px;width:64px;z-index:3}.marvel-device.lumia920.landscape{border-radius:2px/100px;height:320px;padding:35px 80px 35px 125px;width:568px}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - 24px);left:16px;top:12px;width:calc(100% - 32px)}.marvel-device.lumia920.landscape .volume{border-radius:0 0 2px 2px;height:3px;right:130px;top:100%;width:100px}.marvel-device.lumia920.landscape .volume:before{border-radius:0 0 2px 2px;height:3px;right:190px;top:0;width:50px}.marvel-device.lumia920.landscape .volume:after{border-radius:0 0 2px 2px;height:3px;right:430px;top:0;width:50px}.marvel-device.lumia920.landscape .camera{right:30px;top:calc(100% - 140px)}.marvel-device.lumia920.landscape .speaker{height:64px;left:calc(100% - 48px);margin-left:0;margin-top:-32px;top:50%;width:10px}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{background:#fff;box-shadow:0 1px 2px 0 #0003}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#cc3e32}.marvel-device.htc-one{background:#bebebe;border-radius:34px;height:568px;padding:72px 25px 100px;width:320px}.marvel-device.htc-one:before{background:#adadad;border-radius:32px;content:"";display:block;height:calc(100% - 4px);left:2px;position:absolute;top:2px;width:calc(100% - 4px)}.marvel-device.htc-one:after{background:#eee;border-radius:30px;content:"";display:block;height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.marvel-device.htc-one .top-bar{background:#424242;height:635px;left:2px;position:absolute;top:50px;width:calc(100% - 4px);z-index:1}.marvel-device.htc-one .top-bar:before{background:#000;content:"";height:100%;left:2px;position:absolute;top:0;width:calc(100% - 4px);z-index:1}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{background:radial-gradient(#343434 25%,#0000 50%) 0 0,radial-gradient(#343434 25%,#0000 50%) 4px 4px;background-position:0 0;background-size:4px 4px;top:22px}.marvel-device.htc-one .speaker,.marvel-device.htc-one .speaker:after{display:block;height:16px;left:50%;margin-left:-108px;position:absolute;width:216px;z-index:2}.marvel-device.htc-one .speaker:after{background:inherit;content:"";top:676px}.marvel-device.htc-one .camera{background:#3c3d3d;border-radius:100%;display:block;height:24px;position:absolute;right:38px;top:18px;width:24px;z-index:3}.marvel-device.htc-one .camera:before{background:#000;border-radius:100%;content:"";height:8px;left:50%;margin-left:-4px;margin-top:-4px;position:absolute;top:50%;width:8px}.marvel-device.htc-one .sensor{left:60px;top:29px}.marvel-device.htc-one .sensor,.marvel-device.htc-one .sensor:after{background:#3c3d3d;border-radius:100%;display:block;height:8px;position:absolute;width:8px;z-index:3}.marvel-device.htc-one .sensor:after{content:"";right:12px;top:0}.marvel-device.htc-one.landscape{height:320px;padding:25px 72px 25px 100px;width:568px}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - 4px);left:calc(100% - 685px);top:2px;width:635px}.marvel-device.htc-one.landscape .speaker{height:216px;left:calc(100% - 38px);margin-left:0;margin-top:-108px;top:50%;width:16px}.marvel-device.htc-one.landscape .speaker:after{height:216px;left:calc(100% - 692px);margin-left:0;margin-top:-108px;top:50%;width:16px}.marvel-device.htc-one.landscape .camera{right:18px;top:calc(100% - 38px)}.marvel-device.htc-one.landscape .sensor{left:calc(100% - 29px);top:60px}.marvel-device.htc-one.landscape .sensor :after{right:0;top:-12px}.marvel-device.ipad{background:#242324;border-radius:44px;height:768px;padding:90px 25px;width:576px}.marvel-device.ipad:before{background:#1e1e1e;border-radius:40px;content:"";display:block;height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.marvel-device.ipad .camera{background:#3c3d3d;border-radius:100%;height:10px;left:50%;margin-left:-5px;position:absolute;top:44px;width:10px}.marvel-device.ipad .bottom-bar,.marvel-device.ipad .top-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;bottom:22px;height:50px;left:50%;margin-left:-25px;position:absolute;width:50px}.marvel-device.ipad .home:after{border:1px solid #ffffff1a;border-radius:4px;content:"";display:block;height:15px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:15px}.marvel-device.ipad.landscape{height:576px;padding:25px 90px;width:768px}.marvel-device.ipad.landscape .camera{left:calc(100% - 44px);margin-left:0;margin-top:-5px;top:50%}.marvel-device.ipad.landscape .home{left:22px;margin-left:0;margin-top:-25px;top:50%}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid #0003}.marvel-device.macbook{background:#bebebe;border-radius:34px;height:600px;margin:0 auto;padding:44px 44px 76px;width:960px}.marvel-device.macbook:before{background:#1e1e1e;border-radius:30px;content:"";display:block;height:calc(100% - 8px);left:4px;position:absolute;top:4px;width:calc(100% - 8px)}.marvel-device.macbook .top-bar{background:#bebebe;border-bottom-left-radius:90px 18px;border-bottom-right-radius:90px 18px;box-shadow:inset 0 -4px 13px 3px #2229;content:"";display:block;height:40px;left:-70px;position:absolute;top:680px;width:calc(100% + 140px)}.marvel-device.macbook .top-bar:before{background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;content:"";display:block;height:24px;left:0;position:relative;top:0;width:100%}.marvel-device.macbook .top-bar:after{background:#ddd;border-radius:0 0 20px 20px;box-shadow:inset 0 -3px 10px #999;content:"";display:block;height:14px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:0;width:16%}.marvel-device.macbook .bottom-bar{background:#0000;content:"";display:block;height:26px;left:-70px;position:absolute;top:680px;width:calc(100% + 140px)}.marvel-device.macbook .bottom-bar:after,.marvel-device.macbook .bottom-bar:before{content:"";display:block;height:calc(100% - 2px);position:absolute;top:0;width:80px}.marvel-device.macbook .bottom-bar:before{background:#f0f0f0;background:linear-gradient(90deg,#747474 0,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80%,#f0f0f0 100%,#f0f0f0 0);left:0}.marvel-device.macbook .bottom-bar:after{background:#f0f0f0;background:linear-gradient(90deg,#f0f0f0 0,#f0f0f0 0,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474);right:0}.marvel-device.macbook .camera{background:#3c3d3d;border-radius:100%;height:10px;left:50%;margin-left:-5px;position:absolute;top:20px;width:10px}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{background:#fdfdfd;border-radius:66px;box-shadow:inset 0 0 11px 0 #000;height:812px;padding:26px;width:375px}.marvel-device.iphone-x .overflow{border-radius:66px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.marvel-device.iphone-x .shadow{background:radial-gradient(ellipse at center,#0009 0,#fff0 60%);border-radius:100%;height:90px;position:absolute;width:90px}.marvel-device.iphone-x .shadow--tl{left:-20px;top:-20px}.marvel-device.iphone-x .shadow--tr{right:-20px;top:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{background:#000;border-radius:61px;content:"";height:calc(100% - 10px);left:5px;position:absolute;top:5px;width:calc(100% - 10px);z-index:1}.marvel-device.iphone-x .inner-shadow{border-radius:56px;box-shadow:inset 0 0 15px 0 #ffffffa8;height:calc(100% - 20px);left:10px;overflow:hidden;position:absolute;top:10px;width:calc(100% - 20px);z-index:1}.marvel-device.iphone-x .inner-shadow:before{border-radius:200px/112px;box-shadow:inset 0 0 20px 0 #fff;content:"";height:116%;left:0;position:absolute;top:-8%;width:100%;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;box-shadow:none}.marvel-device.iphone-x .bottom-bar,.marvel-device.iphone-x .top-bar{background:#0000001a;height:8px;left:0;position:absolute;width:100%}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .sleep,.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .volume:before{background:#b5b5b5;position:absolute;width:3px}.marvel-device.iphone-x .volume{height:32px;left:-3px;top:116px}.marvel-device.iphone-x .volume:before{content:"";height:62px;left:0;top:62px}.marvel-device.iphone-x .volume:after{content:"";height:62px;left:0;top:140px}.marvel-device.iphone-x .sleep{height:96px;right:-3px;top:200px}.marvel-device.iphone-x .camera{background:#0d4d71;border-radius:100%;height:6px;left:154px;position:absolute;top:9px;width:6px}.marvel-device.iphone-x .speaker{background:#171818;border-radius:6px;height:6px;left:50%;margin-left:-30px;position:absolute;top:9px;width:60px}.marvel-device.iphone-x .notch{background:#000;border-bottom-left-radius:24px;border-bottom-right-radius:24px;height:30px;left:108px;position:absolute;top:26px;width:210px;z-index:4}.marvel-device.iphone-x .notch:after,.marvel-device.iphone-x .notch:before{content:"";height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left,#0000 0,#0000 70%,#000 0,#000 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right,#0000 0,#0000 70%,#000 0,#000 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .bottom-bar,.marvel-device.iphone-x.landscape .top-bar{height:100%;top:0;width:8px}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{bottom:auto;left:auto;right:80px}.marvel-device.iphone-x.landscape .sleep,.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .volume:before{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{border-radius:112px/200px;height:100%;left:-8%;top:0;width:116%}.marvel-device.iphone-x.landscape .volume{bottom:-3px;left:116px;top:auto;width:32px}.marvel-device.iphone-x.landscape .volume:before{left:62px;top:0;width:62px}.marvel-device.iphone-x.landscape .volume:after{left:140px;top:0;width:62px}.marvel-device.iphone-x.landscape .sleep{left:200px;right:auto;top:-3px;width:96px}.marvel-device.iphone-x.landscape .camera{bottom:154px;left:9px;top:auto}.marvel-device.iphone-x.landscape .speaker{height:60px;left:9px;margin-left:0;margin-top:-30px;top:50%;width:6px}.marvel-device.iphone-x.landscape .notch{border-bottom-left-radius:0;border-bottom-right-radius:24px;border-top-right-radius:24px;bottom:108px;height:210px;left:26px;top:auto;width:30px}.marvel-device.iphone-x.landscape .notch:after,.marvel-device.iphone-x.landscape .notch:before{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right,#0000 0,#0000 70%,#000 0,#000 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right,#0000 0,#0000 70%,#000 0,#000 100%);top:-8px}.marvel-device.note8{background:#000;border-radius:34px;height:822px;padding:45px 10px;width:400px}.marvel-device.note8 .overflow{border-radius:34px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.marvel-device.note8 .speaker{background:#171818;border-radius:8px;height:8px;left:50%;margin-left:-28px;position:absolute;top:25px;width:56px;z-index:1}.marvel-device.note8 .camera{height:18px;left:86px;top:18px;width:18px}.marvel-device.note8 .camera,.marvel-device.note8 .camera:before{background:#212b36;border-radius:100%;position:absolute;z-index:1}.marvel-device.note8 .camera:before{content:"";height:8px;left:-22px;top:5px;width:8px}.marvel-device.note8 .sensors{left:120px;top:22px}.marvel-device.note8 .sensors,.marvel-device.note8 .sensors:before{background:#1d233b;border-radius:100%;height:10px;position:absolute;width:10px;z-index:1}.marvel-device.note8 .sensors:before{content:"";left:18px;top:0}.marvel-device.note8 .more-sensors{background:#33244a;border-radius:100%;box-shadow:0 0 0 2px #ffffff1a;height:16px;left:285px;position:absolute;top:18px;width:16px;z-index:1}.marvel-device.note8 .more-sensors:before{background:#214a61;border-radius:100%;content:"";height:11px;left:40px;position:absolute;top:4px;width:11px;z-index:1}.marvel-device.note8 .sleep{background:#000;height:56px;position:absolute;right:-2px;top:288px;width:2px}.marvel-device.note8 .volume{background:#000;height:120px;left:-2px;position:absolute;top:168px;width:2px}.marvel-device.note8 .volume:before{background:#000;content:"";height:56px;left:0;position:absolute;top:168px;width:2px}.marvel-device.note8 .inner{background:#000;border-bottom:2px solid #9fa0a2;border-radius:34px;border-top:2px solid #9fa0a2;box-shadow:inset 0 0 6px 0 #ffffff80;content:"";height:calc(100% - 8px);left:0;position:absolute;top:2px;width:100%;z-index:1}.marvel-device.note8 .shadow{border-radius:38px;box-shadow:inset 0 0 60px 0 #fff,inset 0 0 30px 0 #ffffff80,0 0 20px 0 #fff,0 0 20px 0 #ffffff80;content:"";height:101%;left:10px;pointer-events:none;position:absolute;top:-.5%;width:calc(100% - 20px);z-index:5}.marvel-device.note8 .screen{border-radius:14px;box-shadow:none}.marvel-device.note8.landscape{height:400px;padding:10px 45px;width:822px}.marvel-device.note8.landscape .speaker{height:56px;left:auto;margin-left:0;margin-top:-28px;right:25px;top:50%;width:8px}.marvel-device.note8.landscape .camera{left:auto;right:18px;top:86px}.marvel-device.note8.landscape .camera:before{left:5px;top:-22px}.marvel-device.note8.landscape .sensors{left:auto;right:22px;top:120px}.marvel-device.note8.landscape .sensors:before{left:0;top:18px}.marvel-device.note8.landscape .more-sensors{left:auto;right:18px;top:285px}.marvel-device.note8.landscape .more-sensors:before{left:4px;top:40px}.marvel-device.note8.landscape .sleep{bottom:-2px;height:2px;right:288px;top:auto;width:56px}.marvel-device.note8.landscape .volume{height:2px;left:auto;right:168px;top:-2px;width:120px}.marvel-device.note8.landscape .volume:before{height:2px;left:auto;right:168px;top:0;width:56px}.marvel-device.note8.landscape .inner{border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2;border-top:0;height:100%;left:2px;top:0;width:calc(100% - 8px)}.marvel-device.note8.landscape .shadow{height:calc(100% - 20px);left:-.5%;top:10px;width:101%}
/*# sourceMappingURL=main.ef8289df.css.map*/