:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #EEE;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: #444;--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;font-size:1rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--text-card-background: white;--text-card-text-colour: #444;--card-padding: 16px;--card-radius: 10px;--button-background: purple;--button-text-colour: #eee;--heading-text-colour: #444;--title-text-colour: white}@media (prefers-color-scheme: dark){:root{--text-card-background: black;--text-card-text-colour: #EEE;--button-background: purple;--button-text-colour: #EEE;--heading-text-colour: #EEE;--title-text-colour: white}}*{font-family:Arial;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}main{margin:0 auto;font-weight:400;display:flex;max-width:1024px;flex-direction:column;gap:16px}a{text-decoration:none;color:#5f9ea0}ul{padding:0}header{width:100%;background-color:#ab47bc;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.text-card,.list-card{border-radius:var(--card-radius);background-color:var(--text-card-background);color:var(--text-card-text-colour);padding:var(--card-padding)}.list-card-link{list-style-type:none}.image-card{border-radius:var(--card-radius);background-color:var(--text-card-background);color:var(--text-card-text-colour);padding:var(--card-padding)}.frame{border:0;width:100%;border-radius:10px}.action{display:flex;height:40px;text-align:center;align-items:center;justify-content:center;cursor:pointer;font-weight:700;border:none}.link{color:#5f9ea0}.button{text-transform:uppercase;background-color:var(--button-background);color:var(--button-text-colour);padding:20px;border-radius:16px}.action-container{display:flex;flex-direction:row;gap:16px}.top-margin{margin-top:16px}.bottom-margin{margin-bottom:5px}.list-flex{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-content:flex-start}.image-item{width:100%;border-radius:var(--card-radius)}.image-container{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.floating{text-transform:uppercase;background-color:var(--button-background);color:var(--button-text-colour);padding:20px;position:fixed;bottom:50px;right:50px;border-radius:20px;box-shadow:0 4px 10px #0000004d}.header-icon{background-color:#000}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:var(--card-radius);padding:2rem;background:var(--text-card-background);color:var(--text-card-text-colour);max-width:500px;width:90%;text-align:center}.modal::backdrop{background-color:#00000080}.right{justify-content:flex-end}.left{justify-content:flex-start}.center{justify-content:center}.heading,.heading-2{color:var(--heading-text-colour);font-size:1.5rem}.heading-title{color:var(--title-text-colour);font-size:1.5rem}.title{display:flex;gap:5px;margin-left:15px;height:60px;align-items:center;font-size:1.5rem}.product-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media only screen and (max-width: 1024px){main{margin:10px}.product-list{grid-template-columns:1fr}}