/*--------------------------------------------------------------------------------------------------
  Site: 
  Detta CSS �r en del av Ask�s Internetbutik.
  COPYRIGHT (c) ASK�S INTERNET- & REKLAMBYR� AB 1997-2017. ALLA R�TTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------*/.canvas-module{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:61;margin:auto;text-align:left;max-height:100vh;height:max-content;max-width:500px;color:#111;background:#fff;border:1px solid #ddd}.canvas-right-module{position:fixed;top:0;bottom:0;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);position:fixed;top:0;bottom:0;z-index:61;text-align:left;width:400px;max-width:100%;height:100%;background:#fff;border-left:1px solid #ddd;-webkit-overflow-scrolling:touch;overflow-y:scroll;-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.canvas-right-module::-webkit-scrollbar{display:none}.canvas-left-module{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;top:0;bottom:0;z-index:61;text-align:left;width:400px;max-width:100%;height:100%;background:#fff;border-left:1px solid #ddd;-webkit-overflow-scrolling:touch;overflow-y:scroll;-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.canvas-left-module::-webkit-scrollbar{display:none}html[class*=modal-open]{height:calc(var(--window-inner-height) - 1px)}body[class*=modal-open]{overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch}.canvas-module.active{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.canvas-module-xs.active{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.canvas-module-sm.active{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.canvas-right-module.active{-webkit-transform:translateX(0);transform:translateX(0);display:block}.canvas-left-module.active{-webkit-transform:translateX(0);transform:translateX(0);display:block}.canvas-right-module-sm.active{-webkit-transform:translateX(0);transform:translateX(0);display:block}.canvas-left-module-sm.active{-webkit-transform:translateX(0);transform:translateX(0);display:block}.canvas-left-module-sm.active .nav,.canvas-left-module-sm.active .toppmeny{width:100%;display:block}.canvas-header{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center;background:#f2f2f2;padding:10px 0}.canvas-header i{margin:0.5rem;font-size:1.2em}.canvas-header .Close{display:-ms-flexbox;display:-webkit-box;display:flex;align-items:center;justify-content:center;width:3.2em;height:3.2em;border-radius:0;line-height:normal;background:#d7d7d7;color:#000}.canvas-header .Close::after{font-family:"FontAwesome";content:"\f00d";speak:never}.canvas-footer{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end;-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end;gap:var(--gutter)}.canvas-main{flex-grow:1}.canvas-main.scroll--canvas{max-height:calc(100vh - 110px);overflow:auto}.close-header{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-content:space-between;height:2.5em;line-height:2.5em;height:calc(var(--gutter) * 2.5);line-height:calc(var(--gutter) * 2.5);color:#111;background:var(--base-background2)}.close-header i{color:#111;flex:1;padding-left:var(--gutter)}.close-header span{flex:1}.close-header:before{flex:1;padding-left:var(--gutter);font-size:var(--text-xxl)}.close-header:after{font-family:"FontAwesome";content:"\f00d";speak:never;font-size:var(--text-xxl);text-align:center;width:1.8em;width:calc(var(--gutter) * 1.8);color:var(--base-color4);background:var(--base-background4);font-size:var(--text-xxl)}@media only screen and (max-width:47.99rem){.canvas-module-xs{display:none;display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:61;margin:auto;text-align:left;height:100%;width:100%;color:#111;background:#fff;overflow-y:auto;overflow-x:hidden}}@media only screen and (min-width:0rem) and (max-width:64.1rem){.canvas-module-sm{display:none;display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:61;margin:auto;text-align:left;height:100%;width:100%;color:#111;background:#fff;overflow-y:auto;overflow-x:hidden}.canvas-right-module-sm{display:none;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);display:none;position:fixed;top:0;bottom:0;z-index:61;text-align:left;width:100%;height:100%;color:#111;background:#fff;-webkit-overflow-scrolling:touch;overflow-y:auto;-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none;-ms-overflow-style:-ms-autohiding-scrollbar;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.canvas-right-module-sm::-webkit-scrollbar{display:none}.canvas-left-module-sm{display:none;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);display:none;position:fixed;top:0;bottom:0;z-index:61;text-align:left;width:100%;height:100%;color:#111;background:#fff;-webkit-overflow-scrolling:touch;overflow-y:auto;-webkit-transition:none;-ms-transition:none;-moz-transition:none;transition:none;-ms-overflow-style:-ms-autohiding-scrollbar;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.canvas-left-module-sm::-webkit-scrollbar{display:none}.canvas-right-module{width:100%}.canvas-left-module{width:100%}body[class*=modal-open] #header{z-index:61}body[class*=modal-open] .overlay.active{display:none}}@media only screen and (min-width:0rem) and (max-width:64.1rem){.close-header{height:calc(30px + 2em);height:calc(30px + var(--gutter) * 2);position:relative;line-height:calc(30px + 2em);line-height:calc(30px + var(--gutter) * 2)}.close-header:after{position:absolute;top:0;right:0;bottom:0;width:calc(22px + 2em);width:calc(22px + var(--gutter) * 2)}}@media (prefers-reduced-motion:no-preference){.canvas-right-module,.canvas-left-module,.canvas-right-module-sm,.canvas-left-module-sm{-webkit-transition:-webkit-transform 500ms ease;-ms-transition:transform 500ms ease;-moz-transition:transform 500ms ease;transition:transform 500ms ease}}