@font-face{font-display:swap;font-family:Axiforma;font-style:normal;font-weight:400;src:url(/fonts/axiforma/Axiforma-Regular.woff2) format("woff2"),url(/fonts/axiforma/Axiforma-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Axiforma;font-style:italic;font-weight:400;src:url(/fonts/axiforma/Axiforma-Italic.woff2) format("woff2"),url(/fonts/axiforma/Axiforma-Italic.woff) format("woff")}@font-face{font-display:swap;font-family:Axiforma;font-style:normal;font-weight:700;src:url(/fonts/axiforma/Axiforma-Bold.woff2) format("woff2"),url(/fonts/axiforma/Axiforma-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:Axiforma;font-style:italic;font-weight:700;src:url(/fonts/axiforma/Axiforma-BoldItalic.woff2) format("woff2"),url(/fonts/axiforma/Axiforma-BoldItalic.woff) format("woff")}@font-face{font-display:swap;font-family:Axiforma;font-style:normal;font-weight:600;src:url(/fonts/axiforma/Axiforma-Bold.woff2) format("woff2"),url(/fonts/axiforma/Axiforma-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:Axiforma;font-style:italic;font-weight:600;src:url(/fonts/axiforma/Axiforma-BoldItalic.woff2) format("woff2"),url(/fonts/axiforma/Axiforma-BoldItalic.woff) format("woff")}body,html{margin:0;min-height:100vh;min-height:-webkit-fill-available}.Scene{align-items:center;background:var(--theme-secondary-color);display:flex;height:100%;justify-content:center;position:relative}@media screen and (max-width:768px) and (orientation:portrait){.Scene{-ms-overflow-style:none;display:block;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.Scene::-webkit-scrollbar{display:none}}.Scene__wrapper{height:auto;position:relative;transition:opacity .5s ease;width:auto}.Scene__wrapper img{display:block;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:768px) and (orientation:portrait){.Scene__wrapper img{width:128vw}}@media screen and (max-width:414px) and (orientation:portrait){.Scene__wrapper img{width:160vw}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Scene__wrapper img{width:128vw}}.Scene__placeholder img,.Scene__zoomed-image{height:auto;max-height:calc(70vh - 8px);max-width:100%;position:relative;width:auto;z-index:0}@media screen and (max-width:768px) and (orientation:portrait){.Scene__placeholder img,.Scene__zoomed-image{height:80vw;max-height:none;max-width:none}}@media screen and (max-width:414px) and (orientation:portrait){.Scene__placeholder img,.Scene__zoomed-image{height:100vw}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Scene__placeholder img,.Scene__zoomed-image{height:80vw}}@media screen and (max-width:812px) and (orientation:landscape){.Scene__placeholder img,.Scene__zoomed-image{height:65vh}}@media screen and (max-height:414px) and (orientation:landscape){.Scene__placeholder img,.Scene__zoomed-image{height:65vh}}.Scene__zoomed-image{-ms-overflow-style:none;max-height:100%;max-width:100%;opacity:0;overflow:scroll;pointer-events:none;position:absolute;scrollbar-width:none;z-index:101}.Scene__zoomed-image::-webkit-scrollbar{display:none}.Scene__zoomed-image img{height:200%;position:relative;width:200%}@media screen and (max-width:768px) and (orientation:portrait){.Scene__zoomed-image img{width:256vw}}@media screen and (max-width:414px) and (orientation:portrait){.Scene__zoomed-image img{width:320vw}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Scene__zoomed-image img{width:256vw}}.Scene__image-map{bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;z-index:100}@media screen and (max-width:768px) and (orientation:portrait){.Scene__image-map{right:auto;width:128vw}}@media screen and (max-width:414px) and (orientation:portrait){.Scene__image-map{right:auto;width:160vw}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Scene__image-map{right:auto;width:128vw}}.Scene__image-map-area{fill:transparent;box-sizing:border-box;cursor:pointer;display:block;position:absolute}.Scene__image-map-area:hover{fill:hsla(0,0%,100%,.5)}.Scene__image-map-area--debug.Scene__image-map-area--active{stroke:red;stroke-width:2px}.Scene__image-map-cursor{display:block;pointer-events:none;position:absolute;z-index:300}.Scene__image-map-cursor span{background-color:red;display:block;position:absolute}.Scene__image-map-cursor span:first-child{height:1px;left:-15px;width:31px}.Scene__image-map-cursor span:last-child{height:31px;top:-15px;width:1px}.Scene--loading .Scene__wrapper{opacity:.5}.Scene__loading{left:50%;opacity:1;position:absolute;top:50%;transform:scale(1) translate(-50%,-50%);transition:opacity .75s ease,transform .75s ease;z-index:9990}@media screen and (max-width:768px) and (orientation:portrait){.Scene__loading{position:fixed;top:40vw}}@media screen and (max-width:414px) and (orientation:portrait){.Scene__loading{top:50vw}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Scene__loading{top:40vw}}.Scene__loading.fade-enter-from,.Scene__loading.fade-leave-to{opacity:0;transform:scale(.9) translate(-50%,-50%)}.Scene__wrapper img.Scene__image{opacity:0}.Scene__wrapper img.Scene__image--visible{opacity:1}.Scene__wrapper img.Scene__image--preload{opacity:0!important;pointer-events:none;position:absolute!important}.App__scene--zoom-kok01_v01 .Scene__zoomed-image[data-view=kok01_v01],.App__scene--zoom-kok01_v02 .Scene__zoomed-image[data-view=kok01_v02]{opacity:1;pointer-events:all;transition:opacity .25s ease}.App__scene--zoom-kok01_v01 .Scene__zoomed-image[data-view=kok01_v01]--loading,.App__scene--zoom-kok01_v02 .Scene__zoomed-image[data-view=kok01_v02]--loading{opacity:.5}.App__scene--zoom-kok01_v01 .Scene[data-view=kok01_v01] .Scene__wrapper,.App__scene--zoom-kok01_v02 .Scene[data-view=kok01_v02] .Scene__wrapper{opacity:0}.Scene-design__item-wrapper{transition:transform .25s}.Scene-design__item{border:1px solid var(--theme-primary-color);box-sizing:border-box;cursor:pointer;height:auto;margin:0 10px;padding:2px;transition:border-color .25s;width:auto}.Scene-design__item:not(.Scene-design__item--selected):hover{border-color:var(--theme-complimentary-color)}@media screen and (max-width:414px) and (orientation:portrait){.Scene-design__item{border-width:1px;margin:0 3px;padding:2px}}@media screen and (max-width:812px) and (orientation:landscape){.Scene-design__item{border-width:1px;margin:0 3px;padding:2px}}@media screen and (max-height:414px) and (orientation:landscape){.Scene-design__item{border-width:1px;margin:0 3px;padding:2px}}.Scene-design__item--no-border{border-color:transparent}.Scene-design__item--selected{border-color:var(--theme-secondary-color)}.Scene-design__item div{background-color:#fff;background-position:50%;background-repeat:no-repeat}.Scene-design__item img{height:auto;max-height:calc(20vh - 72px);max-width:10vw;width:auto}@media screen and (max-width:1024px) and (orientation:portrait){.Scene-design__item img{max-height:10vh;max-width:calc(18vw - 30px)}}@media screen and (max-width:414px) and (orientation:portrait){.Scene-design__item img{max-width:calc(24vw - 30px)}}@media screen and (max-width:812px) and (orientation:landscape){.Scene-design__item img{max-height:12vh;max-width:calc(20vw - 40px)}}@media screen and (max-height:414px) and (orientation:landscape){.Scene-design__item img{max-height:12vh;max-width:calc(20vw - 40px)}}.Step{background:var(--theme-secondary-color);color:var(--theme-primary-color);cursor:pointer;margin:4px;transition:background .25s}.Step:not(.Step--active,.Step--disabled):hover{background:var(--theme-highlight-color)}.Step--disabled{background:transparent;color:var(--theme-primary-color);cursor:default;opacity:.25}.Step--active{background:var(--theme-primary-color);color:var(--theme-secondary-color)}.Step__header{font-size:.9rem;line-height:1.4em;padding:13px 20px 11px}@media (max-height:860px){.Step__header{font-size:.8rem;line-height:1.4em;padding:11px 20px 9px}}@media screen and (max-width:1024px) and (orientation:landscape){.Step__header{font-size:.75rem;line-height:1.4em}}@media screen and (max-width:414px) and (orientation:portrait){.Step__header{font-size:.75rem;line-height:1.4em;padding:8px 15px}}.Step-body{align-items:center;background:var(--theme-primary-color);box-sizing:border-box;color:var(--theme-secondary-color);display:flex;height:100%;padding:0;position:absolute;width:100%}@media screen and (max-width:1024px) and (orientation:portrait){.Step-body{height:auto;position:relative}}@media screen and (max-width:768px) and (orientation:portrait){.Step-body{align-items:flex-start}}.Step-body__grid{display:flex;flex-wrap:wrap;margin:-5px}.Step-body__grid img{height:auto;max-width:100%}.Step-body__container{width:100%}.Step-body__header{box-sizing:border-box;display:flex;justify-content:center;left:0;padding:10px;position:absolute;top:58px;width:100%}@media screen and (max-width:1024px) and (orientation:portrait){.Step-body__header{top:58px}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Step-body__header{top:48px}}@media screen and (max-width:812px) and (orientation:landscape){.Step-body__header{top:0}}@media screen and (max-height:414px) and (orientation:landscape){.Step-body__header{top:0}}.Step-body__header span{box-sizing:border-box;display:inline-block;font-size:.8rem;line-height:1.3em;padding:0 20px}@media screen and (max-width:414px) and (orientation:portrait){.Step-body__header span{font-size:.75rem;line-height:1.3em}}@media screen and (max-width:812px) and (orientation:landscape){.Step-body__header span{font-size:.75rem;line-height:20px;padding:0 10px}}@media screen and (max-height:414px) and (orientation:landscape){.Step-body__header span{font-size:.75rem;line-height:20px;padding:0 10px}}.Step-body__header span:last-child{border-left:1px solid var(--theme-secondary-color);text-align:left}.Step-body__content{display:flex;justify-content:center;padding-top:50px;width:100%}.Step-body__content p{font-size:1rem;line-height:1.4em;margin:0;padding:0 20px;text-align:center}@media screen and (min-width:1025px) and (orientation:landscape){.Step-body__content{padding-top:90px}}@media screen and (max-width:1024px) and (orientation:portrait){.Step-body__content{padding-bottom:20px;padding-top:110px}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.Step-body__content{padding-top:90px}}@media screen and (max-width:812px) and (orientation:landscape){.Step-body__content{padding-top:30px}.Step-body__content p{font-size:.75rem;line-height:1.4em}}@media screen and (max-height:414px) and (orientation:landscape){.Step-body__content{padding-top:30px}.Step-body__content p{font-size:.75rem;line-height:1.4em}}.App__scene-wrapper--step-kokstyp .App__scene-options{position:static}.App__scene-wrapper--step-kokstyp .Step-body{background:#fff;height:100%;left:0;padding:0;position:relative;top:0;width:100%;z-index:9999}.App__scene-wrapper--step-kokstyp .Step-body__content{box-sizing:border-box;padding:20px}.Scene-toggle{box-sizing:border-box}.Scene-toggle img{display:block;width:100%}.Step-body__grid .Scene-toggle{border:1px solid transparent;padding:5px;width:33.3333%}.Step-body__grid .Scene-toggle--visible{border-color:#000;opacity:.5}.Slider{display:flex;flex-basis:1;overflow:hidden;padding:0}.Slider__container{margin:0 auto;max-width:100%;position:relative}@media screen and (max-width:1024px) and (orientation:portrait){.Slider__container{margin-top:0}}.Slider__next,.Slider__previous{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1/2;background:transparent;background-repeat:no-repeat;background-size:18px 36px;border:0;cursor:pointer;flex-shrink:0;height:10vh;margin:0;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s;z-index:5}@media screen and (max-width:414px) and (orientation:portrait){.Slider__next,.Slider__previous{background-size:16px 29px;width:11vw}}@media screen and (max-width:812px) and (orientation:landscape){.Slider__next,.Slider__previous{aspect-ratio:2/3;background-size:16px 29px;height:100%;width:auto}}@media screen and (max-height:414px) and (orientation:landscape){.Slider__next,.Slider__previous{aspect-ratio:2/3;background-size:16px 29px;height:100%;width:auto}}.Slider__next--disabled,.Slider__previous--disabled{opacity:0;pointer-events:none}.Slider__next{background-image:url(/img/harjedalskok/arrow-right-white.svg?v=4);background-position:50%;right:-5vh}@media screen and (max-width:414px) and (orientation:portrait){.Slider__next{right:-11vw}}@media screen and (max-width:812px) and (orientation:landscape){.Slider__next{right:0;transform:translate(100%,-50%)}}@media screen and (max-height:414px) and (orientation:landscape){.Slider__next{right:0;transform:translate(100%,-50%)}}.Slider__previous{background-image:url(/img/harjedalskok/arrow-left-white.svg?v=4);background-position:50%;left:-5vh}@media screen and (max-width:414px) and (orientation:portrait){.Slider__previous{left:-11vw}}@media screen and (max-width:812px) and (orientation:landscape){.Slider__previous{left:0;transform:translate(-100%,-50%)}}@media screen and (max-height:414px) and (orientation:landscape){.Slider__previous{left:0;transform:translate(-100%,-50%)}}.Modal{align-items:center;background:rgba(0,0,0,.15);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.Modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;height:50px;margin:0;outline:none;padding:0;position:absolute;right:0;top:0;width:50px}.Modal__close span{background:var(--theme-primary-color);display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:2px}.Modal__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.Modal__container{box-sizing:border-box;max-height:100%;overflow:hidden;overflow-y:auto;padding:20px;width:100%}.Modal__inner{background:var(--theme-secondary-color);box-shadow:0 3px 5px rgba(0,0,0,.25);box-sizing:border-box;color:var(--theme-primary-color);margin:0 auto;max-width:100%;padding:30px 20px 20px;position:relative;width:300px}.Modal__inner h3{font-size:1.25rem;line-height:1.2em;margin:0 0 .5em}.Modal__inner p{font-size:1rem;line-height:1.5em;margin:0 0 1.5em;padding:0;text-align:left}.Modal__inner .Button{background:var(--theme-highlight-color);margin:20px auto 0;width:100%}.Modal__inner .Columns{align-items:center;display:flex;flex-direction:row-reverse;margin:0 -20px}@media screen and (max-width:768px) and (orientation:portrait){.Modal__inner .Columns{flex-direction:column}}.Modal__inner .Columns .Column{box-sizing:border-box;padding:0 20px;width:50%}.Modal__inner .Columns .Column:first-child:last-child{width:100%}@media screen and (max-width:768px) and (orientation:portrait){.Modal__inner .Columns .Column{width:auto}.Modal__inner .Columns .Column:first-child{margin-bottom:20px}}.Modal__inner .Columns .Column h3{font-size:1.1rem;line-height:1.2em;margin:1em 0}.Modal__inner .Columns .Column h4{font-size:.9rem;line-height:1.2em;margin:0 0 .5em}.Modal__inner .Columns .Column p{font-size:.8rem;line-height:1.5em;margin:0 0 1.5em;padding:0;text-align:left}.Modal--wide .Modal__inner{padding:40px;width:600px}@media screen and (max-width:768px) and (orientation:portrait){.Modal--wide .Modal__inner{padding:30px 20px}}.Modal--auto .Modal__inner{max-width:960px;min-width:300px;padding:40px;width:auto}@media screen and (max-width:768px) and (orientation:portrait){.Modal--auto .Modal__inner{padding:30px 20px}}.App .Booking-form{display:flex;flex-wrap:wrap;margin:0 -10px}.App .Booking-form__field{box-sizing:border-box;padding:0 10px;width:50%}.App .Booking-form__field input{border-radius:0}@media (max-width:480px){.App .Booking-form__field{width:100%}}@media screen and (max-width:812px) and (orientation:landscape){.App .Booking-form__field{width:100%}}@media screen and (max-height:414px) and (orientation:landscape){.App .Booking-form__field{width:100%}}.App .Booking-form__field--wide{width:100%}.App .Booking-form__submit{box-sizing:border-box;padding:0 10px;width:100%}.App .Booking-form__submit .Button{position:relative}.App .Booking-form__submit .Button:disabled{color:#fff;opacity:1}.App .Booking-form__submit .Button div.Loading-spinner{height:20px;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.App .Booking-form__submit .Button div.Loading-spinner svg{display:block;height:20px;width:20px}.App .Booking-form *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.Text-input{background:transparent;margin-bottom:10px}.Text-input input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--theme-complimentary-color);box-sizing:border-box;font-size:.8rem;height:40px;line-height:20px;margin:0;outline:none;padding:11px 10px 9px;width:100%}.Text-input input:active,.Text-input input:focus{border:1px solid var(--theme-primary-color)}.Text-input__error{display:block;font-size:.7rem;line-height:1.4em;padding-top:3px;text-align:right}.Text-input--error{color:#790000}.Text-input--error input{border-color:#c89797}.Loading-spinner,.Loading-spinner svg{height:32px;width:32px}.Loading-spinner svg path{fill:var(--theme-primary-color,#000);animation:loading .77s 0s infinite;opacity:.2}.Loading-spinner .a{animation-delay:loading .77s infinite 0s}.Loading-spinner .b{animation-delay:-.07s}.Loading-spinner .c{animation-delay:-.14s}.Loading-spinner .d{animation-delay:-.21s}.Loading-spinner .e{animation-delay:-.28s}.Loading-spinner .f{animation-delay:-.35s}.Loading-spinner .g{animation-delay:-.42s}.Loading-spinner .h{animation-delay:-.49s}.Loading-spinner .i{animation-delay:-.56s}.Loading-spinner .j{animation-delay:-.63s}.Loading-spinner .k{animation-delay:-.7s}.Loading-spinner .l{animation-delay:-.77s}@keyframes loading{0%{opacity:.25}10%{opacity:1}to{opacity:.25}}.App__preloader .Loading-spinner svg path{fill:var(--theme-secondary-color,#fff)}.fullscreen-toggle{background:var(--theme-primary-color);background-image:url(/img/harjedalskok/fullscreen-toggle-on.svg?v=2);background-position:50%;background-repeat:no-repeat;background-size:29px 29px;border:none;color:#fff;height:50px;left:4px;position:absolute;top:4px;width:50px;z-index:999}.fullscreen-toggle.fullscreen{background-image:url(/img/harjedalskok/fullscreen-toggle-off.svg?v=2)}@media screen and (max-width:1024px) and (orientation:portrait){.fullscreen-toggle{left:0;top:0}}.fullscreen-toggle:focus{-webkit-outline:none;-moz-outline:none;-ms-outline:none;-o-outline:none;outline:none}.App__scene-wrapper--step-kokstyp{width:100%!important}.App__scene-wrapper--step-kokstyp .App__scene-container,.App__scene-wrapper--step-kokstyp~.App__sidebar{display:none}.App__scene-wrapper--step-kokstyp .Step-body{align-items:center;min-height:100vh}.Kitchen-type{max-width:100%}.Kitchen-type__container{background:var(--theme-secondary-color);box-sizing:border-box;color:var(--theme-primary-color);max-width:100%;position:relative;text-align:center;width:400px;z-index:3}.Kitchen-type__container h1{font-size:1.5rem;font-weight:400;margin:0 0 1em;text-transform:uppercase}.Kitchen-type__container h1 span{display:block;font-size:1rem;font-weight:400;line-height:1.3em;margin-top:5px;text-transform:none}.Kitchen-type__container p{margin:1em 0}.Kitchen-type__container .Button{background:var(--theme-secondary-color);border:1px solid var(--theme-primary-color);box-shadow:0 0 0 transparent;color:var(--theme-primary-color);margin:10px;transition:color .15s,background .25s,box-shadow .25s;width:160px}.Kitchen-type__container .Button--active,.Kitchen-type__container .Button:active{background:var(--theme-highlight-color);border-color:var(--theme-highlight-color);color:var(--theme-primary-color)}@media screen and (max-width:812px) and (orientation:landscape){.Kitchen-type__container .Button{font-size:1rem;line-height:1em;width:130px}}@media screen and (max-height:414px) and (orientation:landscape){.Kitchen-type__container .Button{font-size:1rem;line-height:1em;width:130px}}.Kitchen-type__text{padding:30px 20px 0}@media screen and (max-width:812px) and (orientation:landscape){.Kitchen-type__text{padding-top:20px}}@media screen and (max-height:414px) and (orientation:landscape){.Kitchen-type__text{padding-top:20px}}.Kitchen-type__logo{background:var(--theme-primary-color);background-image:url(/img/harjedalskok/hk_logo_white.png?v=2);background-position:center 18px;background-repeat:no-repeat;background-size:auto 24px;height:65px}.Kitchen-type__buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 20px 20px}@media screen and (max-width:812px) and (orientation:landscape){.Kitchen-type__buttons{padding:0 15px 15px}}@media screen and (max-height:414px) and (orientation:landscape){.Kitchen-type__buttons{padding:0 15px 15px}}.Kitchen-type__background{background-image:url(/img/harjedalskok/bg_straight-kitchen.jpg);background-position:100%;background-size:cover;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .25s;z-index:1}.Kitchen-type__background--l-kitchen{background-image:url(/img/harjedalskok/bg_l-kitchen.jpg);opacity:0;z-index:2}.Kitchen-type--l-kitchen .Kitchen-type__background--l-kitchen,.Kitchen-type--loaded .Kitchen-type__background--straight-kitchen{opacity:1}.App--preload .App__sidebar,.App--preload .Step-body__header,.App--preload .fullscreen-toggle,.App__scene-wrapper--step-kokstyp .App__sidebar,.App__scene-wrapper--step-kokstyp .Step-body__header,.App__scene-wrapper--step-kokstyp .fullscreen-toggle{display:none}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning{height:auto;position:relative}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene-container{max-height:none;min-height:0;padding-left:20px;padding-right:20px;padding-top:70px}@media screen and (max-width:768px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene-container{padding:54px 0 0}}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene-scroll-left,.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene-scroll-right,.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Step-body__header{display:none}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene{display:flex;padding:0}@media screen and (max-width:767px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene{display:block}}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene>.Scene{background:var(--theme-primary-color);box-sizing:border-box;width:50%}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene>.Scene[data-view=kok01_v01]{padding-right:10px}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene>.Scene[data-view=kok01_v02]{padding-left:10px}@media screen and (max-width:767px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene>.Scene{width:100%}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene>.Scene[data-view=kok01_v01]{margin-top:16px;padding:0 20px 20px}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene>.Scene[data-view=kok01_v02]{padding:0 20px}}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene-navigation{display:none}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__image-map{right:0!important;width:auto!important}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__zoomed-image[data-view=kok01_v02]{left:auto!important;right:0!important}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__zoomed-image[data-view=kok01_v01],.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__zoomed-image[data-view=kok01_v02]{width:50%}@media screen and (max-width:768px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__zoomed-image[data-view=kok01_v01],.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__zoomed-image[data-view=kok01_v02]{left:20px!important;right:auto!important}}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene__zoomed-image img{height:200%!important;width:200%!important}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v01],.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v02]{display:block!important;height:auto;width:50vw}@media screen and (max-width:767px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v01],.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v02]{width:100%}}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v01] .Scene__image,.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v02] .Scene__image{width:100%}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v01] .Scene__loading,.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v02] .Scene__loading{position:absolute;top:50%}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v01] .Scene__placeholder img,.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v02] .Scene__placeholder img{height:auto;width:50vw}@media screen and (max-width:767px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v01] .Scene__placeholder img,.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Scene[data-view=kok01_v02] .Scene__placeholder img{width:100%}}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .App__scene-options{position:static}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Step-body{display:block;position:static}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Step-body h2{background:var(--theme-secondary-color);box-sizing:border-box;color:var(--theme-primary-color);font-size:1.25rem;font-weight:400;left:0;line-height:20px;margin:0;padding:15px 20px 15px 65px;position:absolute;right:0;top:0}.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Step-body__content{display:block;padding-bottom:20px;padding-top:40px}@media screen and (max-width:1024px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Step-body__content{padding-bottom:88px}}@media screen and (max-width:767px) and (orientation:portrait){.App__scene-wrapper.App__scene-wrapper--step-sammanstallning .Step-body__content{padding-bottom:176px}}.Compilation__items{display:flex;flex-wrap:wrap;padding:0 10px}.Compilation__items>div{box-sizing:border-box;max-width:150px;min-width:120px;padding:0 10px 20px;width:16.66%}@media screen and (max-width:767px) and (orientation:portrait){.Compilation__items>div{max-width:none;width:50%}}@media screen and (max-width:812px) and (orientation:landscape){.Compilation__items>div{width:33.3333%}}@media screen and (max-height:414px) and (orientation:landscape){.Compilation__items>div{width:33.3333%}}.Compilation__items span{display:block;font-size:.75rem;line-height:1.25em}.Compilation__thumbnail{background:#fff;border:2px solid var(--theme-secondary-color);margin-bottom:5px}.Compilation__thumbnail>div{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:2px}.Compilation__thumbnail>div img{box-sizing:border-box;width:100%}.Compilation__actions{background:var(--theme-secondary-color);bottom:0;box-sizing:border-box;padding:4px 4px 0;position:fixed;right:0;width:295px;z-index:1000}@media screen and (max-width:1023px) and (orientation:landscape){.Compilation__actions{width:calc(33.3333% - 5px)}}@media screen and (max-width:1024px) and (orientation:portrait){.Compilation__actions{display:flex;left:0;padding:4px 0 0 4px;right:auto;width:100%}}@media screen and (max-width:767px) and (orientation:portrait){.Compilation__actions{display:block;padding-right:4px}}.Compilation__actions .Button{box-sizing:border-box;display:flex;font-size:.9rem;line-height:1.4em;margin-bottom:4px;width:100%}@media screen and (max-width:1024px) and (orientation:landscape){.Compilation__actions .Button{font-size:.75rem;line-height:1.4em}}@media screen and (max-width:1024px) and (orientation:portrait){.Compilation__actions .Button{margin-right:4px}}@media screen and (max-width:767px) and (orientation:portrait){.Compilation__actions .Button{margin-right:0}}[v-cloak]{opacity:0}html{font-size:16px}body,button,input,select,textarea{font-family:Axiforma,sans-serif;font-size:1rem;font-weight:400}body{background:var(--theme-primary-color);color:var(--theme-primary-color)}.Button,img{display:block}.Button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:0;color:var(--theme-primary-color);cursor:pointer;font-size:1rem;font-weight:600;line-height:30px;margin:0;outline:none;padding:11px 20px 9px;text-align:center;text-decoration:none}.Button .Loading-spinner{height:20px;width:20px}.Button .Loading-spinner svg{display:block;height:20px;width:20px}.Button--next,.Button--previous{align-items:center;display:flex;justify-content:center;transition:padding .25s,background-color .25s,border-color .25s}.Button--next svg,.Button--previous svg{display:block;height:15px;opacity:0;transition:opacity .25s,transform .25s;width:8px}.Button--next:hover:not(:disabled) svg,.Button--previous:hover:not(:disabled) svg{opacity:1}.Button--next svg{transform:translate(15px,-1px)}.Button--next:hover:not(:disabled){padding-right:30px}.Button--next:hover:not(:disabled) svg{transform:translate(10px,-1px)}.Button--previous svg{transform:translate(-15px,-1px)}.Button--previous:hover:not(:disabled){padding-left:30px}.Button--previous:hover:not(:disabled) svg{transform:translate(-10px,-1px)}.Button div{margin-right:10px}.Button--small{font-size:1rem;line-height:20px;padding:11px 20px 9px}@media screen and (max-width:414px) and (orientation:portrait){.Button{font-size:1rem;line-height:20px}}.Button--cta,.Button--cta:active,.Button--cta:hover{background:var(--theme-highlight-color);border-color:var(--theme-highlight-color);color:var(--theme-primary-color)}.Button--cta:active,.Button--cta:hover{filter:brightness(.9) contrast(1.2)}.Button:disabled{color:var(--theme-primary-color);cursor:default;opacity:.25;pointer-events:none}.App{display:flex;min-height:100vh;overflow:hidden;position:relative}.App *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.App__preloader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:1024px) and (orientation:portrait){.App{min-height:unset!important}}.App__scene{height:100%;max-width:100%;position:relative}.App__scene-container{max-height:calc(70vh - 4px);min-height:300px}@media screen and (max-width:768px) and (orientation:portrait){.App__scene-container{max-height:100%;min-height:80vw}}@media screen and (max-width:414px) and (orientation:portrait){.App__scene-container{min-height:100vw}}@media screen and (max-width:414px) and (max-height:600px) and (orientation:portrait){.App__scene-container{min-height:80vw}}@media screen and (max-width:812px) and (orientation:landscape){.App__scene-container{min-height:65vh}}@media screen and (max-height:414px) and (orientation:landscape){.App__scene-container{min-height:65vh}}.App__scene-navigation{background:var(--theme-secondary-color);display:flex;justify-content:center;left:0;position:absolute;top:100%;width:100%;z-index:1000}.App__scene-navigation .Button{background:var(--theme-secondary-color);border:1px solid var(--theme-primary-color);line-height:28px;margin:4px;min-width:140px}.App__scene-navigation .Button:not(.disabled):hover{background:var(--theme-highlight-color);border-color:var(--theme-highlight-color)}.App__scene-navigation .Button:disabled{background:transparent}@media screen and (max-width:414px) and (orientation:portrait){.App__scene-navigation .Button{flex-basis:1;flex-grow:1;line-height:18px;min-width:0}}.App__scene-navigation span{background:var(--theme-primary-color);box-sizing:border-box;color:var(--theme-secondary-color);display:block;font-size:1.25rem;height:50px;line-height:30px;margin:4px 0;padding:11px 10px 9px;text-align:center;width:50px}@media screen and (max-width:1024px) and (orientation:portrait){.App__scene-navigation span{margin:4px 0}}@media screen and (max-width:414px) and (orientation:portrait){.App__scene-navigation span{font-size:1rem;height:40px;line-height:20px;width:40px}}@media screen and (max-width:812px) and (orientation:landscape){.App__scene-navigation{background:none;flex-wrap:wrap;height:0;justify-content:space-between;left:auto;overflow:visible;padding-bottom:0;right:0;top:65vh}.App__scene-navigation span{display:none}.App__scene-navigation .Button{background:transparent;font-size:.75rem;line-height:20px;margin:0;min-width:0;padding-bottom:10px;padding-top:10px;text-align:center}}@media screen and (max-height:414px) and (orientation:landscape){.App__scene-navigation{background:none;flex-wrap:wrap;height:0;justify-content:space-between;left:auto;overflow:visible;padding-bottom:0;right:0;top:65vh}.App__scene-navigation span{display:none}.App__scene-navigation .Button{background:transparent;font-size:.75rem;line-height:20px;margin:0;min-width:0;padding-bottom:10px;padding-top:10px;text-align:center}}.App__scene-wrapper{border:4px solid var(--theme-secondary-color);border-right:0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;min-height:100vh;width:66.6666%}.App__scene-wrapper--preload{opacity:0}@media screen and (max-width:1024px) and (orientation:portrait){.App__scene-wrapper{border:0;min-height:unset!important}}@media screen and (max-width:812px) and (orientation:landscape){.App__scene-wrapper{border:0}}@media screen and (max-height:414px) and (orientation:landscape){.App__scene-wrapper{border:0}}.App__scene-options{flex-grow:1;min-height:calc(20vh - 4px);position:relative;width:100%}@media screen and (max-width:1024px) and (orientation:portrait){.App__scene-options{min-height:0}}@media screen and (max-width:812px) and (orientation:landscape){.App__scene-options{min-height:35vh}}@media screen and (max-height:414px) and (orientation:landscape){.App__scene-options{min-height:35vh}}.App__sidebar-background{background:#000;height:100vh;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s;width:100vh;z-index:1001}.App__sidebar-background--visible{opacity:.2;pointer-events:all}.App__sidebar-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--theme-primary-color);background-image:url(/img/harjedalskok/arrow-left-white.svg?v=4);background-position:15px;background-repeat:no-repeat;background-size:16px 29px;border:0;display:block;height:50px;left:-50px;margin:0;opacity:0;outline:none;padding:0;pointer-events:none;position:absolute;top:0;width:50px;z-index:1003}@media screen and (max-width:1024px) and (orientation:portrait){.App__sidebar-toggle{opacity:1;pointer-events:all}}.App__sidebar{background:var(--theme-secondary-color);border-left:4px solid var(--theme-secondary-color);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;transition:transform .25s;width:300px}@media screen and (max-width:1024px) and (orientation:portrait){.App__sidebar{border-left:0;height:100vh;position:fixed;right:0;top:0;transform:translateX(100%);z-index:1002}.App__sidebar--visible{transform:translateX(0)}.App__sidebar--visible .App__sidebar-toggle{transform:rotate(180deg)}}@media only screen and (hover:none) and (orientation:landscape){.App__sidebar{max-height:-webkit-fill-available}}@media only screen and (hover:none) and (orientation:portrait){.App__sidebar{max-height:-webkit-fill-available}}@media screen and (max-width:1023px) and (orientation:landscape){.App__sidebar{width:33.3333%}}@media screen and (max-width:414px) and (orientation:portrait){.App__sidebar{width:200px}}.App__sidebar-container{border-left:1px solid var(--theme-primary-color);display:flex;flex-direction:column;flex-grow:1;height:100px;justify-content:space-between}@media screen and (max-width:1024px) and (orientation:portrait){.App__sidebar-container{border-left:0}}@media screen and (max-width:414px) and (orientation:portrait){.App__sidebar-container{border-left:0}}.App__sidebar-steps{max-height:100%;overflow:hidden;overflow-y:auto}@media screen and (max-width:768px) and (orientation:portrait){.App__scene-scroll-left,.App__scene-scroll-right{background-image:url(/img/harjedalskok/arrow-left.svg?v=2);background-position:15px;background-repeat:no-repeat;background-size:16px 29px;cursor:pointer;height:50px;left:0;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s;width:50px;z-index:999}.App__scene-scroll-left--visible,.App__scene-scroll-right--visible{opacity:1;pointer-events:all}.App__scene-scroll-right{left:auto;right:0;transform:translateY(-50%) rotate(180deg)}}html.touchevents .App__scene-scroll-left,html.touchevents .App__scene-scroll-right{display:none}html.touchevents .App,html.touchevents .App__scene-wrapper{min-height:-webkit-fill-available}