@import"https://fonts.googleapis.com/css2?family=Average+Sans&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0;font-family:var(--ds-default-font)}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{font-weight:400;text-wrap:balance}strong{font-weight:600}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}[data-theme-a]{--space-1: .125rem;--space-2: .25rem;--space-4: .5rem;--space-6: .75rem;--space-8: 1rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--space-32: 4rem;--size-factor-small: .75;--size-factor-medium: 1;--size-factor-large: 1.25;--interaction-state-hover: 1.2;--interaction-state-active: 1.4;--pano-black-1: hsla(0, 0%, 100%, 1);--pano-black-2: hsla(0, 0%, 60%, 1);--pano-black-3: hsla(0, 0%, 40%, 1);--pano-black-4: hsla(0, 0%, 20%, 1);--pano-black-5: hsla(0, 0%, 0%, 1);--pano-royal-blue-1: hsla(238, 53%, 100%, 1);--pano-royal-blue-2: hsla(238, 53%, 80%, 1);--pano-royal-blue-3: hsla(238, 53%, 60%, 1);--pano-royal-blue-4: hsla(238, 53%, 40%, 1);--pano-royal-blue-5: hsla(238, 53%, 20%, 1);--pano-black: hsla(0, 0%, 4%, 1);--pano-gray-1: hsla(0, 0%, 20%, 1);--pano-gray-2: hsla(0, 0%, 30%, 1);--pano-gray-3: hsla(0, 0%, 40%, 1);--pano-gray-4: hsla(0, 0%, 50%, 1);--pano-gray-5: hsla(0, 0%, 60%, 1);--pano-gray-6: hsla(0, 0%, 70%, 1);--pano-gray-7: hsla(0, 0%, 80%, 1);--pano-white: hsla(0, 0%, 96%, 1);--color-primary: var(--pano-black-5);--color-on-primary: var(--pano-white);--color-primary-container: var(--pano-black-2);--color-primary-on-container: var(--pano-black);--color-secondary: var(--pano-royal-blue-5);--color-on-secondary: var(--pano-white);--color-secondary-container: var(--pano-royal-blue-3);--color-secondary-on-container: var(--pano-royal-blue-1);--color-disabled: var(--pano-gray-6);--color-on-disabled: var(--pano-gray-3);--color-disabled-container: var(--pano-gray-5);--color-disabled-on-container: var(--pano-gray-3);--color-read-only: var(--pano-gray-7);--color-on-read-only: var(--pano-gray-3);--color-read-only-container: var(--pano-gray-7);--color-read-only-on-container: var(--pano-gray-3);--color-black: var(--pano-black);--color-white: var(--pano-white);--ds-border-radius: var(--space-10);--ds-default-font: "Barlow Condensed", sans-serif;--ds-default-font-size: 1rem;--ds-default-line-height: 1.5rem}[data-theme-b]{--space-1: .125rem;--space-2: .25rem;--space-4: .5rem;--space-6: .75rem;--space-8: 1rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--space-32: 4rem;--size-factor-small: .75;--size-factor-medium: 1;--size-factor-large: 1.25;--interaction-state-hover: 1.2;--interaction-state-active: 1.4;--pano-purple-1: hsla(248, 67%, 95%, 1);--pano-purple-2: hsla(248, 67%, 80%, 1);--pano-purple-3: hsla(248, 67%, 60%, 1);--pano-purple-4: hsla(248, 67%, 20%, 1);--pano-purple-5: hsla(248, 67%, 0%, 1);--pano-black: hsla(0, 0%, 4%, 1);--pano-gray-1: hsla(0, 0%, 20%, 1);--pano-gray-2: hsla(0, 0%, 30%, 1);--pano-gray-3: hsla(0, 0%, 40%, 1);--pano-gray-4: hsla(0, 0%, 50%, 1);--pano-gray-5: hsla(0, 0%, 60%, 1);--pano-gray-6: hsla(0, 0%, 70%, 1);--pano-gray-7: hsla(0, 0%, 80%, 1);--pano-white: hsla(0, 0%, 96%, 1);--color-primary: var(--pano-purple-3);--color-on-primary: var(--pano-white);--color-primary-container: var(--pano-purple-2);--color-primary-on-container: var(--pano-black);--color-disabled: var(--pano-gray-6);--color-on-disabled: var(--pano-gray-3);--color-disabled-container: var(--pano-gray-5);--color-disabled-on-container: var(--pano-gray-3);--color-read-only: var(--pano-gray-7);--color-on-read-only: var(--pano-gray-3);--color-read-only-container: var(--pano-gray-7);--color-read-only-on-container: var(--pano-gray-3);--color-black: var(--pano-black);--color-white: var(--pano-white);--ds-border-radius: var(--space-2);--ds-default-font: "Average Sans", sans-serif;--ds-default-font-size: 1rem;--ds-default-line-height: 1.5rem}[data-theme-hsd]{--space-1: .125rem;--space-2: .25rem;--space-4: .5rem;--space-6: .75rem;--space-8: 1rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--space-32: 4rem;--size-factor-small: .75;--size-factor-medium: 1.25;--size-factor-large: 1.5;--interaction-state-hover: 1.2;--interaction-state-active: 1.4;--hsd-red-1: hsla(350, 100%, 85%, 1);--hsd-red-2: hsla(350, 100%, 65%, 1);--hsd-red-3: hsla(350, 100%, 45%, 1);--hsd-red-4: hsla(350, 100%, 20%, 1);--hsd-red-5: hsla(350, 100%, 0%, 1);--hsd-black: hsla(0, 0%, 4%, 1);--hsd-gray-1: hsla(0, 0%, 20%, 1);--hsd-gray-2: hsla(0, 0%, 30%, 1);--hsd-gray-3: hsla(0, 0%, 40%, 1);--hsd-gray-4: hsla(0, 0%, 50%, 1);--hsd-gray-5: hsla(0, 0%, 60%, 1);--hsd-gray-6: hsla(0, 0%, 70%, 1);--hsd-gray-7: hsla(0, 0%, 80%, 1);--hsd-white: hsla(0, 0%, 96%, 1);--color-primary: var(--hsd-red-3);--color-on-primary: var(--hsd-white);--color-primary-container: var(--hsd-red-2);--color-primary-on-container: var(--hsd-black);--color-disabled: var(--hsd-gray-6);--color-on-disabled: var(--hsd-gray-3);--color-disabled-container: var(--hsd-gray-5);--color-disabled-on-container: var(--hsd-gray-3);--color-read-only: var(--hsd-gray-7);--color-on-read-only: var(--hsd-gray-3);--color-read-only-container: var(--hsd-gray-7);--color-read-only-on-container: var(--hsd-gray-3);--color-black: var(--hsd-black);--color-white: var(--hsd-white);--ds-border-radius: var(--space-2);--ds-default-font: "HSD Sans", sans-serif;--ds-default-font-size: 1rem;--ds-default-line-height: 1.5rem}[data-theme-ikea]{--space-1: .125rem;--space-2: .25rem;--space-4: .5rem;--space-6: .75rem;--space-8: 1rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--space-32: 4rem;--size-factor-small: .75;--size-factor-medium: 1;--size-factor-large: 1.25;--interaction-state-hover: 1.05;--interaction-state-active: 1.1;--ikea-blue-1: hsla(210, 100%, 95%, 1);--ikea-blue-2: hsla(210, 100%, 64%, 1);--ikea-blue-3: hsla(210, 100%, 34%, 1);--ikea-blue-4: hsla(210, 100%, 14%, 1);--ikea-blue-5: hsla(210, 100%, 0%, 1);--ikea-yellow-1: hsla(46, 92%, 98%, 1);--ikea-yellow-2: hsla(46, 92%, 82%, 1);--ikea-yellow-3: hsla(46, 92%, 62%, 1);--ikea-yellow-4: hsla(46, 92%, 22%, 1);--ikea-yellow-5: hsla(46, 92%, 0%, 1);--ikea-black: hsla(0, 0%, 4%, 1);--ikea-gray-1: hsla(0, 0%, 20%, 1);--ikea-gray-2: hsla(0, 0%, 30%, 1);--ikea-gray-3: hsla(0, 0%, 40%, 1);--ikea-gray-4: hsla(0, 0%, 50%, 1);--ikea-gray-5: hsla(0, 0%, 60%, 1);--ikea-gray-6: hsla(0, 0%, 70%, 1);--ikea-gray-7: hsla(0, 0%, 80%, 1);--ikea-white: hsla(0, 0%, 96%, 1);--color-primary: var(--ikea-blue-3);--color-on-primary: var(--ikea-yellow-3);--color-primary-container: var(--ikea-blue-2);--color-primary-on-container: var(--ikea-yellow-2);--color-secondary: var(--ikea-yellow-3);--color-on-secondary: var(--ikea-blue-3);--color-secondary-container: var(--ikea-yellow-2);--color-secondary-on-container: var(--ikea-blue-2);--color-disabled: var(--ikea-gray-6);--color-on-disabled: var(--ikea-gray-3);--color-disabled-container: var(--ikea-gray-5);--color-disabled-on-container: var(--ikea-gray-3);--color-read-only: var(--ikea-gray-7);--color-on-read-only: var(--ikea-gray-3);--color-read-only-container: var(--ikea-gray-7);--color-read-only-on-container: var(--ikea-gray-3);--color-black: var(--ikea-black);--color-white: var(--ikea-white);--ds-border-radius: var(--space-2);--ds-default-font: "Ikea Sans", sans-serif;--ds-default-font-size: 1rem;--ds-default-line-height: 1.5rem}[data-theme-zweitag]{--space-1: .125rem;--space-2: .25rem;--space-4: .5rem;--space-6: .75rem;--space-8: 1rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--space-32: 4rem;--size-factor-small: 1;--size-factor-medium: 1.25;--size-factor-large: 2;--interaction-state-hover: 1.2;--interaction-state-active: 1.4;--zw-aqua-1: hsla(183, 100%, 60%, 1);--zw-aqua-2: hsla(183, 100%, 40%, 1);--zw-aqua-3: hsla(183, 100%, 28%, 1);--zw-aqua-4: hsla(183, 100%, 14%, 1);--zw-aqua-5: hsla(183, 100%, 0, 1);--zw-marine-1: hsla(169, 100%, 95%, 1);--zw-marine-2: hsla(169, 100%, 70%, 1);--zw-marine-3: hsla(169, 100%, 30%, 1);--zw-marine-4: hsla(169, 100%, 20% 1);--zw-marine-5: hsla(169, 100%, 0%, 1);--zw-red-1: hsla(352, 100%, 100%, 1);--zw-red-2: hsla(352, 100%, 87%, 1);--zw-red-3: hsla(352, 100%, 66%, 1);--zw-red-4: hsla(352, 100%, 24%, 1);--zw-red-5: hsla(352, 100%, 0%, 1);--zw-black: hsla(0, 0%, 4%, 1);--zw-gray-1: hsla(0, 0%, 20%, 1);--zw-gray-2: hsla(0, 0%, 30%, 1);--zw-gray-3: hsla(0, 0%, 40%, 1);--zw-gray-4: hsla(0, 0%, 50%, 1);--zw-gray-5: hsla(0, 0%, 60%, 1);--zw-gray-6: hsla(0, 0%, 70%, 1);--zw-gray-7: hsla(0, 0%, 80%, 1);--zw-white: hsla(0, 0%, 96%, 1);--color-primary: var(--zw-aqua-3);--color-on-primary: var(--zw-white);--color-primary-container: var(--zw-aqua-2);--color-primary-on-container: var(--zw-black);--color-secondary: var(--zw-marine-3);--color-on-secondary: var(--zw-white);--color-secondary-container: var(--zw-marine-2);--color-secondary-on-container: var(--zw-black);--color-highlight: var(--zw-red-3);--color-on-highlight: var(--zw-white);--color-highlight-container: var(--zw-red-2);--color-highlight-on-container: var(--zw-black);--color-disabled: var(--zw-gray-6);--color-on-disabled: var(--zw-gray-3);--color-disabled-container: var(--zw-gray-5);--color-disabled-on-container: var(--zw-gray-3);--color-read-only: var(--zw-gray-7);--color-on-read-only: var(--zw-gray-3);--color-read-only-container: var(--zw-gray-7);--color-read-only-on-container: var(--zw-gray-3);--color-black: var(--zw-black);--color-white: var(--zw-white);--ds-border-radius: var(--space-2);--ds-default-font: "Sanuk Pro", sans-serif;--ds-default-font-size: 1rem;--ds-default-line-height: 1.5rem}@font-face{font-family:Sanuk Pro;src:local("Sanuk Pro"),url(/panorama-demo/assets/SanukPro-cf0bf84d.woff) format("woff2"),url(/panorama-demo/assets/SanukPro-cf0bf84d.woff) format("woff")}@font-face{font-family:HSD Sans;src:local("HSD Sans"),url(/panorama-demo/assets/hsd-sans-252d8f3f.ttf) format("truetype")}@font-face{font-family:Ikea Sans;src:local("Ikea Sans"),url(/panorama-demo/assets/ikea-sans-5c5444da.ttf) format("truetype"),url(/panorama-demo/assets/ikea-sans-c6905a6c.woff) format("woff"),url(/panorama-demo/assets/ikea-sans-9b139066.woff2) format("woff2")}.page{position:relative;display:grid;grid-template-columns:repeat(12,1fr);height:100vh;font-family:var(--ds-default-font);gap:var(--space-8)}.page-container{display:flex;align-items:center;justify-content:center;gap:32px;position:fixed;z-index:10;top:0;left:0;right:0;height:48px;background-color:var(--pano-gray-2)}[data-theme-hsd] .page-container{background-color:var(--hsd-gray-2)}[data-theme-ikea] .page-container{background-color:var(--ikea-gray-2)}[data-theme-zweitag] .page-container{background-color:var(--zw-gray-2)}a{text-decoration:none;font-family:var(--ds-default-font);color:var(--color-font)}a:focus,a:hover,a:active{color:var(--color-primary)}[data-theme-a] a:focus,[data-theme-a] a:hover,[data-theme-a] a:active{color:var(--color-secondary-container)}.placeholder-image{grid-column:1 / 8}.login-form{display:flex;flex-direction:column;justify-content:center;margin-inline:auto;min-width:30vw;gap:var(--space-8);padding:var(--space-8);grid-column:8 / 12}.headings{display:flex;flex-direction:column;align-items:center;justify-content:center}.repel{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4)}.image{max-width:100%;height:100vh;object-fit:cover}.brand-image{width:200px;margin-bottom:var(--space-32)}.link{margin-top:10%}.buttons{display:flex;flex-direction:column;margin-inline:20%;gap:var(--space-4)}.radio-group{margin-inline:auto}