@epigraph/configurator 1.6.1 → 1.7.1-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +98 -98
- package/dist/index.js +1 -0
- package/package.json +42 -83
- package/dist/epigraph-configurator.css +0 -2
- package/dist/epigraph-configurator.js +0 -3
package/README.md
CHANGED
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
[](https://threejs.org/)
|
|
2
|
-
[](https://www.javascript.com)
|
|
3
|
-
[](https://GitHub.com/Naereen/StrapDown.js/graphs/commit-activity)
|
|
4
|
-
|
|
5
|
-
<br>
|
|
6
|
-
<br>
|
|
7
|
-
|
|
8
|
-
# INTRODUCTION
|
|
9
|
-
|
|
10
|
-
The "Epigraph Configurator" web component is meant to be a wrapper around "Epigraph's Configurator Core" web component. The Configurator web component aims at providing a fully functional configurator for our clients with a default UI along with some customisation options.
|
|
11
|
-
Even though we provide a default UI for our clients, the goal is always to allow the client developers to expand on top of these existing functionalities or even replace it entirely.
|
|
12
|
-
|
|
13
|
-
### Some Useful Links:
|
|
14
|
-
|
|
15
|
-
- [Web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components)
|
|
16
|
-
|
|
17
|
-
## SETTING UP DEV ENVIRONMENT (For Epigraph Devs Only)
|
|
18
|
-
|
|
19
|
-
---
|
|
20
|
-
|
|
21
|
-
To setup a dev environment please refer to this repository tagged below, which aims to automate the process as mugh as possible:
|
|
22
|
-
|
|
23
|
-
[epigraph-configurator-dev-env](https://github.com/epigraph-us/epigraph-configurator-dev-env)
|
|
24
|
-
|
|
25
|
-
## USAGE
|
|
26
|
-
|
|
27
|
-
---
|
|
28
|
-
|
|
29
|
-
### Importing the Web Component
|
|
30
|
-
|
|
31
|
-
In order to import the web component on your page, you must import the the script in your head tag:
|
|
32
|
-
|
|
33
|
-
```html
|
|
34
|
-
<head>
|
|
35
|
-
<!-- Import other scripts above and below this. -->
|
|
36
|
-
<script src="https://cdn.jsdelivr.net/npm/@epigraph/configurator"></script>
|
|
37
|
-
</head>
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
Once the web component is imported, there are two primary modes that we intended the Epigraph Configurator to be used as. Irrespective of the mode that you choose to setup the configurator in, we have tried to make the process as similar as possible.
|
|
41
|
-
|
|
42
|
-
### With the default UI:
|
|
43
|
-
|
|
44
|
-
This is the usage that we mostly expect our client to use. This is the quickest mode to get started with embedding a configurator on any website that runs on modern browsers.
|
|
45
|
-
|
|
46
|
-
To start with setting up a fully functional product configurator on your website:
|
|
47
|
-
|
|
48
|
-
```html
|
|
49
|
-
<!-- A client-access-key can only be linked to a single domain, so if you would like to whitelist your staging URL as well, please request a separate key for the same. -->
|
|
50
|
-
<epigraph-configurator id="wcEpigraphConfigurator" client-access-key="<key-provided-by-epigraph>"/></epigraph-configurator>
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
### Without UI:
|
|
54
|
-
|
|
55
|
-
This mode allows the developers to use only the configurator core and build a UI on top of it from scratch. Even though we allows our customers to embed the epigraph-configurator-core directly on their websites, we do not recommend that. If you already have a custom UI in mind for what you wish for the configurator to look like. The recommended way is to import the epigraph-configurator web component on the webpage and set it's mode to disable UI.
|
|
56
|
-
|
|
57
|
-
```html
|
|
58
|
-
<!-- A client-access-key can only be linked to a single domain, so if you would like to whitelist your staging URL as well, please request a separate key for the same. -->
|
|
59
|
-
<epigraph-configurator
|
|
60
|
-
id="wcEpigraphConfigurator"
|
|
61
|
-
client-access-key="<key-provided-by-epigraph>"
|
|
62
|
-
disable-ui
|
|
63
|
-
></epigraph-configurator>
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
## Working with the API
|
|
67
|
-
|
|
68
|
-
Once you choose to move forward with a configurator mode, use the Core API documentation to interact with the configurator and expand on top of it's capabilities.
|
|
69
|
-
|
|
70
|
-
Epigraph API exposes it's core's API on the HTML element itself and the uses the same internally as well. To access the same, all you should have to do it keep a reference to the web component that was attached to the webpage:
|
|
71
|
-
|
|
72
|
-
```html
|
|
73
|
-
<head>
|
|
74
|
-
<!-- Import other scripts above and below this. -->
|
|
75
|
-
<script src="https://cdn.jsdelivr.net/npm/@epigraph/configurator"></script>
|
|
76
|
-
</head>
|
|
77
|
-
|
|
78
|
-
<!-- A client-access-key can only be linked to a single domain, so if you would like to whitelist your staging URL as well, please request a separate key for the same. -->
|
|
79
|
-
<epigraph-configurator
|
|
80
|
-
id="wcEpigraphConfigurator"
|
|
81
|
-
client-access-key="<key-provided-by-epigraph>"
|
|
82
|
-
></epigraph-configurator>
|
|
83
|
-
|
|
84
|
-
<script>
|
|
85
|
-
const EPIGRAPH_CONFIGURATOR_WC = document.querySelector(
|
|
86
|
-
"wcEpigraphConfigurator"
|
|
87
|
-
);
|
|
88
|
-
const IS_API_INITIALISED = EPIGRAPH_CONFIGURATOR_WC.api.isReady(); // returns true if the api is avilable to be used
|
|
89
|
-
// TODO: We are even planning to add an "coreApi:ready" event on the configurator web component for you to subscribe to
|
|
90
|
-
|
|
91
|
-
if (IS_API_INITIALISED === false) {
|
|
92
|
-
// You could choose to abort the process and remove the web component if the api isn't available.
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
// If the API was initialised and ready to be used. For example:
|
|
96
|
-
// EPIGRAPH_CONFIGURATOR_WC.api.<anyMethodFromTheApi>();
|
|
97
|
-
</script>
|
|
98
|
-
```
|
|
1
|
+
[](https://threejs.org/)
|
|
2
|
+
[](https://www.javascript.com)
|
|
3
|
+
[](https://GitHub.com/Naereen/StrapDown.js/graphs/commit-activity)
|
|
4
|
+
|
|
5
|
+
<br>
|
|
6
|
+
<br>
|
|
7
|
+
|
|
8
|
+
# INTRODUCTION
|
|
9
|
+
|
|
10
|
+
The "Epigraph Configurator" web component is meant to be a wrapper around "Epigraph's Configurator Core" web component. The Configurator web component aims at providing a fully functional configurator for our clients with a default UI along with some customisation options.
|
|
11
|
+
Even though we provide a default UI for our clients, the goal is always to allow the client developers to expand on top of these existing functionalities or even replace it entirely.
|
|
12
|
+
|
|
13
|
+
### Some Useful Links:
|
|
14
|
+
|
|
15
|
+
- [Web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components)
|
|
16
|
+
|
|
17
|
+
## SETTING UP DEV ENVIRONMENT (For Epigraph Devs Only)
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
To setup a dev environment please refer to this repository tagged below, which aims to automate the process as mugh as possible:
|
|
22
|
+
|
|
23
|
+
[epigraph-configurator-dev-env](https://github.com/epigraph-us/epigraph-configurator-dev-env)
|
|
24
|
+
|
|
25
|
+
## USAGE
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
### Importing the Web Component
|
|
30
|
+
|
|
31
|
+
In order to import the web component on your page, you must import the the script in your head tag:
|
|
32
|
+
|
|
33
|
+
```html
|
|
34
|
+
<head>
|
|
35
|
+
<!-- Import other scripts above and below this. -->
|
|
36
|
+
<script src="https://cdn.jsdelivr.net/npm/@epigraph/configurator"></script>
|
|
37
|
+
</head>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Once the web component is imported, there are two primary modes that we intended the Epigraph Configurator to be used as. Irrespective of the mode that you choose to setup the configurator in, we have tried to make the process as similar as possible.
|
|
41
|
+
|
|
42
|
+
### With the default UI:
|
|
43
|
+
|
|
44
|
+
This is the usage that we mostly expect our client to use. This is the quickest mode to get started with embedding a configurator on any website that runs on modern browsers.
|
|
45
|
+
|
|
46
|
+
To start with setting up a fully functional product configurator on your website:
|
|
47
|
+
|
|
48
|
+
```html
|
|
49
|
+
<!-- A client-access-key can only be linked to a single domain, so if you would like to whitelist your staging URL as well, please request a separate key for the same. -->
|
|
50
|
+
<epigraph-configurator id="wcEpigraphConfigurator" client-access-key="<key-provided-by-epigraph>"/></epigraph-configurator>
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
### Without UI:
|
|
54
|
+
|
|
55
|
+
This mode allows the developers to use only the configurator core and build a UI on top of it from scratch. Even though we allows our customers to embed the epigraph-configurator-core directly on their websites, we do not recommend that. If you already have a custom UI in mind for what you wish for the configurator to look like. The recommended way is to import the epigraph-configurator web component on the webpage and set it's mode to disable UI.
|
|
56
|
+
|
|
57
|
+
```html
|
|
58
|
+
<!-- A client-access-key can only be linked to a single domain, so if you would like to whitelist your staging URL as well, please request a separate key for the same. -->
|
|
59
|
+
<epigraph-configurator
|
|
60
|
+
id="wcEpigraphConfigurator"
|
|
61
|
+
client-access-key="<key-provided-by-epigraph>"
|
|
62
|
+
disable-ui
|
|
63
|
+
></epigraph-configurator>
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
## Working with the API
|
|
67
|
+
|
|
68
|
+
Once you choose to move forward with a configurator mode, use the Core API documentation to interact with the configurator and expand on top of it's capabilities.
|
|
69
|
+
|
|
70
|
+
Epigraph API exposes it's core's API on the HTML element itself and the uses the same internally as well. To access the same, all you should have to do it keep a reference to the web component that was attached to the webpage:
|
|
71
|
+
|
|
72
|
+
```html
|
|
73
|
+
<head>
|
|
74
|
+
<!-- Import other scripts above and below this. -->
|
|
75
|
+
<script src="https://cdn.jsdelivr.net/npm/@epigraph/configurator"></script>
|
|
76
|
+
</head>
|
|
77
|
+
|
|
78
|
+
<!-- A client-access-key can only be linked to a single domain, so if you would like to whitelist your staging URL as well, please request a separate key for the same. -->
|
|
79
|
+
<epigraph-configurator
|
|
80
|
+
id="wcEpigraphConfigurator"
|
|
81
|
+
client-access-key="<key-provided-by-epigraph>"
|
|
82
|
+
></epigraph-configurator>
|
|
83
|
+
|
|
84
|
+
<script>
|
|
85
|
+
const EPIGRAPH_CONFIGURATOR_WC = document.querySelector(
|
|
86
|
+
"wcEpigraphConfigurator"
|
|
87
|
+
);
|
|
88
|
+
const IS_API_INITIALISED = EPIGRAPH_CONFIGURATOR_WC.api.isReady(); // returns true if the api is avilable to be used
|
|
89
|
+
// TODO: We are even planning to add an "coreApi:ready" event on the configurator web component for you to subscribe to
|
|
90
|
+
|
|
91
|
+
if (IS_API_INITIALISED === false) {
|
|
92
|
+
// You could choose to abort the process and remove the web component if the api isn't available.
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
// If the API was initialised and ready to be used. For example:
|
|
96
|
+
// EPIGRAPH_CONFIGURATOR_WC.api.<anyMethodFromTheApi>();
|
|
97
|
+
</script>
|
|
98
|
+
```
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))i(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const o of r.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&i(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function i(e){if(e.ep)return;e.ep=!0;const r=s(e);fetch(e.href,r)}})();
|
package/package.json
CHANGED
|
@@ -1,83 +1,42 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@epigraph/configurator",
|
|
3
|
-
"version": "1.
|
|
4
|
-
"description": "Epigraph Configurator web component.",
|
|
5
|
-
"keywords": [],
|
|
6
|
-
"main": "./dist/
|
|
7
|
-
"dependencies": {
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"build": "react-scripts build",
|
|
44
|
-
"organiseDist:prod": "node ./scripts/organiseDistribution.js",
|
|
45
|
-
"organiseDist:staging": "node ./scripts/organiseDistribution.js",
|
|
46
|
-
"build:prod": "env-cmd -f .env.production npm run build && env-cmd -f .env.production npm run organiseDist:prod",
|
|
47
|
-
"build:staging": "env-cmd -f .env.staging npm run build && env-cmd -f .env.staging npm run organiseDist:staging",
|
|
48
|
-
"build:dev": "env-cmd -f .env.dev npm run build",
|
|
49
|
-
"generate-api-docs": "node ./src/generateApiDocsAsMD.js",
|
|
50
|
-
"build:client-docs": "npm run generate-api-docs && cd ./docs/client-docs && npm run build",
|
|
51
|
-
"live:client-docs": "cd ./docs/client-docs && npm run start",
|
|
52
|
-
"build-and-run:client-docs": "npm run generate-api-docs && cd ./docs/client-docs && npm run build && npm run serve",
|
|
53
|
-
"build:internal-docs": "npm run generate-api-docs && cd ./docs/internal-docs && npm run build",
|
|
54
|
-
"live:internal-docs": "cd ./docs/internal-docs && npm run start",
|
|
55
|
-
"build-and-run:internal-docs": "npm run generate-api-docs && cd ./docs/internal-docs && npm run build && npm run serve",
|
|
56
|
-
"build:all-docs": "npm run build:client-docs && npm run build:internal-docs",
|
|
57
|
-
"publish:client-docs": "echo ======== Building Client Documentation ======== && npm run build:client-docs && echo == echo ======== Publishing Client Documentaion ======== && cd ./docs/client-docs/ && gcloud app deploy --project composite-sun-338620",
|
|
58
|
-
"prepare": "husky install",
|
|
59
|
-
"format-all": "prettier -w . && git add -A .",
|
|
60
|
-
"format": "pretty-quick --staged",
|
|
61
|
-
"deprecated-download-project-assets": "gsutil -m rsync -d -r gs://epigraph-configurator/projects-asset-data/ ./public/projects-asset-data/ && gsutil -m rsync -d -r gs://epigraph-configurator/external-libs/ ./public/external-libs/",
|
|
62
|
-
"deprecated-upload-project-assets": "gsutil -m rsync -d -r ./public/ gs://epigraph-configurator/",
|
|
63
|
-
"prepublishOnly": "npm run build:prod"
|
|
64
|
-
},
|
|
65
|
-
"browserslist": [
|
|
66
|
-
">0.2%",
|
|
67
|
-
"not dead",
|
|
68
|
-
"not ie <= 11",
|
|
69
|
-
"not op_mini all"
|
|
70
|
-
],
|
|
71
|
-
"files": [
|
|
72
|
-
"dist/"
|
|
73
|
-
],
|
|
74
|
-
"repository": {
|
|
75
|
-
"type": "git",
|
|
76
|
-
"url": "git+https://github.com/epigraph-us/epigraph-configurator.git"
|
|
77
|
-
},
|
|
78
|
-
"author": "puneet@epigraph.us",
|
|
79
|
-
"license": "Apache-2.0",
|
|
80
|
-
"bugs": {
|
|
81
|
-
"url": "https://github.com/epigraph-us/epigraph-configurator/issues"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@epigraph/configurator",
|
|
3
|
+
"version": "1.7.1-alpha",
|
|
4
|
+
"description": "Epigraph Configurator web component.",
|
|
5
|
+
"keywords": [],
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"dependencies": {},
|
|
8
|
+
"devDependencies": {
|
|
9
|
+
"husky": "^8.0.0",
|
|
10
|
+
"jsdoc-to-markdown": "^7.1.1",
|
|
11
|
+
"prettier": "^2.7.1",
|
|
12
|
+
"pretty-quick": "^3.1.3"
|
|
13
|
+
},
|
|
14
|
+
"scripts": {
|
|
15
|
+
"generate-api-docs": "node ./src/generateApiDocsAsMD.js",
|
|
16
|
+
"build:client-docs": "npm run generate-api-docs && cd ./docs/client-docs && npm run build",
|
|
17
|
+
"live:client-docs": "cd ./docs/client-docs && npm run start",
|
|
18
|
+
"build-and-run:client-docs": "npm run generate-api-docs && cd ./docs/client-docs && npm run build && npm run serve",
|
|
19
|
+
"prepare": "husky install",
|
|
20
|
+
"format-all": "prettier -w . && git add -A .",
|
|
21
|
+
"format": "pretty-quick --staged",
|
|
22
|
+
"prepublishOnly": "cd .. && npm run build:prod && cd epigraph-configurator"
|
|
23
|
+
},
|
|
24
|
+
"browserslist": [
|
|
25
|
+
">0.2%",
|
|
26
|
+
"not dead",
|
|
27
|
+
"not ie <= 11",
|
|
28
|
+
"not op_mini all"
|
|
29
|
+
],
|
|
30
|
+
"files": [
|
|
31
|
+
"dist/"
|
|
32
|
+
],
|
|
33
|
+
"repository": {
|
|
34
|
+
"type": "git",
|
|
35
|
+
"url": "git+https://github.com/epigraph-us/epigraph-configurator.git"
|
|
36
|
+
},
|
|
37
|
+
"author": "puneet@epigraph.us",
|
|
38
|
+
"license": "Apache-2.0",
|
|
39
|
+
"bugs": {
|
|
40
|
+
"url": "https://github.com/epigraph-us/epigraph-configurator/issues"
|
|
41
|
+
}
|
|
42
|
+
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-ms-user-select:none}.splide__list{display:-ms-flexbox}.splide__pagination{display:-ms-flexbox;-ms-flex-wrap:wrap}*{--primary-color:#e52438;--secondary-color:#e52438;--visited-color:#949494;--brand-dark:#333;--font-family:"Inter",helvetica,sans-serif;--hotspot-inner-circle-border-color:#e52438;--hotspot-active-inner-circle-border-color:var(--brand-dark);--hotspot-button-background-color:#fff;--hotspot-button-border-color:#e52438;--product-tour-dot-background-color:#000;--product-tour-current-dot-background-color:#fff;--tabs-height:3.25rem;--tab-button-padding:0 0 0 0;--tab-button-container-backgroundColor:#fff;--tab-button-hover-container-backgroundColor:#fff;--tab-button-background-color:#fff;--tab-button-hover-background-color:#fff;--tab-button-text-color:var(--brand-dark);--tab-button-hover-text-color:var(--brand-dark);--tab-button-underline:var(--brand-dark);--tabs-border-color:transparent;--review-cart-panel-background-color:var(--brand-dark);--product-feature-border-color:#f1f1f1;--item-card-box-shadow:0px 2px 8px rgba(0,0,0,.1);--item-card-border-radius:0.6rem;--item-card-background-coolor:#fff;--info-dark:#2e6cdf;--info-light:#d3e0f8;--warn-dark:#e2b236;--warn-light:#f9eed2;--error-dark:#d0342c;--error-light:#f6d7d5;--success-dark:#65bc6c;--success-light:#dbf0dd;box-sizing:border-box;font-family:var(--font-family)}epigraph-configurator-core{height:100%;width:100%}epigraph-configurator{overflow-anchor:none}#epigraph-configurator-core-slot{height:100%;overflow:hidden;position:relative;width:100%}#root,html{align-content:center;flex-direction:row;justify-content:space-evenly;margin:0;overflow:hidden;padding:0}#root,.configuratorParentDiv,html{align-items:center;display:flex;height:100%;width:100%}.configuratorParentDiv{justify-content:center}#dragImgElRef{border-radius:.6rem;height:3rem;opacity:0;pointer-events:none;position:absolute;width:3rem;z-index:1000}.loading{color:#000;color:var(--primary-color,#000)}.shadowRoot{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.mainCanvas{background:#fff}.annotation{align-items:center;background:#000;border:none;border-radius:20px;color:#f0f0f0;cursor:pointer;display:flex;font-size:8px;font-weight:300;gap:5px;justify-content:center;letter-spacing:1px;outline:none;padding:2px 10px}.annotation:hover{opacity:.8}.content{background:#202035;border-radius:5px;color:#fff;padding:10px 15px;text-align:left;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.ItemsParent{background-color:#e0e0e0ee;border-radius:15%;bottom:0;margin:5px;position:absolute;right:0}.Item{user-drag:none;-webkit-user-drag:none;cursor:grab;height:75px;padding:15px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:75px}.Item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cursorImg{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:0}.heading{font-size:2rem;font-weight:700;padding:1rem}.description{font-size:1rem;padding:0 1rem}.overlayUI{align-content:center;align-items:center;box-shadow:4px 4px 24px rgba(0,0,0,.08);display:flex;flex-direction:row;height:100%;justify-content:center;padding:0;position:absolute;width:100%}.shellCanvas{border-radius:12px 12px 0 0;height:85%;position:relative;width:100%}.shellSideMenu{height:100%;width:30%}.ignore{pointer-events:none}.interactable{pointer-events:all}.arButton{bottom:3vh;left:2vh;position:absolute}.sideMenu{align-content:center;align-items:flex-start;background:#fff;display:flex;-webkit-filter:drop-shadow(-4px 4px 12px rgba(0,0,0,.05));filter:drop-shadow(-4px 4px 12px rgba(0,0,0,.05));flex-direction:column;justify-content:space-between;max-width:27.5rem;min-width:27.5rem;width:31%}.desktopSideMenu,.sideMenu{height:100%;position:relative}.desktopSideMenu{width:100%}.sideMenuTabs{border-bottom:2px solid var(--tabs-border-color);box-shadow:-4px 4px 8px rgba(0,0,0,.05);gap:0;height:5rem;position:relative;width:100%;z-index:1}.sideMenuTabs,.sideMenuTabs .button{align-items:center;display:flex;justify-content:center}.sideMenuTabs .button{background:var(--tab-button-container-background-color);border-left:2px solid var(--tabs-border-color);border-right:2px solid var(--tabs-border-color);color:var(--brand-dark);flex-direction:column;font-size:1rem;font-weight:600;height:100%;opacity:1;padding:var(--tab-button-padding);text-transform:uppercase;width:33.33%}.sideMenuTabs .button:nth-child(2){border-left:none;border-right:none}.sideMenuTabs .button .icon,.sideMenuTabs .button span{opacity:.5}.sideMenuTabs .button span{background:var(--tab-button-background-color);padding:.5rem 2rem;transition:.1s ease}.activeSideMenuTab .icon,.activeSideMenuTab span{opacity:1!important}.sideMenuTabs .button:hover{border-bottom:1px solid var(--tab-button-underline);margin-bottom:-1px}.activeSideMenuTab span,.sideMenuTabs .button:hover span{background:var(--tab-button-hover-background-color)!important;color:var(--tab-button-hover-text-color);opacity:1}.activeSideMenuTab{border-bottom:2px solid var(--tab-button-underline)!important}.sideMenuTabs .button .icon{margin-bottom:.5rem;width:22px}.sideMenuContent{background:#fff;height:calc(100% - 9rem);left:0;position:absolute;top:5rem;width:100%}.leftShell{align-content:center;align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:50%;position:relative;width:100%;z-index:2}.disabledleftShell{width:100%}.shellCanvasContainerParent{align-items:center;display:flex;height:100%;left:0;position:absolute;top:0;z-index:5}.shellCanvasContainerParent#bottom{bottom:0;height:auto;justify-content:center;top:auto;width:100%}.shellCanvasContainerParent#right{height:100%;left:auto;right:0;top:0}.shellCanvasContainerParent#top{height:auto;justify-content:center;top:0;width:100%}.shellCanvasContainer{background:#fff;border-radius:2px;box-shadow:4px 4px 12px rgb(0 0 0/5%);display:flex;flex-direction:column;gap:1.125rem;padding:1rem 1rem 1rem 0;transition:.25s ease-in-out}.shellCanvasContainerParent#bottom .shellCanvasContainer{align-items:center;box-shadow:0 -4px 12px rgb(0 0 0/5%);flex-direction:row;gap:.75rem;justify-content:center}.shellCanvasContainerParent#right .shellCanvasContainer{box-shadow:-4px 0 12px rgb(0 0 0/5%)}.shellCanvasContainerParent#top .shellCanvasContainer{align-items:center;box-shadow:0 4px 12px rgb(0 0 0/5%);flex-direction:row;gap:.75rem;justify-content:center}.shellCanvasContainerInactive{opacity:0;pointer-events:none}.shellCanvasContainerInactive .shellButtonContainer{pointer-events:none}.shellButtonContainer{border-left:1px solid #fff;cursor:pointer;margin-left:1rem;pointer-events:all;position:relative}.shellButtonContainer .buttonContent,.shellCanvasContainerParent#bottom .shellButtonContainer,.shellCanvasContainerParent#top .shellButtonContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.shellButtonContainer .buttonContent{background:#fff;border-radius:50%;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;min-width:2.5rem;transition:all .2s ease;-webkit-transition:all .2s ease}.shellButtonContainer .buttonContent span{display:none}.shellButtonContainer:hover .buttonContent{background:#f1f1f1}.shellButtonContainer.active{border-left:1px solid var(--brand-dark)}.shellCanvasContainerParent#bottom .shellButtonContainer.active,.shellCanvasContainerParent#top .shellButtonContainer.active{border-left:none}.shellCanvasContainerParent#right .shellButtonContainer.active{border-left:none;border-right:1px solid var(--brand-dark)}.shellButtonContainer.active .buttonContent{background:#f1f1f1}.shellButtonContainer img{width:1.375rem}.shellButtonContainer span{color:#333;font-size:.6875rem}.shellButtonContainer .hoverDescriptor{background:rgba(0,0,0,.6);border-radius:1px;display:flex;justify-content:center;left:calc(100% + 1rem);opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;top:calc(50% - .5625rem);transition:all .2s ease;-webkit-transition:all .2s ease}.shellCanvasContainerParent#bottom .shellButtonContainer .hoverDescriptor{left:auto;top:-2rem}.shellCanvasContainerParent#right .hoverDescriptor{left:auto;right:calc(100% + 1rem)}.shellCanvasContainerParent#top .shellButtonContainer .hoverDescriptor{bottom:-2rem;left:auto;top:auto}.shellButtonContainer:hover .hoverDescriptor{opacity:1}.shellButtonContainer .hoverDescriptor span{color:#fff;font-size:11px;white-space:nowrap}.bottomBar{align-items:center;background-color:var(--brand-dark);bottom:0;display:flex;height:4rem;justify-content:flex-end;left:0;min-height:4rem;padding:1vh;position:absolute;width:100%}.bottomBar.right{border-radius:12px 12px 0 0;justify-content:space-between;padding:.5rem 24px}.bottomBar:hover{background-color:#1f1f1f}.bottomBar .cartButton{position:relative}.bottomBar .reviewButton{color:#fff;font-size:18px;margin-right:12px}.bottomBar div{color:#fff;font-size:1.125rem;font-weight:700;text-transform:uppercase}.bottomBar .cartNumber{background:var(--primary-color);border-radius:50%;color:#fff;height:2rem;justify-content:center;margin-left:.5rem;padding:.5rem;position:relative;width:2rem}.bottomBar .bottomBarChildDiv,.bottomBar .cartNumber{align-items:center;display:flex}.bottomBar .reviewButtonParentDiv{align-items:center;color:#fff;display:flex}.button{cursor:pointer;font-weight:700}.leftBottomBarButton{border:2px solid #ccc!important;border-radius:4px;color:#fff;font-size:14px;margin:1vh;padding:12px;text-align:center;width:80px}*{scrollbar-color:var(--primary-color) transparent;scrollbar-width:8px}::-webkit-scrollbar{background-color:#c4c4c426;height:3px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c4c4c4;border:none;border-radius:0}.shellCanvasTopOptions{position:absolute;right:2rem;top:2rem}.shellCanvasBottomOptions{bottom:2rem;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;right:2rem;z-index:4}.shellCanvasBottomOptions img:first-child{margin-bottom:1rem}.hotspotDrawer .drawerContent{padding:2rem}.hotspotDrawer h2{font-weight:700;text-transform:uppercase}.uiModals{z-index:3}.uiModal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.2s ease;-webkit-transition:.2s ease;width:100%;z-index:7}.uiModal.open{opacity:1;pointer-events:all}.uiModal .modalOverlay{background:rgba(51,51,51,.4);display:none;height:100%;left:0;position:absolute;top:0;width:100%}.uiModal.open .modalOverlay{display:block}.uiModal .modalDialog{align-items:flex-start;background:#fff;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem 2rem;position:relative;width:27.5rem;z-index:8}.uiModal .modalText{color:#222;font-size:.75rem;font-weight:300;margin-bottom:1rem;white-space:pre-wrap}.uiModal .modalDialog .modalHeading{color:var(--brand-dark);font-size:1.5rem;font-weight:700;margin:0 0 2.25rem;text-transform:capitalize}.uiModal .modalDialog input{border:.5px solid var(--brand-dark);border-radius:2px;color:var(--brand-dark);font-weight:300;height:100%;width:100%}.uiModal .modalDialog button{background:var(--primary-color);border:none;border-radius:2px;box-shadow:none;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;margin:2.25rem 0 0;outline:none;padding:.75rem 1rem;text-align:center;width:11rem}.shareModal{align-items:center;display:flex;height:3rem;justify-content:center;width:100%}.shareModalChildDiv,.shareModalLoaderImg{height:100%}.uiModal .shareModal button{align-items:center;display:flex;font-size:1rem;height:100%;justify-content:center;margin:0;padding:0;right:.25rem;text-transform:uppercase;top:.25rem;width:20%}.uiModal .shareModal button img{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);width:1.75rem}.uiModal .modalDialog .modalCloseContainer{display:flex;justify-content:flex-end;position:absolute;right:26px;top:2rem;width:100%}.uiModal .modalDialog .modalCloseContainer button{background:transparent;border:none;cursor:pointer;margin:0;outline:none;padding:0;width:auto}.uiModal .modalDialog .modalCloseContainer button img{width:1.75rem}.removeAllColorOverridesButton{background-color:initial;border:1px solid var(--brand-dark);border-radius:3px;color:var(--brand-dark);cursor:pointer;font-family:var(--font-family);font-weight:700;height:44px;margin-bottom:1rem;transition:.2s;width:100%}.removeAllColorOverridesButton:hover{background-color:var(--brand-dark);color:#fff;transition:.25s}.removeAllColorOverridesButton:disabled{cursor:not-allowed;opacity:.25}.Toastify__toast-container--bottom-right{bottom:4rem!important}.Toastify__close-button{align-self:center!important}.viewInYourSpace{z-index:213}.viewInYourSpace-AR{height:0;position:absolute;width:90%;z-index:213}.contextMenuParent{align-content:center;background:#fff;border:#000;border-radius:3%;border-radius:.625rem;box-shadow:0 1.21008px 14.521px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;max-width:none;min-width:10.625rem;padding:1rem 1rem 1.5rem;position:absolute;transition:.25s ease-in-out;width:auto;z-index:3}.contextMenuParent .infoButton{cursor:pointer;transition:all .2s ease}.contextMenuParent .infoButton:hover{opacity:.5}.contextMenuParent .closeContainer{display:flex;justify-content:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contextMenuParent .closeContainer button{background:transparent;border:none;box-shadow:none;cursor:pointer;outline:none;transition:.25s}.contextMenuParent .closeContainer button img{width:1.5rem}.contextMenuParent .contextContent{min-width:13.5rem}.contextMenuParent .contextNameContent{align-items:center;display:flex;gap:.5rem}.contextMenuParent .contextColorContent{display:flex;flex-direction:column;margin-top:.75rem}.colorThumbnailContainer .contextColorThumbnail,.contextMenuParent .contextColorThumbnail{height:100%;opacity:1;width:100%}.contextMenuParent .contextContentDiv{align-items:flex-start;display:flex}.contextMenuParent .contextContent .contextContentChildDiv{display:flex;justify-content:space-between;width:100%}.contextMenuParent .contextContent h3{font-size:1rem;font-weight:600;margin:0;text-transform:uppercase}.contextMenuParent .contextContent p{font-size:.75rem;font-weight:300;margin:0;white-space:nowrap;width:100%}.contextMenuParent .contextButtons{display:flex;flex-direction:row;gap:.75rem;margin-top:.05rem}.contextMenuParent .contextButtons button{align-items:center;background:#fff;border:none;border-radius:1.75px;box-shadow:none;cursor:pointer;display:flex;flex-direction:row;font-size:.75rem;font-weight:700;gap:.25rem;justify-content:center;outline:none;padding:.75rem 2rem;text-transform:uppercase}.contextMenuParent .contextButtons button img{width:1.125rem}.contextMenuParent .contextButtons button:first-child{border:.5px solid var(--primary-color);color:var(--primary-color)}.contextMenuParent .contextButtons button:first-child img{-webkit-filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%);filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%)}.contextMenuParent .contextButtons button:nth-child(2){border:.5px solid var(--brand-dark);color:var(--brand-dark);opacity:.3}.contextMenuParent .color-grid{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;max-width:320px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.contextMenuParent .color-grid ::-webkit-scrollbar-thumb{height:4px}.contextMenuParent .colorSwatchTitle{color:#c4c4c4;font-size:.6875rem;margin-bottom:.5rem;text-transform:uppercase}.mobileExpandButton{display:none}.epigraphDrawer .contextMenuParent{align-content:center;background:#fff;border:#000;border-radius:3%;border-radius:.625rem;box-shadow:none;display:flex;flex-direction:column;justify-content:center;left:0;max-width:none;min-width:200px;padding:1rem 1rem 1.5rem;position:relative;top:0;transition:.25s ease-in-out;width:100%;z-index:1005}.epigraphDrawer .contextMenuParent .closeContainer{display:flex;justify-content:flex-end;width:100%}.epigraphDrawer .contextMenuParent .closeContainer button{background:transparent;border:none;box-shadow:none;cursor:pointer;outline:none}.epigraphDrawer .contextMenuParent .closeContainer button img{width:.75rem}.epigraphDrawer .contextMenuParent .contextContent h3{font-size:.875rem;font-weight:700;margin:0;text-transform:uppercase}.epigraphDrawer .contextMenuParent .contextContent p{font-size:.75rem;font-weight:300;margin:0}.epigraphDrawer .contextMenuParent .contextButtons{display:flex;flex-direction:row;gap:.75rem;margin-top:.05rem}.epigraphDrawer .contextMenuParent .contextButtons button{align-items:center;background:transparent;background:#fff;border:1px solid var(--primary-color);border-radius:.25rem;box-shadow:none;cursor:pointer;display:flex;flex-direction:row;font-size:.75rem;font-weight:700;gap:.25rem;justify-content:center;outline:none;padding:.75rem 2rem;text-transform:uppercase}.epigraphDrawer .contextMenuParent .contextButtons button img{width:1rem}.epigraphDrawer .contextMenuParent .contextButtons button{color:var(--primary-color);width:100%}.epigraphDrawer .contextMenuParent .contextButtons button:first-child img{-webkit-filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%);filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%)}.epigraphDrawer .contextMenuParent .contextButtons button svg path{fill:var(--primary-color)}.epigraphDrawer .color-grid{display:flex;gap:1rem}.epigraphDrawer .colorSelector{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.epigraphDrawer .colorSelector .colorThumbnailContainer{position:relative}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail{border-radius:50%;height:2.625rem;width:2.625rem}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark img{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);opacity:0;transition:all .1s ease;width:45%}.epigraphDrawer .colorSelector.selected .colorThumbnailContainer .checkMark img{opacity:1}.epigraphDrawer .colorSelector .colorDetails{margin-top:0;opacity:.75;pointer-events:none;text-align:center}.spawning-requirements-container{background:#eaeaea;border-radius:.3rem;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:.5rem;padding:.2rem;pointer-events:none;position:absolute;top:5.5rem;transition:.25s;width:125%;z-index:1}.spawning-requirements-text,.spawningRequirementDiv .reason{padding:.2rem;white-space:pre-line;width:100%}.truncate{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-align:center;width:100px}.epigraphDrawer .colorSelector.selected .colorDetails,.epigraphDrawer .colorSelector:hover .colorDetails{opacity:1;pointer-events:all}.epigraphDrawer .colorSelector .colorDetails p{color:var(--brand-dark);font-size:.75rem;margin:0}.epigraphDrawer .colorSelector .colorDetails p:first-child{font-weight:600}.epigraphDrawer .colorSelector .colorDetails p:nth-child(2){font-weight:400}.epigraphDrawer h1,.epigraphDrawer h2,.epigraphDrawer h3,.epigraphDrawer h4,.epigraphDrawer h5,.epigraphDrawer p,.epigraphDrawer pre,.epigraphDrawer span{font-family:Inter,helvetica,sans-serif}.infoDrawer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:3rem;padding-top:2rem;position:relative;text-align:center}.infoDrawer .infoDrawerImageContainer{position:relative;width:100%}.infoDrawer button{background:transparent;border:none;cursor:pointer;outline:none}.infoDrawer .closeButton{position:absolute;right:1.5rem;top:1.5rem}.infoDrawer .closeButton img{width:.75rem}.infoDrawer .openNewTab{align-items:center;color:var(--brand-dark);display:flex;gap:.5rem;margin-top:1rem;outline:none;position:relative}.infoDrawer .itemImage{max-width:60%;width:50%}.infoDrawer .itemTitle{font-size:1rem;margin-top:1.25rem;max-width:70%;text-align:center}.infoDrawer .infoDrawerActions{margin-top:1.5rem}.infoDrawer .infoDrawerActions button{color:#fff;padding:.6875rem;text-align:center;width:65%}.infoDrawer .infoDrawerActions .removeFromCart{background:var(--brand-dark)}.infoDrawer .itemTitle{font-size:1.25rem;font-weight:400;margin-top:1rem;max-width:60%}.infoDrawer .infoDrawerDimensions{color:var(--brand-dark);font-size:.875rem;font-weight:700;margin-top:1rem;opacity:.4}.infoDrawer .infoDrawerActions{margin-top:3.75rem}.infoDrawer .infoModalActions button{background:#f8f8f8;color:var(--brand-dark);font-size:1.25rem;font-weight:700;margin-top:1rem;padding:.6875rem;pointer-events:none;text-align:center;width:65%}.infoDrawer .categoryLink{align-items:center;color:var(--brand-dark);display:flex;gap:.75rem;margin-bottom:1rem;outline:none;position:relative;text-decoration:none;width:70%}.infoDrawer .categoryLink .categoryTitle{font-size:1.25rem;font-weight:700;margin:auto;text-align:center}.previewCartModalChild{height:100%;width:100%}.cartEmptyText{padding:2rem}.previewCartContentParentDiv{height:100%;padding-top:.5rem;position:relative;width:100%}.checkButtonParentDiv{align-items:center;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.1);display:flex;height:5rem;justify-content:center;width:100%}.infoModalTextContainer{align-items:center;display:flex;flex-direction:column;margin-top:1rem;text-align:center;width:100%}#hotspotDrawer{position:absolute}.epigraphDrawer.hotspotDrawer .drawerContent{padding:3.5rem 1.25rem}.epigraphDrawer.hotspotDrawer .quill p{margin:.5rem 0 0}.product-image-default-state{cursor:not-allowed;opacity:1;transition:opacity .3s ease-in-out}.product-image-disabled{opacity:.1}.UIModalButtonParentDiv{display:flex;gap:1rem;width:inherit}.colorSelector .colorThumbnailContainer .checkMark{display:none!important}.colorSelector .colorThumbnailContainer{border:2px solid #4a4a4a00;border-radius:3.97381px;padding:2px}.colorSelector.selected .colorThumbnailContainer{border:2px solid #4a4a4a}.imageContainer .contentContainer{border:2px solid #4a4a4a00;border-radius:3.97381px}.imageContainer.active .contentContainer{border:2px solid #4a4a4a}h1{line-height:2;margin:0;text-align:center}h2{font-weight:400;margin:0 0 .5em}.tabs input{opacity:0;position:absolute;z-index:-1}.row{display:flex}.row .col{flex:1 1}.row .col:last-child{margin-left:1em}.tabs{border-radius:8px;height:100%;left:0;min-height:100%;overflow:scroll;position:absolute;top:0;width:100%}.productFeatureUIDiv{position:relative}.tabEmptyText{color:#818181;font-size:.9rem;padding-top:2rem;text-align:center}.tab{color:#fff;overflow:hidden;width:100%}.tab-label{align-items:center;background:#fff;border-bottom:1px solid var(--product-feature-border-color);color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;position:relative;text-transform:uppercase}.tab-label img{height:auto;width:1.6rem}.tab-label span{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input:checked~.tab-content,input:checked~.tab-label{background:#f8f8f8}.tab-label:hover{background:#f7f7f7}.tab-label .ellipsis{background:#fff;border:2px solid #e52438;border-radius:50%;box-sizing:border-box;height:20px;margin-right:12px;width:20px}.tabs .tab-content{background:#fff;color:#000;height:auto;max-height:0;overflow:hidden;padding:0 1em;transition:.7s ease-out}input:checked~.tab-label{font-weight:700}.tab:nth-child(2n) .tab-content{background:#f5f5f5}.tab-close{background:#2c3e50;cursor:pointer;display:flex;font-size:.75em;justify-content:flex-end;padding:1em}.tab-close:hover{background:#1a252f}input:checked+.tab-label .accordion-closed{display:none}input+.tab-label .accordion-closed,input:checked+.tab-label .accordion-open{display:flex}input+.tab-label .accordion-open{display:none}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid transparent;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-ms-flex-negative:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.f{--y:calc(var(--len) - var(--nth));bottom:0;min-height:80px;position:absolute;right:0;-webkit-transform:translate3d(0,calc(var(--y)*-40%),0) scale(calc(1 - var(--y)*.05));transform:translate3d(0,calc(var(--y)*-40%),0) scale(calc(1 - var(--y)*.05));transition:all .3s;width:100%}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-radius:100%;border-right-color:#616161;border-right:2px solid var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[data-rsbs-overlay]{background:#fff;background:var(--rsbs-bg,#fff);border-top-left-radius:16px;border-top-left-radius:var(--rsbs-overlay-rounded,16px);border-top-right-radius:16px;border-top-right-radius:var(--rsbs-overlay-rounded,16px);display:flex;flex-direction:column;height:0;height:var(--rsbs-overlay-h,0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--rsbs-overlay-translate-y,0),0);transform:translate3d(0,var(--rsbs-overlay-translate-y,0),0);will-change:height}[data-rsbs-overlay]:focus{outline:none}[data-rsbs-is-blocking=false] [data-rsbs-overlay]{box-shadow:0 -5px 60px 0 rgba(38,89,115,.11),0 -1px 0 rgba(38,89,115,.05)}[data-rsbs-overlay],[data-rsbs-root]:after{margin-left:env(safe-area-inset-left);margin-left:var(--rsbs-ml,env(safe-area-inset-left));margin-right:env(safe-area-inset-right);margin-right:var(--rsbs-mr,env(safe-area-inset-right));max-width:auto;max-width:var(--rsbs-max-w,auto)}[data-rsbs-backdrop],[data-rsbs-overlay],[data-rsbs-root]:after{-ms-scroll-chaining:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;left:0;overscroll-behavior:none;position:fixed;right:0;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}[data-rsbs-backdrop]{background-color:rgba(0,0,0,.6);background-color:var(--rsbs-backdrop-bg,rgba(0,0,0,.6));bottom:-60px;cursor:pointer;opacity:1;top:-60px;will-change:opacity}[data-rsbs-is-dismissable=false] [data-rsbs-backdrop]{cursor:ns-resize}[data-rsbs-root]:after{background:#fff;background:var(--rsbs-bg,#fff);content:"";height:1px;pointer-events:none;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform:scaleY(var(--rsbs-antigap-scale-y,0));transform:scaleY(var(--rsbs-antigap-scale-y,0));-webkit-transform-origin:bottom;transform-origin:bottom;will-change:transform}[data-rsbs-footer],[data-rsbs-header]{cursor:ns-resize;flex-shrink:0;padding:16px}[data-rsbs-header]{box-shadow:0 1px 0 rgba(46,59,66,.125);box-shadow:0 1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity, 1)*.125));padding-bottom:8px;padding-top:calc(20px + env(safe-area-inset-top));text-align:center;-webkit-user-select:none;user-select:none;z-index:1}[data-rsbs-header]:before{background-color:rgba(0,0,0,.14);background-color:var(--rsbs-handle-bg,rgba(0,0,0,.14));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:calc(8px + env(safe-area-inset-top));-webkit-transform:translateX(-50%);transform:translateX(-50%);width:36px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){[data-rsbs-header]:before{-webkit-transform:translateX(-50%) scaleY(.75);transform:translateX(-50%) scaleY(.75)}}[data-rsbs-has-header=false] [data-rsbs-header]{box-shadow:none;padding-top:calc(12px + env(safe-area-inset-top))}[data-rsbs-scroll]{-webkit-tap-highlight-color:revert;-webkit-touch-callout:revert;-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;flex-grow:1;flex-shrink:1;overflow:auto;overscroll-behavior:contain;-webkit-user-select:auto;user-select:auto}[data-rsbs-scroll]:focus{outline:none}[data-rsbs-has-footer=false] [data-rsbs-content]{padding-bottom:env(safe-area-inset-bottom)}[data-rsbs-content]{overflow:hidden}[data-rsbs-footer]{box-shadow:0 -1px 0 rgba(46,59,66,.125),0 2px 0 #fff;box-shadow:0 -1px 0 rgba(46,59,66,calc(var(--rsbs-content-opacity, 1)*.125)),0 2px 0 var(--rsbs-bg,#fff);overflow:hidden;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:1}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-header]>*,[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-scroll]>*,[data-rsbs-is-dismissable=true] [data-rsbs-footer]>*,[data-rsbs-is-dismissable=true] [data-rsbs-header]>*,[data-rsbs-is-dismissable=true] [data-rsbs-scroll]>*{opacity:1;opacity:var(--rsbs-content-opacity,1)}[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-backdrop],[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-backdrop],[data-rsbs-is-dismissable=true] [data-rsbs-backdrop]{opacity:1;opacity:var(--rsbs-backdrop-opacity,1)}[data-rsbs-state=closed],[data-rsbs-state=closing]{pointer-events:none}h1,h2,h3,h4,h5,p{margin:0}.hotspot-content{padding:.5rem 2rem 2.5rem}.hotspot-content h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.carousel{display:flex;justify-content:center;margin-top:1rem;padding-bottom:1rem}.carousel img{width:100%}.carousel video{height:100%;max-width:100%}.carouselTabParent{align-items:center;display:flex;justify-content:center;width:100%}.carouselVideoPlaceholderText{position:absolute}.splide__pagination{display:none!important}.splide__arrows{bottom:-52px;display:flex;justify-content:center;position:absolute;width:100%}.splide__arrow--prev{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.splide__arrow{background:transparent;border:none;box-shadow:none;padding:1rem;transition:.1s}.splide__arrow svg{height:1rem;width:1rem}.splide__arrow:disabled{opacity:.3;pointer-events:none}.col{border-radius:12px}.hide{display:none!important}.container{padding:28px 46px 2.5rem}.col,.container,.variantContainer{height:100%;overflow-y:scroll}.col{padding:0}.container::-webkit-scrollbar,.variantContainer::-webkit-scrollbar{display:none}.container .subheading{font-size:.75rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;text-transform:uppercase}.item-grid{align-items:flex-start;-webkit-column-gap:1.25rem;column-gap:1.25rem;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative}.item-grid .imageContainer{background:#fff;border-radius:.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2rem;position:relative;transition:.2s ease;width:6rem}.item-grid .imageContainer .contentContainer{align-items:center;background:var(--item-card-background-color);border-radius:.6rem;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:6rem;justify-content:center;left:0;margin:0;padding:8px;top:0;transition:.2s ease;width:6rem}.splide__arrow{cursor:pointer;pointer-events:all}.item-grid .imageContainer .addCartButton{align-items:center;background:var(--primary-color);border:none;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;bottom:0;color:#fff;cursor:pointer;display:none;font-size:.625rem;font-weight:600;height:auto;justify-content:center;left:0;line-height:.75rem;padding:.5rem;position:absolute;text-transform:uppercase;transition:all .2s ease;-webkit-transition:all .2s ease;width:100%}.item-grid .imageContainer .addCartButton.added{background:var(--brand-dark)}.item-grid .imageContainer .infoButton{background:none;border:0;cursor:pointer;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;right:.25rem;top:.25rem;transition:all .2s ease;-webkit-transition:all .2s ease;z-index:8}.item-grid .imageContainer .contentOverlay{align-items:center;background:rgba(51,51,51,.2);border-radius:.6rem;display:flex;height:6rem;justify-content:center;left:0;opacity:0;pointer-events:all;position:absolute;top:0;transition:.5s;width:6rem;z-index:3}.enabled-item-overlay{cursor:pointer!important;opacity:1!important}.disabled-item-overlay{cursor:not-allowed!important}.item-grid .imageContainer .contentOverlay img{-webkit-filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);pointer-events:all;width:1.875rem}.item-grid .imageContainer .itemDetails{align-items:center;display:flex;font-size:.685rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:.8rem;opacity:0;width:100%}.showAlways{opacity:1!important}.item-details-icon:before{content:none;vertical-align:middle}.item-grid .imageContainer .itemDetails:hover{opacity:1;text-decoration:underline}.item-grid .imageContainer:hover .itemDetails{opacity:1;transition:.5s}.item-grid img{max-height:100%;max-width:100%}.container .subContainer{border-bottom:.5px solid #c4c4c4;margin-bottom:2rem}.container .subContainer:first-child{margin-top:0}.container .subContainer:last-child{border-bottom:0;margin-bottom:0}.bottomBar .cartButton img{width:2rem}.mobileElementsModal,.mobileTabContent,.sideMenu .sideMenuTabContainer{display:none}.infoModal{align-items:center;background:#fff;border-radius:.75rem .75rem 0 0;box-shadow:0 -5px 8px 0 rgb(0 0 0/2%);display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;opacity:0;overflow-y:auto;padding-bottom:1rem;padding-top:2rem;pointer-events:none;position:absolute;text-align:center;top:0;transition:all .2s ease;-webkit-transition:all .2s ease;width:100%;z-index:8}.infoModal.open{opacity:1;pointer-events:all}.infoModal .categoryLink{align-items:center;align-self:flex-start;color:var(--brand-dark);display:flex;gap:.75rem;margin-bottom:2rem;margin-left:4rem;text-decoration:none}.infoModal .categoryLink:hover{text-decoration:underline}.infoModal .categoryLink .categoryTitle{font-size:1.25rem;font-weight:700}.infoModal .infoModalImageContainer{align-items:center;background:#fff;border-radius:.8rem;display:flex;flex-direction:column;height:12.5rem;justify-content:center;position:relative;width:auto}.infoModal .itemImage{height:100%;width:auto}.infoModal button{background:transparent;border:none;cursor:pointer;outline:none}.infoModal .closeButton{position:absolute;right:1.5rem;top:1.5rem}.infoModal .closeButton img{width:1.5rem}.infoModal .openNewTab{color:var(--brand-dark);font-size:.75rem;margin-top:1rem;position:relative;text-decoration:underline}.infoModal .itemTitle{font-size:1.25rem;font-weight:400;margin-bottom:1rem;margin-top:1rem;max-width:60%}.infoModal .itemDescription{-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;line-height:1.25rem;max-width:70%;text-align:-webkit-left;white-space:pre-wrap}.infoModal .infoModalDimensions{color:var(--brand-dark);font-size:.875rem;font-weight:700;margin-top:1rem;opacity:.4}.infoModal .infoModalActions{margin-top:2rem;width:100%}.infoModal .infoModalActions button{background:#f8f8f8;color:var(--brand-dark);font-size:1.25rem;font-weight:700;padding:.6875rem;pointer-events:none;text-align:center;width:65%}.addToCartDisabled{background:#00000057!important;cursor:not-allowed!important;opacity:.75}.previewCartModal{align-items:flex-start;background:#fff;border-radius:.75rem .75rem 0 0;box-shadow:0 4.96px 19.84px rgba(0,0,0,.1);display:flex;flex-direction:column;height:calc(100% + 5rem);justify-content:flex-start;left:0;opacity:0;overflow:hidden;padding-top:5.75rem;pointer-events:none;position:absolute;top:-5rem;transition:all .2s ease;-webkit-transition:all .2s ease;width:100%;z-index:9}.previewCartModal .cartTitle{font-size:1.25rem;font-weight:700;left:2rem;position:absolute;top:2.5rem}.previewCartModal.open{opacity:1;pointer-events:all}.previewCartModal.mobile{display:none}.previewCartModal .previewCartContent{height:100%;overflow:auto;padding:0 1.5rem;position:absolute;width:100%}.previewCartModal .checkoutButton{align-items:center;background:var(--primary-color);border-radius:.25rem;color:#fff;display:flex;justify-content:center;padding:.6875rem 1rem;position:relative;text-align:center;width:20.625rem}.previewCartModal .checkoutButton:disabled{background:#00000057!important;cursor:not-allowed!important;opacity:.75}.previewCartModal .checkoutButton img{margin-left:.25rem}.previewCartModal .checkoutButton span{font-size:.6875rem;font-weight:700;text-transform:uppercase}.previewCartModal button{background:transparent;border:none;cursor:pointer;outline:none}.previewCartModal .closeButton{position:absolute;right:1.5rem;top:1.5rem}.previewCartModal .closeButton img{width:1.5rem}.cartItem{align-items:flex-start;display:flex;max-width:100%}.cartItemOutOfStock{border:1px solid #d0342c;border-radius:5px}.cartItem:nth-child(n+1){margin-bottom:1rem}.cartItem .cartItemImage{align-items:center;background:#fff;border-radius:.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;height:6.25rem;justify-content:center;margin-right:1rem;padding:.5rem;width:6.25rem}.cartItem .cartItemImage img{height:auto;max-height:100%;max-width:100%;width:100%}.cartItem .cartItemDetails{display:flex;flex-direction:column;justify-content:flex-start;padding-top:.75rem;width:calc(100% - 6.25rem)}.cartItem .cartItemDetails h4{font-size:.75rem;font-weight:400;padding-top:.25rem;white-space:pre-line}.cartItem .cartItemDetails h5{font-size:.7rem;font-weight:400;padding-top:.25rem;white-space:pre-line}.cartRowImage{height:.8rem}.cartItem .cartRow{align-items:center;color:red;display:flex;gap:.25rem;justify-content:flex-start;margin-top:1rem;width:100%}.cartItem .itemCount{font-size:.7rem}.cartItem .qtyContainer{color:var(--primary-color);display:flex;gap:.5rem;margin-right:1.75rem}.cartItem .qtyContainer span{display:none}.cartItem .qtyContainer button{color:var(--primary-color)}.cartItem .qtyContainer input{background:#eee;border:none;border-radius:3px;color:#333;padding:.25rem .5rem;width:1.7rem}.cartItem .deleteCartButton{color:#333;display:flex;font-size:.6875rem;margin-top:.5rem;text-decoration:underline}.cartItem .deleteCartButton:hover{color:var(--primary-color)}.cartItem .itemPrice{font-size:.7rem}.cartItem .itemAvailable{font-size:.5rem}.cartItem .actionButton{cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.2rem}.color-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.colorSelector{align-items:center;cursor:pointer;display:flex;flex-direction:column}.colorSelector .colorThumbnailContainer{position:relative}.colorSelector .colorThumbnailContainer .colorThumbnail{height:5rem;overflow:hidden;position:relative;width:5rem}.colorSelector .colorThumbnailContainer .checkMark{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.colorSelector .colorThumbnailContainer .checkMark img{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);opacity:0;transition:all .1s ease;width:45%}.colorSelector.selected .colorThumbnailContainer .checkMark img{opacity:1}.colorSelector .colorDetails{margin-top:.5rem;text-align:center}.colorDetails .colorDetailsLabel{width:100px}.colorSelector .colorDetails p{color:var(--brand-dark);font-size:.75rem;margin:0}.colorDetails .redText{color:#d0342c!important;font-size:.6rem!important;font-weight:800}.colorSelector .colorDetails p:first-child{font-weight:600}.colorSelector .colorDetails p:nth-child(2){font-weight:400}@media only screen and (max-width:768px){.overlayUI{align-content:flex-start;align-items:flex-start;border:none;flex-direction:column;height:100%;justify-content:flex-start;max-height:800px;padding:0;pointer-events:none;top:0;z-index:3}.shadowRoot{flex-direction:column;justify-content:flex-end}.leftShell{align-content:flex-start;align-items:flex-start;background:#fff;flex-direction:column;flex-shrink:2;justify-content:flex-start;padding:0;position:relative;transition:.5s ease-out;width:100%;z-index:2}.disabledleftShell,.expanded-left-shell,.leftShell{height:100%!important}.desktopSideMenu{display:none}.sideMenu{align-content:flex-end;align-items:flex-start;background:#f5f5f5;border:none;border-radius:12px;bottom:0;box-shadow:0 -2px 12px rgba(0,0,0,.1)!important;display:flex;flex-direction:column;flex-shrink:1;height:100%!important;justify-content:space-between;max-height:300px;max-width:none;min-height:300px;min-width:auto;padding:0;transition:.5s;width:100%;z-index:1}.side-menu-collapsed{max-height:110px;min-height:110px}.collapse-side-menu-button{align-items:center;background:transparent;border:none;box-shadow:none;display:flex;opacity:1;position:absolute;right:6%;top:4%}.set-display-none,.sideMenu .desktop,.sideMenuContent,.sideMenuTabs{display:none}.sideMenu .viewInSpaceButton{width:9rem}.sideMenu .bottomBar{position:absolute;width:100%;z-index:4}.bottomBar .reviewButton{font-size:.875rem;margin-right:.5rem}.bottomBar .cartButton img{width:1.25rem}.mobileExpandButton{align-items:center;background:#f5f5f5;border-top-left-radius:.75rem;border-top-right-radius:.75rem;display:flex;flex-direction:column-reverse;font-size:.75rem;justify-content:center;opacity:1;transition:none;width:100%}.mobileExpandButton.sideMenuOpen{background:#f8f8f8;height:0;opacity:0;padding:0;pointer-events:none}.mobileExpandButton button{align-items:center;background:transparent;border:none;box-shadow:none;display:flex;justify-content:center;position:relative;right:auto;top:0;transition:none;width:100%;z-index:5}.mobileExpandButton button img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}epigraph-configurator-core{height:100%;width:100%}epigraph-configurator{height:100%!important;left:0;position:fixed!important;top:0;width:100%!important}.sideMenu .sideMenuTabContainer{align-items:flex-start;display:flex;height:100%;max-height:300px;min-height:300px;transition:none;width:100%}.side-menu-tab-container-open{height:100%}.side-menu-container-hide{height:0!important}.sideMenu.open .sideMenuTabContainer{height:100%}.sideMenu.open{height:100%;max-height:310px}.sideMenu .sideMenuTabContainer .mobileTab{display:flex}.sideMenu .sideMenuTabContainer .firstMobileTabs img{height:auto}.sideMenu .sideMenuTabContainer .firstMobileTab{width:100%}.sideMenu .firstMobileTabs{border-bottom:.25px solid #c4c4c4;display:flex;height:auto;justify-content:center;margin:0;padding:0 2.5rem;width:100%}.sideMenu .firstMobileTabs .mobileTab{align-items:center;background:transparent;border-radius:0;color:var(--brand-dark);display:flex;flex-direction:column;font-size:1rem;font-weight:600;height:3rem;justify-content:flex-end;opacity:.5;padding:.75rem 0;text-transform:uppercase;width:6rem}.sideMenu .react-tabs__tab--selected{background:none;border:none;border-radius:0}.react-tabs__tab{padding:0!important}.react-tabs__tab-panel{height:auto}.sideMenu .firstMobileTabs .react-tabs__tab--selected .mobileTab{border-bottom:2px solid var(--brand-dark);opacity:1}.sideMenu .secondMobileTabs{display:flex;gap:1rem;height:auto;justify-content:flex-start;margin:1.5rem 0 1.25rem;overflow:auto;padding:0 1rem;width:100%}.sideMenu .secondMobileTabs::-webkit-scrollbar{display:none}.sideMenu .secondMobileTabs .mobileTab{color:#c4c4c4;font-size:.75rem;font-weight:500;padding:0;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sideMenu .secondMobileTabs .mobileTab.scrolled{color:var(--brand-dark);font-weight:700}.sideMenu .secondMobileTabs .react-tabs__tab{padding:0;width:100%}.sideMenu .secondMobileTabs .react-tabs__tab--selected .mobileTab{border-bottom:1px solid var(--brand-dark)}.imageContainer{align-items:center;background:transparent;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;height:8rem;justify-content:flex-start;padding:0;position:relative;width:100%}.imageContainer .contentContainer,.imageContainer:hover .contentContainer{align-items:center;background:#fff;border-radius:.375rem;display:flex;flex-direction:column;height:4.5rem;justify-content:center;left:0;top:0;width:4.5rem}.imageContainer .itemDetails{display:flex;font-size:.75rem;margin-top:.5rem;text-align:start;text-decoration:none}.truncate{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;width:70px}.truncate,.truncate-mobile{text-align:center}.product-image{border-radius:0;margin-right:0;max-height:100%;max-width:100%;padding:.5rem}.mobileGrid{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;grid-template-columns:none;justify-content:flex-start;justify-items:flex-start;margin-bottom:10px;overflow-x:auto;overflow-y:hidden;padding-left:1rem;padding-right:1rem;width:100%}.mobileGridCenter{align-items:center}.mobileGrid .mobileGridSection{align-items:center;display:flex;gap:.75rem}.mobileGrid .mobileGridSection .mobileGridCategorySection{align-items:flex-start;display:flex;gap:.75rem}.mobileGrid::-webkit-scrollbar{display:none}.mobileGrid .imageContainer .contentContainer .contentOverlay{background:transparent;opacity:1;pointer-events:all;transition:none}.mobileGrid .imageContainer .contentContainer .contentOverlay img{display:none}.mobileGrid .imageContainer .contentOverlay{align-items:center;background:rgba(51,51,51,.2);border-radius:.6rem;display:flex;height:5rem;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:none;width:100%;z-index:3}.mobileGrid .imageContainer .contentOverlay img{background:none;-webkit-filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);filter:invert(96%) sepia(3%) saturate(312%) hue-rotate(315deg) brightness(114%) contrast(100%);width:3rem}.imageContainer .infoButton{display:none}.imageContainer:hover .addCartButton,.imageContainer:hover .itemDetails{display:flex}.mobileTabContent{display:block;padding-bottom:0}.mobileElementsModal{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.mobileElementsModal.open{opacity:1;pointer-events:all}.mobileElementsModal .overlay{background:rgba(31,31,31,.7);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.mobileElementsModal .modalContent{background:#fff;border-radius:.75rem;box-shadow:0 1.89333px 7.57333px rgba(0,0,0,.1);display:flex;flex-direction:column;height:auto;margin-top:-25%;overflow:hidden;position:relative;width:8.9rem;z-index:4}.mobileElementsModal .modalContent .contentContainer{padding:.5rem}.mobileElementsModal .modalContent .thumbnailImage{display:flex;justify-content:center;max-height:6.4rem;width:100%}.mobileElementsModal .modalContent .thumbnailImage img{max-height:100%;max-width:100%}.mobileElementsModal .addCartButton{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.05);color:var(--brand-dark);display:block;font-size:1.25rem;height:2rem;justify-content:center;position:absolute;right:1.25rem;top:.875rem;width:2rem}.mobileElementsModal .itemDetails{align-items:flex-start;display:block;display:flex;flex-direction:row;font-size:.85rem;margin-top:.25rem;max-width:100%}.mobileElementsModal .itemDetails p{max-width:50%}.mobileElementsModal .itemDetails img{margin-left:.25rem;margin-top:.25rem;width:.7rem}.mobileElementsModal .cartOptions{align-items:center;background:#fff;border-radius:2.6rem;display:flex;justify-content:space-between;left:.5rem;overflow:hidden;position:relative;top:.5rem;width:calc(100% - 1rem)}.mobileElementsModal .cartOptions button{background:#fff;border:none;box-shadow:0 .946667px 2.84px rgba(0,0,0,.05);font-size:1.125rem;height:1.75rem;outline:none;width:1.75rem}.mobileElementsModal .cartOptions .cartCount{color:#e52438;font-size:1rem}.mobileElementsModal .confirmCartButton{align-items:center;background:#e52438;border:none;color:#fff;display:flex;font-size:.6875rem;font-weight:900;justify-content:center;margin-top:.25rem;padding:.5rem;width:100%}.mobileGridSection{display:flex;gap:1rem;width:auto}.itemGridDivider{background:transparent;border-right:.5px solid #c4c4c4;height:5rem;margin:0;width:1px}.itemGridPlaceholder{width:calc(100vw - 8rem)}.previewCartModal.mobile{box-shadow:none;display:flex}.previewCartModal{height:90%;top:0;z-index:9}.previewCartModal .checkoutButton{bottom:0;left:0;margin:auto;position:relative;text-align:center;width:100%}.previewCartModal .checkoutButton img{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%)}.previewCartModal .checkoutButton:disabled{opacity:.75}.previewCartModal .previewCartButtonContainer{align-items:center;bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.05);display:flex;gap:.75rem;left:0;padding:.6875rem .9rem;position:absolute;width:100%}.removeAllColorOverridesButton{align-items:center;background:transparent!important;border:none;color:var(--brand-dark)!important;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:.25rem;justify-content:center;margin:0;text-transform:capitalize;width:auto}.removeAllColorOverridesButton .iconContainer{background:#fff;border-radius:50%;box-shadow:1.28889px 1.28889px 7.73333px rgba(0,0,0,.05);padding:.5rem}.removeAllColorOverridesButton .iconContainer img{height:auto;width:1.25rem}.removeAllColorOverridesButton:disabled{cursor:not-allowed;opacity:.25}.uiModalDrawer .modalDialog{padding:1.5rem;z-index:8}.uiModalDrawer .modalDialog .modalHeading{color:var(--brand-dark);font-size:1.25rem;font-weight:700;margin:0 0 2.25rem;position:relative;text-transform:capitalize;width:100%}.uiModalDrawer .modalDialog .modalHeading:after{background:#a0a0a0;bottom:-1rem;content:"";height:.25px;left:0;position:absolute;width:100%}.uiModalDrawer .modalDialog button{background:var(--primary-color);border:none;border-radius:2px;box-shadow:none;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin:0;outline:none;padding:.75rem 1.875rem;text-align:center;width:100%}.uiModalDrawer .shareModal{position:relative}.uiModalDrawer .shareModalChildDiv,.uiModalDrawer .shareModalLoaderImg{height:100%}.uiModalDrawer .shareModalRelative{position:relative;width:100%}.UIModalButtonParentDiv{display:flex;gap:10px}.uiModalDrawer .shareModal button{height:2.3125rem;right:.25rem;top:.25rem;width:2.3125rem}.shellCanvasContainer{align-items:flex-start!important;background:#fff!important;box-shadow:none!important;box-shadow:0 2px 12px rgba(0,0,0,.1)!important;flex-direction:row!important;gap:.75rem!important;justify-content:flex-start!important;overflow-x:scroll!important;padding:.5rem!important;position:absolute;top:0;width:100%!important}.shellCanvasContainer::-webkit-scrollbar{display:none}.shellCanvasContainerParent{align-items:flex-start!important;height:20%!important;position:relative;top:0!important;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;width:100%!important}.shellButtonContainer{background:#f8f8f8!important;border-radius:1.5rem!important;gap:.25rem!important;margin:0!important;padding:.5rem .75rem!important}.shellButtonContainer .buttonContent{align-items:center!important;background:transparent!important;display:flex!important;flex-direction:row!important;gap:.25rem!important;height:auto!important;max-height:none!important;max-width:none!important;min-height:auto!important;min-width:auto!important;width:auto!important}.shellButtonContainer .buttonContent span{display:flex;font-size:.6875rem}.contextMenuParent{display:none}.shellButtonContainer.active{background:#f1f1f1!important;border-left:none}.shellButtonContainer.active .buttonContent{background:transparent}.infoModal,.shellButtonContainer .hoverDescriptor{display:none}.epigraphDrawer .contextMenuParent{align-content:center;background:#fff;border:#000;border-radius:3%;border-radius:.625rem;box-shadow:none;display:flex;flex-direction:column;justify-content:center;left:0;max-width:none;min-width:200px;padding:1rem 1rem 1.5rem;position:relative;top:0;width:100%;z-index:1005}#contextDrawer{z-index:3}.epigraphDrawer .contextMenuParent .closeContainer{display:flex;justify-content:flex-end;width:100%}.epigraphDrawer .contextMenuParent .closeContainer button{background:transparent;border:none;box-shadow:none;cursor:pointer;outline:none}.epigraphDrawer .contextMenuParent .closeContainer button img{width:.75rem}.epigraphDrawer .contextMenuParent .contextContent h3{font-size:.875rem;font-weight:700;margin:0;text-transform:uppercase}.epigraphDrawer .contextMenuParent .contextContentNameDiv{align-items:center;display:flex;gap:.5rem}.epigraphDrawer .contextMenuParent .selectColorLabel{font-size:.75rem;font-weight:300;margin-top:1rem;text-transform:uppercase}.epigraphDrawer .contextMenuParent .colorSwatchTitle{margin-top:1rem}.epigraphDrawer .contextMenuParent .contextContent p{font-size:.75rem;font-weight:300;margin:0}.epigraphDrawer .contextMenuParent .contextButtons{display:flex;flex-direction:row;gap:.75rem;margin-top:.05rem}.epigraphDrawer .contextMenuParent .contextButtons button{align-items:center;background:transparent;background:#fff;border:1px solid var(--primary-color);border-radius:.25rem;box-shadow:none;cursor:pointer;display:flex;flex-direction:row;font-size:.75rem;font-weight:700;gap:.25rem;justify-content:center;outline:none;padding:.75rem 2rem;text-transform:uppercase}.epigraphDrawer .contextMenuParent .contextButtons button img{width:1rem}.epigraphDrawer .contextMenuParent .contextButtons button{color:var(--primary-color);width:100%}.epigraphDrawer .contextMenuParent .contextButtons button:first-child img{-webkit-filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%);filter:invert(52%) sepia(97%) saturate(5241%) hue-rotate(347deg) brightness(94%) contrast(93%)}.epigraphDrawer .contextMenuParent .contextButtons button svg path{fill:var(--primary-color)}.epigraphDrawer .color-grid{display:flex;gap:1rem}.epigraphDrawer .colorSelector{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.epigraphDrawer .colorSelector .colorThumbnailContainer{position:relative}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail{border-radius:50%;height:2.625rem;width:2.625rem}.epigraphDrawer .colorSelector .colorThumbnailContainer .colorThumbnail .colorThumbnailImg{height:100%;opacity:1;width:100%}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.epigraphDrawer .colorSelector .colorThumbnailContainer .checkMark img{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);opacity:0;transition:none;width:45%}.epigraphDrawer .colorSelector.selected .colorThumbnailContainer .checkMark img{opacity:1}.epigraphDrawer .colorSelector .colorDetails{margin-top:0;opacity:.75;pointer-events:none;text-align:center}.epigraphDrawer .colorSelector.selected .colorDetails,.epigraphDrawer .colorSelector:hover .colorDetails{opacity:1;pointer-events:all}.epigraphDrawer .colorSelector .colorDetails p{color:var(--brand-dark);font-size:.75rem;margin:0}.epigraphDrawer .colorSelector .colorDetails p:first-child{font-weight:600;text-align:center}.epigraphDrawer .colorSelector .colorDetails p:nth-child(2){font-weight:400}.epigraphDrawer h1,.epigraphDrawer h2,.epigraphDrawer h3,.epigraphDrawer h4,.epigraphDrawer h5,.epigraphDrawer p,.epigraphDrawer pre,.epigraphDrawer span{font-family:Inter,helvetica,sans-serif}.infoDrawer{justify-content:center;padding-bottom:3rem;padding-top:2rem;position:relative;text-align:center}.infoDrawer,.infoDrawer .drawerContent{align-items:center;display:flex;flex-direction:column}.infoDrawer .drawerContent{justify-content:flex-start;overflow-y:scroll}.infoDrawer .infoDrawerImageContainer{position:relative;width:100%}.infoDrawer button{background:transparent;border:none;cursor:pointer;outline:none}.infoDrawer .closeButton{position:absolute;right:1.5rem;top:1.5rem}.infoDrawer .closeButton img{width:.75rem}.infoDrawer .openNewTab{align-items:center;color:var(--brand-dark);display:flex;gap:.5rem;margin-top:1rem;outline:none;position:relative}.infoDrawer .itemImage{max-width:60%;width:50%}.infoDrawer .itemTitle{font-size:1rem;margin-top:1.25rem;max-width:70%;text-align:center}.infoDrawer .infoDrawerActions{margin-top:1.5rem}.infoDrawer .infoDrawerActions button{color:#fff;padding:.6875rem;text-align:center;width:65%}.infoDrawer .infoDrawerActions .removeFromCart{background:var(--brand-dark)}.infoDrawer .itemTitle{font-size:1.25rem;font-weight:400;margin-bottom:1rem;margin-top:1rem;max-width:60%}.infoDrawer .itemDescription{-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;line-height:1.25rem;max-width:70%;text-align:-webkit-left;white-space:pre-wrap}.infoDrawer .infoDrawerDimensions{color:var(--brand-dark);font-size:.875rem;font-weight:700;margin-top:1rem;opacity:.4}.infoDrawer .infoDrawerActions{margin-top:3.75rem}.infoDrawer .infoModalActions button{background:#f8f8f8;color:var(--brand-dark);font-size:1.25rem;font-weight:700;margin-top:1rem;padding:.6875rem;pointer-events:none;text-align:center;width:100%}.infoDrawer .categoryLink{align-items:center;color:var(--brand-dark);display:flex;gap:.75rem;margin-bottom:2rem;outline:none;position:relative;text-decoration:none;width:70%}.infoDrawer .categoryLink .categoryTitle{font-size:1.25rem;font-weight:700;margin:auto;text-align:center}.addToCartDisabled{background:#00000057!important;cursor:not-allowed!important;opacity:.75}.epigraphDrawer.hotspotDrawer .drawerContent{height:100%;overflow-y:none;padding:initial}.epigraphDrawer.hotspotDrawer h2{font-size:1.25rem;margin:0 0 2rem;text-transform:uppercase}.epigraphDrawer.hotspotDrawer .quill p{margin:.5rem 0 0}.uiModalDrawer.open{opacity:1;pointer-events:all}.uiModalDrawer .modalOverlay{background:rgba(51,51,51,.4);height:100%;left:0;position:absolute;top:0;width:100%}.uiModalDrawer .modalDialog{align-items:flex-start;background:#fff;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:0;position:relative;width:100%;z-index:32}.uiModalDrawer .modalText{color:#222;font-size:.75rem;font-weight:300;margin-bottom:1rem;white-space:pre-wrap}.uiModalDrawer .modalDialog input{border:.5px solid var(--brand-dark);border-radius:2px;color:var(--brand-dark);font-weight:300;padding:1rem;width:100%}.uiModalDrawer .shareModal{display:flex;width:100%}.uiModalDrawer .shareModal button{align-items:center;display:flex;font-size:1rem;height:100%;justify-content:center;margin:0;padding:0;position:absolute;right:0;text-transform:uppercase;top:0;width:3rem}.uiModalDrawer .shareModal button:before{background:#fff;content:"";height:calc(100% - 2px);position:absolute;right:3rem;top:1px;width:12px}.uiModalDrawer .shareModal button img{-webkit-filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);filter:invert(100%) sepia(100%) saturate(2%) hue-rotate(188deg) brightness(101%);width:1.75rem}.uiModalDrawer .modalDialog .modalCloseContainer{display:none}.uiModalDrawer .modalDialog .modalCloseContainer button{background:transparent;border:none;cursor:pointer;margin:0;outline:none;padding:0}.uiModalDrawer .modalDialog .modalCloseContainer button img{width:1.5rem}}
|
|
2
|
-
/*# sourceMappingURL=main.0439af49.css.map*/
|