@font-face {
font-family: "Quattrocento Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_n4.ce5e9bf514e68f53bdd875976847cf755c702eaa.woff2?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=a673c3c8a18a0af0f0ed6695873b95b57c0810ff3d49d89ef970919cbfbb8639") format("woff2"),
url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_n4.44bbfb57d228eb8bb083d1f98e7d96e16137abce.woff?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=6428d28241805da8355e2718c29159299ddaa9734f8da83d72a6ff90efd88971") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_n7.bdda9092621b2e3b4284b12e8f0c092969b176c1.woff2?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=70f0ced59caac9ec68fb50d9a758315e2bae01e3d8ac3cb004db57cd2b54a363") format("woff2"),
url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_n7.3f8ab2a91343269966c4aa4831bcd588e7ce07b9.woff?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=ba450d24a40c548899420681e42f89a5cd6208f06a463231624a345ae1589ea8") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_i4.4f70b1e78f59fa1468e3436ab863ff0bf71e71bb.woff2?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=6034021cb345238a2c1a6ea7e3daf84313e4a0125578aba9b2cca975d7d9005a") format("woff2"),
url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_i4.b695efef5d957af404945574b7239740f79b899f.woff?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=ea413e48dd34b40af232891efab8e9ce6c47279d87de7b4b997e86e68b89de9b") format("woff");
}
@font-face {
font-family: "Quattrocento Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_i7.49d754c8032546c24062cf385f8660abbb11ef1e.woff2?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=fbf8c60fce5baef34e042aed3fa5619aeb91ccf7169c9a92c1dba80725edc7af") format("woff2"),
url("//vikng.se/cdn/fonts/quattrocento_sans/quattrocentosans_i7.567b0b818999022d5a9ccb99542d8ff8cdb497df.woff?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=bd862fa1f84af14e7aa82682e00275fbe7a7134c43b3cd5986d573a1c79ee99a") format("woff");
}
@font-face {
font-family: Trirong;
font-weight: 300;
font-style: normal;
font-display: swap;
src: url("//vikng.se/cdn/fonts/trirong/trirong_n3.20e715e45e9574a31fa3f43d52c7c395e835e6b5.woff2?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=974291293a3e597d0249bbec5961399ed04ca7ca10fc20a85aa6ad8fe48a0f27") format("woff2"),
url("//vikng.se/cdn/fonts/trirong/trirong_n3.9ba8bc43584d6c50663c6d5a2c45330db835e987.woff?h1=ZXhzMThuLTh6LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dmlrbmcuc2U&hmac=fd73861858d76f7df9044f32eecbd31e5f840c18bf17637c522f149a87ae290f") format("woff");
}
:root,
.color-scheme-1 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 37,37,37;
--color-background-contrast: 191,191,191;
--color-shadow: 37,37,37;
--color-button: 44,51,47;
--color-button-text: 255,255,255;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 80,86,85;
--color-link: 80,86,85;
--color-badge-foreground: 37,37,37;
--color-badge-background: 255,255,255;
--color-badge-border: 37,37,37;
--payment-terms-background-color: rgb(255 255 255);
}
.color-scheme-2 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 37,37,37;
--color-background-contrast: 191,191,191;
--color-shadow: 37,37,37;
--color-button: 37,37,37;
--color-button-text: 255,255,255;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 37,37,37;
--color-link: 37,37,37;
--color-badge-foreground: 37,37,37;
--color-badge-background: 255,255,255;
--color-badge-border: 37,37,37;
--payment-terms-background-color: rgb(255 255 255);
}
.color-scheme-3 {
--color-background: 113,106,86;
--gradient-background: #716a56;
--color-foreground: 239,236,236;
--color-background-contrast: 41,38,31;
--color-shadow: 37,37,37;
--color-button: 239,236,236;
--color-button-text: 113,106,86;
--color-secondary-button: 113,106,86;
--color-secondary-button-text: 239,236,236;
--color-link: 239,236,236;
--color-badge-foreground: 239,236,236;
--color-badge-background: 113,106,86;
--color-badge-border: 239,236,236;
--payment-terms-background-color: rgb(113 106 86);
}
.color-scheme-4 {
--color-background: 44,51,47;
--gradient-background: #2c332f;
--color-foreground: 239,236,236;
--color-background-contrast: 56,65,60;
--color-shadow: 37,37,37;
--color-button: 239,236,236;
--color-button-text: 44,51,47;
--color-secondary-button: 44,51,47;
--color-secondary-button-text: 239,236,236;
--color-link: 239,236,236;
--color-badge-foreground: 239,236,236;
--color-badge-background: 44,51,47;
--color-badge-border: 239,236,236;
--payment-terms-background-color: rgb(44 51 47);
}
.color-scheme-5 {
--color-background: 63,81,71;
--gradient-background: #3f5147;
--color-foreground: 239,236,236;
--color-background-contrast: 7,9,8;
--color-shadow: 37,37,37;
--color-button: 239,236,236;
--color-button-text: 63,81,71;
--color-secondary-button: 63,81,71;
--color-secondary-button-text: 239,236,236;
--color-link: 239,236,236;
--color-badge-foreground: 239,236,236;
--color-badge-background: 63,81,71;
--color-badge-border: 239,236,236;
--payment-terms-background-color: rgb(63 81 71);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: "Quattrocento Sans", sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Trirong, serif;
--font-heading-style: normal;
--font-heading-weight: 300;
--font-body-scale: 1.0;
--font-heading-scale: 1.1;
--media-padding: px;
--media-border-opacity: 0.1;
--media-border-width: 0px;
--media-radius: 6px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.6rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.1rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.6rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.1rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.6rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.1rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 0.6rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.5;
--popup-corner-radius: 6px;
--popup-shadow-opacity: 0.0;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 20px;
--grid-desktop-horizontal-spacing: 20px;
--grid-mobile-vertical-spacing: 10px;
--grid-mobile-horizontal-spacing: 10px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 6px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 6px;
--buttons-radius-outset: 7px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0.3px;
--inputs-radius: 6px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 7px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
Gå vidare till innehåll
Browse our latest products
- När du gör ett urval uppdateras sidan.
- Öppnas i ett nytt fönster.