v-ingredients
Version:
Reusable Components
2,425 lines (2,125 loc) • 54.7 kB
CSS
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0-modified | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* make sure to set some focus styles for accessibility */
:focus {
outline: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none; }
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
textarea {
overflow: auto;
vertical-align: top;
resize: vertical; }
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%; }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none; }
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */ }
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/**
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
*/
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */ }
/**
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0; }
/**
* Correct margin displayed oddly in IE 6/7.
*/
form {
margin: 0; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */ }
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */ }
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */ }
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */ }
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
html,
button,
input,
select,
textarea {
color: #222; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
img {
vertical-align: middle; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: vertical; }
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/**
* GENERATE HEADING
*/
h1 {
font-weight: 700;
font-size: 4rem; }
h2 {
font-weight: 700;
font-size: 2rem; }
h3 {
font-weight: 700;
font-size: 1.5rem; }
h4 {
font-weight: 700;
font-size: 1rem; }
h5 {
font-weight: 700;
font-size: 0.75rem; }
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/*********************************
************ Hind **************
*********************************/
@font-face {
font-family: "Hind";
src: url("../src/assets/fonts/Hind/Hind-Bold.ttf") format("truetype");
font-weight: 700; }
@font-face {
font-family: "Hind";
src: url("../src/assets/fonts/Hind/Hind-SemiBold.ttf") format("truetype");
font-weight: 600; }
@font-face {
font-family: "Hind";
src: url("../src/assets/fonts/Hind/Hind-Medium.ttf") format("truetype");
font-weight: 500; }
@font-face {
font-family: "Hind";
src: url("../src/assets/fonts/Hind/Hind-Regular.ttf") format("truetype");
font-weight: 400; }
@font-face {
font-family: "Hind";
src: url("../src/assets/fonts/Hind/Hind-Light.ttf") format("truetype");
font-weight: 300; }
/*********************************
*********** Icomoon ************
*********************************/
@font-face {
font-family: "icomoon";
src: url("../src/assets/fonts/Icomoon/Icomoon.ttf") format("truetype"); }
/*********************************
*********** Montserrat ************
*********************************/
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
font-weight: 100; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
font-weight: 200; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
font-weight: 300; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
font-weight: 400; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
font-weight: 500; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
font-weight: 600; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
font-weight: 700; }
@font-face {
font-family: "Montserrat";
src: url("../src/assets/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
font-weight: 800; }
/* Utils */
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.animated {
animation-duration: 0.8s;
animation-fill-mode: both; }
.animated.infinite {
animation-iteration-count: infinite; }
.shake:hover img, .shake:focus img {
animation-name: rotation;
animation-duration: 0.4s;
transform-origin: 50% 50%;
animation-timing-function: linear; }
@keyframes rotation {
0% {
transform: rotate(0deg); }
40% {
transform: rotate(16deg); }
88% {
transform: rotate(-6deg); }
100% {
transform: rotate(0deg); } }
.fade-in {
animation-name: fade-in; }
.fade-in-up {
animation-name: fade-in-up; }
.fade-in-left {
animation-name: fade-in-left; }
@keyframes fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fade-in-up {
from {
opacity: 0;
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
transform: translate3d(0, 0, 0); } }
@keyframes fade-in-left {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.show-in-up {
animation-name: show-in-up; }
@keyframes show-in-up {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
to {
transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
/* Vendors */
.tippy-tooltip.light-theme {
color: #26323d;
box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
background-color: #fff; }
.tippy-tooltip.light-theme[x-placement^=top] > .tippy-arrow {
border-top-color: #fff; }
.tippy-tooltip.light-theme[x-placement^=bottom] > .tippy-arrow {
border-bottom-color: #fff; }
.tippy-tooltip.light-theme[x-placement^=left] > .tippy-arrow {
border-left-color: #fff; }
.tippy-tooltip.light-theme[x-placement^=right] > .tippy-arrow {
border-right-color: #fff; }
.tippy-tooltip.light-theme > .tippy-backdrop {
background-color: #fff; }
.tippy-tooltip.light-theme > .tippy-svg-arrow {
fill: #fff; }
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.icon[data-v-77848792] {
font-family: "icomoon";
font-size: 3.6rem;
font-weight: 500;
line-height: 1; }
/*# sourceMappingURL=Icon.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.select[data-v-222093af] {
position: relative;
display: flex;
flex-flow: column;
/* Modifiers */
/* Elements */ }
.select.opened .selected-option[data-v-222093af]:after {
transform: rotate(180deg); }
.select.disabled[data-v-222093af] {
cursor: not-allowed;
opacity: 0.6;
pointer-events: none; }
.select.valid .select-container .selected-option[data-v-222093af] {
border-color: #32b44a; }
.select.invalid .select-container .selected-option[data-v-222093af] {
border-color: #dc001a; }
.select .select-label[data-v-222093af] {
margin: 0 0 10px;
text-align: left;
font-size: 16px;
line-height: 1.25rem; }
.select .select-container[data-v-222093af] {
position: relative; }
.select .select-container .selected-option[data-v-222093af] {
width: 100%;
padding: 0.625rem 1rem;
display: inline-flex;
justify-content: flex-start;
align-items: center;
position: relative;
font-weight: 500;
background: #ffffff;
background: #ffffff;
cursor: pointer;
height: 48px;
border: 1px solid #000000;
text-align: left;
font-size: 0.9rem;
line-height: 1.25rem;
transition: 0.3s;
z-index: 2; }
.select .select-container .selected-option[data-v-222093af]:after {
content: "";
position: absolute;
font-family: "icomoon";
font-size: 1.2rem;
top: calc(50% - 0.6rem);
line-height: 1;
right: 0.625rem;
font-weight: 700;
transition: all 225ms ease-in-out;
transform: rotate(0); }
.select .select-container .selected-option .placeholder-external[data-v-222093af] {
position: absolute;
padding: 0 5px;
color: #5e5e5e;
transform: translate(0, -50%);
transition: 0.3s all;
background: #ffffff;
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: 500;
top: 2px;
left: 12px;
background: #ffffff;
padding: 0 5px;
z-index: 1;
max-width: 100%;
overflow: hidden; }
.select .select-container .select-options[data-v-222093af] {
position: absolute;
background: #ffffff;
width: 100%;
top: 48px;
left: 0;
list-style: none;
margin: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
max-height: 300px;
transition: all 300ms ease-in-out;
overflow: hidden;
padding: 0;
z-index: 20;
border: 1px solid #000000;
border-top: 0;
overflow-y: auto; }
.select .select-container .select-option[data-v-222093af] {
list-style: none;
color: black;
cursor: pointer;
font-size: 0.9rem;
display: flex;
align-items: center;
justify-content: flex-start;
transition: 0.1s;
padding: 0.625rem 1rem;
min-height: 48px; }
.select .select-container .select-option[data-v-222093af]:hover {
background: #dedede; }
.error-msg[data-v-222093af] {
margin-left: 5px; }
/*# sourceMappingURL=Select.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
a[data-v-36e56761] {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: black;
text-decoration: none; }
a[data-v-36e56761] .icon {
font-size: 16px;
position: relative; }
a[data-v-36e56761] .icon-before {
right: 16px; }
a[data-v-36e56761] .icon-after {
left: 16px; }
/*# sourceMappingURL=Btn.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.checkbox[data-v-40a9ac46] {
display: flex;
justify-content: flex-start;
flex-flow: row; }
.checkbox.multi[data-v-40a9ac46] {
flex-flow: column; }
.checkbox.multi .title[data-v-40a9ac46] {
margin: 0 10px 10px 0;
text-align: left;
font-size: 16px;
line-height: 1.25rem;
display: inline-flex; }
.checkbox.disabled[data-v-40a9ac46] {
opacity: 0.7; }
.checkbox.disabled label[data-v-40a9ac46]:hover, .checkbox.disabled label[data-v-40a9ac46]:hover::before, .checkbox.disabled label[data-v-40a9ac46]:hover::after, .checkbox.disabled input[data-v-40a9ac46]:hover, .checkbox.disabled input[data-v-40a9ac46]:hover::before, .checkbox.disabled input[data-v-40a9ac46]:hover::after {
cursor: not-allowed !important; }
.checkbox label[data-v-40a9ac46] {
margin-bottom: 10px;
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 32px;
position: relative;
width: auto;
max-width: 100%;
font-weight: 500;
font-size: 16px; }
.checkbox label[data-v-40a9ac46]:hover, .checkbox label:hover *[data-v-40a9ac46] {
cursor: pointer;
text-decoration: none;
outline: none !important; }
.checkbox label.checked[data-v-40a9ac46]::before, .checkbox label.checked[data-v-40a9ac46]::after {
opacity: 1; }
.checkbox label.invalid[data-v-40a9ac46]::after {
border-color: #dc001a; }
.checkbox label.valid[data-v-40a9ac46]::before, .checkbox label.valid[data-v-40a9ac46]::after {
border-color: #32b44a;
color: #32b44a; }
.checkbox label[data-v-40a9ac46]::after, .checkbox label[data-v-40a9ac46]::before {
transition: 0.2s; }
.checkbox label[data-v-40a9ac46]::after {
content: "";
border: 1px solid #5e5e5e;
width: 20px;
height: 20px;
top: 0;
left: 0;
position: absolute;
border-radius: 2px;
background: #ffffff; }
.checkbox label[data-v-40a9ac46]::before {
position: absolute;
display: block;
left: 2.5px;
top: 0;
cursor: pointer;
font-family: "icomoon";
content: "";
color: #5e5e5e;
opacity: 0;
z-index: 1;
font-size: 15px; }
.checkbox label input[data-v-40a9ac46] {
position: absolute;
width: 0;
height: 100%;
top: 50%;
transform: translate(0, -50%);
left: 0;
opacity: 0; }
.checkbox label .text[data-v-40a9ac46] {
text-align: left; }
.checkbox label .text .required-star[data-v-40a9ac46] {
margin-right: 8px; }
.error-msg[data-v-40a9ac46] {
margin-left: 8px; }
/*# sourceMappingURL=Checkbox.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.v-tooltip[data-v-38d43de1] {
display: inline;
cursor: pointer;
outline: none; }
.v-tooltip[data-v-38d43de1]:after {
font-family: "icomoon";
vertical-align: middle; }
/*# sourceMappingURL=Tooltip.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.input-radio[data-v-cebed376] {
display: flex;
justify-content: flex-start;
/************* Modifiers *************/
/************* Elemenets *************/ }
.input-radio[data-v-cebed376] .v-tooltip {
margin-left: 8px; }
.input-radio.column[data-v-cebed376] {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start; }
.input-radio.row[data-v-cebed376] {
margin-left: 0;
margin-right: 0; }
.input-radio.row label[data-v-cebed376] {
margin-left: 20px;
align-items: center;
display: inline-flex;
width: auto;
min-width: 100px; }
.input-radio.disabled[data-v-cebed376] {
opacity: 0.7; }
.input-radio.disabled label[data-v-cebed376]:hover, .input-radio.disabled input[data-v-cebed376]:hover {
cursor: not-allowed; }
.input-radio.valid label[data-v-cebed376]:before, .input-radio.valid label[data-v-cebed376]:after {
border-color: #32b44a !important; }
.input-radio.invalid label[data-v-cebed376]:before, .input-radio.invalid label[data-v-cebed376]:after {
border-color: #dc001a !important; }
.input-radio.invalid label[data-v-cebed376]:after {
border-width: 2px; }
.input-radio .input-radio-label[data-v-cebed376] {
font-size: 16px;
margin-bottom: 10px;
width: 100%;
text-align: left; }
.input-radio label[data-v-cebed376] {
margin-bottom: 10px;
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 32px;
position: relative;
width: 100%;
text-align: left;
font-weight: 500; }
.input-radio label[data-v-cebed376]:hover, .input-radio label:hover *[data-v-cebed376] {
cursor: pointer;
text-decoration: none;
outline: none !important; }
.input-radio label.checked[data-v-cebed376]::before {
opacity: 1; }
.input-radio label[data-v-cebed376]::after, .input-radio label[data-v-cebed376]::before {
transition: 0.3s; }
.input-radio label[data-v-cebed376]::after {
content: "";
width: 20px;
height: 20px;
border: 1px solid #5e5e5e;
background-color: #ffffff;
position: absolute;
left: 0;
top: 0;
border-radius: 100%; }
.input-radio label[data-v-cebed376]::before {
content: "";
border: 5px solid #5e5e5e;
width: 5px;
height: 5px;
position: absolute;
left: 5px;
top: 5px;
z-index: 2;
border-radius: 100%;
opacity: 0;
transition: 0.3s; }
.input-radio label input[data-v-cebed376] {
position: absolute;
width: 0;
height: 100%;
top: 50%;
transform: translate(0, -50%);
left: 0;
opacity: 0; }
.error-msg[data-v-cebed376] {
margin-left: 5px; }
/*# sourceMappingURL=InputRadio.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.iconed-list[data-v-8d71fb74] {
padding: 16px;
display: flex;
flex-direction: column;
font-family: "Montserrat"; }
.iconed-list-item[data-v-8d71fb74] {
display: flex;
cursor: pointer;
margin-bottom: 16px; }
.iconed-list-item .item-icon[data-v-8d71fb74] {
font-size: 1rem;
padding-right: 16px; }
.iconed-list-item .item-text[data-v-8d71fb74] {
line-height: 1.5em;
font-size: 0.875rem;
text-align: left; }
/*# sourceMappingURL=IconList.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.box-with-header[data-v-664e14bf] {
display: flex; }
.box-with-header.equalHeight[data-v-664e14bf] {
flex: 1; }
.box-with-header[data-v-664e14bf] .box {
width: 100%; }
.box-with-header[data-v-664e14bf] .box-header {
color: #ffffff; }
.box-with-header .box-content[data-v-664e14bf] {
padding: 1rem; }
.box-with-header.generic[data-v-664e14bf] {
max-width: none;
margin: 0 5px; }
/*# sourceMappingURL=BoxWithHeader.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.device-box[data-v-5aad64e0] {
cursor: pointer;
display: flex;
align-items: center;
flex-direction: column;
background: #ffffff;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
border-radius: 10px; }
.device-box.tile[data-v-5aad64e0] {
width: 310px;
padding: 16px 24px; }
.device-box.tile .phone-offer-box[data-v-5aad64e0] {
text-align: center; }
.device-box.tile .phone-offer-box p[data-v-5aad64e0] {
margin-bottom: 1em; }
.device-box.bar[data-v-5aad64e0] {
width: 940px;
padding: 16px;
height: 270px;
flex-direction: row; }
.device-box.bar .device-image[data-v-5aad64e0] {
width: 100%;
height: auto; }
.device-box.bar .device-image-container[data-v-5aad64e0] {
width: 20%;
min-width: 120px; }
.device-box.bar .device-colors[data-v-5aad64e0] {
padding: 8px 0; }
.device-box.bar .device-name[data-v-5aad64e0] {
min-height: auto; }
.device-box.bar .device-box[data-v-5aad64e0] {
font-size: 16px; }
.device-box.bar .device-technical-details[data-v-5aad64e0] {
display: none; }
.device-box.bar .device-details[data-v-5aad64e0] {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start; }
.device-box.bar .device-details-offer[data-v-5aad64e0] {
align-items: flex-start; }
.device-box.bar .device-details-offer .phone-offer-box[data-v-5aad64e0] {
text-align: left; }
.device-box.bar .device-details-offer .phone-offer-box p[data-v-5aad64e0] {
margin-bottom: 1em; }
@media screen and (min-width: 600px) {
.device-box.bar .device-details-technical[data-v-5aad64e0], .device-box.bar .device-details-offer[data-v-5aad64e0] {
width: 100%;
display: flex;
align-items: center;
flex-direction: column; } }
@media screen and (min-width: 736px) {
.device-box.bar .device-name[data-v-5aad64e0] {
font-size: 1.3em; }
.device-box.bar .device-details[data-v-5aad64e0] {
height: 100%;
flex-direction: row; }
.device-box.bar .device-details-offer[data-v-5aad64e0] {
width: auto;
height: 100%;
justify-content: center; }
.device-box.bar .device-details-offer .phone-offer-box[data-v-5aad64e0] {
text-align: center; }
.device-box.bar .device-details-offer .phone-offer-box p[data-v-5aad64e0] {
margin-bottom: 1em; }
.device-box.bar .device-details-technical[data-v-5aad64e0] {
align-items: flex-start; }
.device-box.bar .device-technical-details[data-v-5aad64e0] {
display: flex; }
.device-box.bar .device-colors[data-v-5aad64e0] {
padding-bottom: 16px; } }
.device-colors[data-v-5aad64e0] {
display: flex;
padding: 16px 0 8px; }
.device-colors-text[data-v-5aad64e0] {
margin-bottom: 0;
margin-right: 8px; }
.device-colors-list[data-v-5aad64e0] {
margin: 0;
padding: 0;
display: flex;
list-style: none; }
.device-colors-list-item[data-v-5aad64e0] {
width: 24px;
height: 24px;
display: flex;
margin: 0 4px;
border-radius: 50%;
background-position: center;
border: 1px solid #bbbdbf; }
.device-technical-details-list[data-v-5aad64e0] {
display: flex;
flex-direction: row; }
.device-technical-details-item[data-v-5aad64e0] {
width: 25%;
padding: 0 8px;
text-align: center; }
.device-details[data-v-5aad64e0] {
display: flex;
align-items: center;
flex-direction: column; }
.device-details-offer[data-v-5aad64e0] {
display: flex;
align-items: center;
flex-direction: column; }
.device-details-offer .highlight[data-v-5aad64e0], .device-details-offer .offer-start-price .highlight[data-v-5aad64e0] {
font-weight: 700; }
.device-details-offer .offer-start-price .highlight[data-v-5aad64e0] {
font-size: 1.25rem;
color: #e82d8e; }
.primary[data-v-5aad64e0] {
text-transform: uppercase; }
/*# sourceMappingURL=DeviceBox.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.input-field[data-v-116e0df8] {
display: flex;
flex-direction: column;
justify-content: flex-start; }
.input-field.focused .input-container .placeholder-external[data-v-116e0df8], .input-field.not-empty .input-container .placeholder-external[data-v-116e0df8] {
background: #ffffff;
font-size: 0.875rem;
line-height: 1.125rem;
top: 2px;
background: #ffffff;
padding: 0 5px;
left: 12px; }
.input-field .input-container[data-v-116e0df8] {
width: 100%;
position: relative; }
.input-field .input-container .placeholder-external[data-v-116e0df8] {
position: absolute;
padding: 0;
font-size: 16px;
line-height: 1.25rem;
font-weight: 500;
color: #5e5e5e;
top: 50%;
left: 17px;
transform: translate(0, -50%);
transition: 0.3s all;
background: transparent;
z-index: 1;
max-width: 100%;
overflow: hidden; }
.input-field .input-container input[data-v-116e0df8] {
padding: 0.625rem 1rem;
/*margin-top: 5px;*/
border: 1px solid #5e5e5e;
height: 48px;
background: #ffffff;
font-size: 16px;
line-height: 1.25rem;
width: 100%;
transition: 0.3s; }
.input-field .input-container input[data-v-116e0df8]:focus {
outline: 0;
border-color: #000000; }
.input-field .input-container input.invalid[data-v-116e0df8], .input-field .input-container input.invalid[data-v-116e0df8]:focus {
border-color: #dc001a; }
.input-field .input-container input.valid[data-v-116e0df8], .input-field .input-container input.valid[data-v-116e0df8]:focus {
border-color: #32b44a; }
.input-field .input-container .error-msg[data-v-116e0df8] {
margin-top: 8px;
line-height: 1.4rem;
text-align: center; }
/*# sourceMappingURL=InputField.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.green-invoice[data-v-3b0f697c] {
width: 100%; }
.green-invoice[data-v-3b0f697c] .box {
padding: 16px 10px;
display: inline-block;
width: 100%; }
.green-invoice[data-v-3b0f697c] .v-tooltip {
margin-left: 2px; }
/*# sourceMappingURL=GreenInvoice.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.required-star[data-v-95578166] {
color: #dc001a;
margin-right: 4px;
display: inline-flex;
align-items: flex-start; }
/*# sourceMappingURL=RequiredStar.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.phone-name[data-v-38e2532e] {
margin: 1em 0; }
.phone-image[data-v-38e2532e] {
max-width: 160px;
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none; }
.phone-container[data-v-38e2532e] {
height: 215px;
text-align: center; }
.phone-offer[data-v-38e2532e] {
width: 260px;
padding: 48px;
display: flex;
background: #fff;
align-items: center;
flex-direction: column;
box-sizing: content-box; }
.phone-offer-details[data-v-38e2532e] {
width: 100%;
padding: 16px;
margin-bottom: 16px;
background: #f2f2f2; }
.phone-offer-details .offer-invoice[data-v-38e2532e] {
background: #fff;
margin-bottom: 16px; }
.phone-offer-details .box[data-v-38e2532e] {
border-radius: 0;
text-align: left; }
.phone-offer-box[data-v-38e2532e] {
display: flex; }
.phone-offer-box .offer-start-price[data-v-38e2532e],
.phone-offer-box .offer-recurent-price[data-v-38e2532e] {
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right; }
.phone-offer-box .offer-start-price .highlight[data-v-38e2532e],
.phone-offer-box .offer-recurent-price .highlight[data-v-38e2532e] {
font-size: 19px;
display: block;
color: #ed1b2f;
font-weight: 900;
margin-top: 10px;
line-height: 2.1rem; }
/*# sourceMappingURL=DeviceOfferWindow.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.box[data-v-b14ca9ac] {
text-align: center;
border-radius: 10px;
background: #ffffff;
box-shadow: none; }
.box.shadow[data-v-b14ca9ac] {
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.11); }
.box.shadow--bottom[data-v-b14ca9ac] {
box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.16); }
/*# sourceMappingURL=Box.vue.map */
/*# sourceMappingURL=MobileOfferPicker.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.flex-table[data-v-0b1240bb] {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap; }
/*# sourceMappingURL=KeyParams.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.box-info .icon[data-v-7b12137c] {
margin-right: 20px;
display: flex;
align-items: flex-start;
width: 60px;
flex: 0 0 60px; }
@media screen and (max-width: 735px) {
.box-info .icon[data-v-7b12137c] {
width: 40px;
flex: 0 0 40px;
margin-bottom: 15px; } }
.box-info .icon img[data-v-7b12137c] {
max-width: 100%; }
.box-info[data-v-7b12137c] .box {
flex-flow: row;
display: flex;
background: #f2f2f2;
padding: 20px; }
@media screen and (max-width: 735px) {
.box-info[data-v-7b12137c] .box {
flex-flow: column; } }
.box-info[data-v-7b12137c] .box .message {
text-align: left;
display: flex;
justify-content: flex-start; }
.box-info[data-v-7b12137c] .box .message p {
font-size: 16px;
line-height: 1.05rem;
margin-bottom: 20px; }
.box-info[data-v-7b12137c] .box .message p:last-child {
margin-bottom: 0; }
/*# sourceMappingURL=BoxInfo.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.dropdown[data-v-7166b024] {
position: relative;
display: flex;
flex-flow: column;
width: 100%; }
.dropdown .header[data-v-7166b024],
.dropdown .content[data-v-7166b024] {
display: flex;
align-items: flex-start;
justify-content: flex-start;
text-align: left; }
.dropdown .header[data-v-7166b024] {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 25px;
cursor: pointer; }
.dropdown .content[data-v-7166b024] {
flex-flow: column; }
.dropdown .toggle-btn[data-v-7166b024] {
font-size: 16px;
line-height: 1.25rem;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: auto; }
.dropdown .toggle-btn.opened[data-v-7166b024]::after {
transform: rotate(0); }
.dropdown .toggle-btn[data-v-7166b024]::after {
content: "";
font-family: "icomoon";
margin-left: 10px;
transition: 0.5s all;
transform: rotate(180deg);
display: inline-flex;
align-items: center;
justify-content: center; }
.slide-up-down-enter-active[data-v-7166b024] {
transition: max-height 1s ease-in-out, opacity 0.5s linear 0.3s, padding 1s, margin 1s; }
.slide-up-down-leave-active[data-v-7166b024] {
transition: all 0.7s; }
.slide-up-down-enter[data-v-7166b024],
.slide-up-down-leave-to[data-v-7166b024] {
max-height: 0;
opacity: 0; }
.slide-up-down-enter-to[data-v-7166b024],
.slide-up-down-leave[data-v-7166b024] {
max-height: 1500px;
opacity: 1; }
/*# sourceMappingURL=Dropdown.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.key-param[data-v-2b74e83e] {
width: 50%;
display: flex;
flex-direction: row; }
.key-param[data-v-2b74e83e]:nth-child(n+3) {
margin-top: 32px; }
.key-param .icon[data-v-2b74e83e] {
width: 50px;
min-width: 50px;
margin-left: 12px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start; }
.key-param .text[data-v-2b74e83e] {
display: flex;
flex-direction: column;
margin-left: 12px; }
.key-param .text .title[data-v-2b74e83e] {
font-family: "Hind";
font-weight: 500;
font-size: 16px; }
.key-param .text .description[data-v-2b74e83e] {
font-family: "Hind";
font-weight: 600;
font-size: 16px; }
/*# sourceMappingURL=KeyParamsBox.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
tr[data-v-39ed5706] {
padding: 5px 10px;
border-bottom: 3px solid #ffffff; }
td[data-v-39ed5706] {
width: 50%;
vertical-align: middle;
font-size: 16px;
font-family: "Montserrat";
min-height: 25px;
font-weight: 600;
line-height: 24px;
padding: 20px;
padding-top: 30px; }
td .second-line[data-v-39ed5706] {
font-weight: 400; }
td.title[data-v-39ed5706] .v-tooltip {
display: inline-block;
font-weight: 400;
position: relative;
top: -1px; }
td.second[data-v-39ed5706] {
flex-direction: column;
align-items: flex-start !important; }
td.label[data-v-39ed5706] {
font-weight: 900;
color: #024f27; }
td.label[data-v-39ed5706] .big {
font-size: 40px; }
/*# sourceMappingURL=DetailsBox.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
td[data-v-46b8cd7a] {
width: 50%;
padding: 5px 0px;
vertical-align: middle;
font-size: 0.875rem;
font-family: "Montserrat"; }
td[data-v-46b8cd7a]:nth-child(1) {
padding-left: 10px; }
td[data-v-46b8cd7a]:nth-child(2) {
padding-right: 10px; }
td.label[data-v-46b8cd7a] {
font-weight: 600; }
/*# sourceMappingURL=ParamsBox.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.loader-container[data-v-715c8835] {
width: 100%;
display: flex;
justify-content: center;
z-index: -1;
opacity: 0; }
.loader-container.no-bg[data-v-715c8835] .box {
box-shadow: none;
background: transparent; }
.loader-container.visible[data-v-715c8835] {
z-index: 9;
opacity: 1; }
.loader-container[data-v-715c8835] .box {
width: 140px;
height: 140px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column; }
@media screen and (max-width: 735px) {
.loader-container[data-v-715c8835] .box {
width: 110px;
height: 110px; } }
.loader-container[data-v-715c8835] .box .loader,
.loader-container[data-v-715c8835] .box .loader-inside:after {
border-radius: 50%;
width: 55px;
height: 55px; }
@media screen and (max-width: 735px) {
.loader-container[data-v-715c8835] .box .loader,
.loader-container[data-v-715c8835] .box .loader-inside:after {
width: 40px;
height: 40px; } }
.loader-container[data-v-715c8835] .box .loader {
font-size: 10px;
text-indent: -9999em;
border-top: 0.6em solid rgba(94, 94, 94, 0.2);
border-right: 0.6em solid rgba(0, 0, 0, 0.2);
border-bottom: 0.6em solid rgba(0, 0, 0, 0.2);
border-left: 0.6em solid #000000;
animation: loader-spin 0.5s infinite linear; }
.loader-container .message[data-v-715c8835] {
width: 70%;
max-width: 800px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-weight: 500;
color: #000000;
margin-top: 25px;
font-size: 16px;
line-height: 1.25rem; }
@media screen and (max-width: 735px) {
.loader-container .message[data-v-715c8835] {
width: 90%; } }
.loader-overlay[data-v-715c8835] {
display: inline-flex;
position: absolute;
align-items: center;
justify-content: center;
flex-flow: column;
width: 100%;
height: 100%;
max-height: 100vh;
max-width: 100vw;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
transition: 0.4s all; }
/*# sourceMappingURL=Loader.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.hooper-slide[data-v-dfa3628c] {
flex-shrink: 0;
height: 100%;
margin: 0;
padding: 0;
list-style: none; }
.subslides .hooper-slide[data-v-dfa3628c] {
display: flex;
justify-content: center;
align-items: center; }
.hooper-progress[data-v-dfa3628c] {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 4px;
background-color: #efefef; }
.hooper-progress-inner[data-v-dfa3628c] {
height: 100%;
background-color: #4285f4;
transition: 300ms; }
.hooper-pagination[data-v-dfa3628c] {
position: absolute;
right: 50%;
transform: translateX(50%);
display: flex;
padding: 5px 0;
width: 100vw; }
@media (min-width: 736px) {
.hooper-pagination[data-v-dfa3628c] {
display: none; } }
.hooper-indicators[data-v-dfa3628c] {
width: 100%;
margin: 0;
display: flex;
list-style: none;
justify-content: center; }
.hooper-indicators li[data-v-dfa3628c] {
margin: 0 10px;
width: 10px;
height: 10px;
background-color: gray;
border-radius: 10px;
cursor: pointer;
position: relative; }
.hooper-indicators li.active[data-v-dfa3628c] {
background-color: #b849c3; }
.hooper-indicators .hooper-indicator[data-v-dfa3628c] {
opacity: 0;
height: 100%;
position: absolute;
left: 0; }
.hooper-pagination.is-vertical[data-v-dfa3628c] {
bottom: auto;
right: 0;
top: 50%;
transform: translateY(-50%); }
.hooper-pagination.is-vertical .hooper-indicators[data-v-dfa3628c] {
flex-direction: column; }
.hooper-pagination.is-vertical .hooper-indicator[data-v-dfa3628c] {
width: 6px; }
.hooper-next[data-v-dfa3628c],
.hooper-prev[data-v-dfa3628c] {
display: none; }
@media (min-width: 736px) {
.hooper-next[data-v-dfa3628c],
.hooper-prev[data-v-dfa3628c] {
display: block;
background-color: transparent;
border: none;
padding: 1em;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer; }
.hooper-next svg.icon[data-v-dfa3628c],
.hooper-prev svg.icon[data-v-dfa3628c] {
display: none; } }
.hooper-next[data-v-dfa3628c]:before {
content: "";
font-family: "icomoon";
font-size: 50px;
color: #32b44a; }
.hooper-prev[data-v-dfa3628c]:before {
content: "";
font-family: "icomoon";
font-size: 50px;
color: #32b44a; }
.hooper-next.is-disabled[data-v-dfa3628c],
.hooper-prev.is-disabled[data-v-dfa3628c] {
opacity: 0.3;
cursor: not-allowed; }
.hooper-next[data-v-dfa3628c] {
right: 0; }
.hooper-prev[data-v-dfa3628c] {
left: 0; }
.hooper-navigation.is-vertical .hooper-next[data-v-dfa3628c] {
top: auto;
bottom: 0;
transform: initial; }
.hooper-navigation.is-vertical .hooper-prev[data-v-dfa3628c] {
top: 0;
bottom: auto;
right: 0;
left: auto;
transform: initial; }
.hooper-navigation.is-rtl .hooper-prev[data-v-dfa3628c] {
left: auto;
right: 0; }
.hooper-navigation.is-rtl .hooper-next[data-v-dfa3628c] {
right: auto;
left: 0; }
.hooper[data-v-dfa3628c] {
position: relative;
box-sizing: border-box;
width: 100%;
height: 200px; }
.hooper *[data-v-dfa3628c] {
box-sizing: border-box; }
.hooper-list[data-v-dfa3628c] {
overflow: hidden;
width: 100%;
height: 100%; }
.hooper-track[data-v-dfa3628c] {
display: flex;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0;
margin: 0; }
.hooper.is-vertical .hooper-track[data-v-dfa3628c] {
flex-direction: column;
height: 200px; }
.hooper.is-rtl[data-v-dfa3628c] {
direction: rtl; }
.hooper-sr-only[data-v-dfa3628c] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.slider[data-v-dfa3628c] {
max-height: 480px;
padding: 0 10px;
min-height: 200px;
position: relative; }
@media (min-width: 426px) {
.slider[data-v-dfa3628c] {
padding: 0 0px; } }
.slider[data-v-dfa3628c] .hooper {
height: auto; }
.slider[data-v-dfa3628c] .hooper::v-deep.subslides {
display: none; }
@media (min-width: 736px) {
.slider[data-v-dfa3628c] .hooper::v-deep.subslides {
display: flex;
white-space: nowrap;
background: rgba(255, 255, 255, 0.8);
position: relative;
bottom: 0;
list-style: none;
width: 100%;
padding: 0;
margin: 0 auto;
cursor: pointer; } }
.slider[data-v-dfa3628c] .slide.two-cols {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
@media (min-width: 736px) {
.slider[data-v-dfa3628c] .slide.two-cols {
flex-direction: row; } }
.slider[data-v-dfa3628c] .slide.two-cols .slider-picture {
height: 100%;
display: flex;
justify-content: center;
align-items: center; }
.slider[data-v-dfa3628c] .slide.two-cols .slider-picture img {
height: auto;
max-width: 100%;
max-height: 28.125rem; }
.slider[data-v-dfa3628c] .slide.two-cols .slider-desc {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.slider[data-v-dfa3628c] .slide.two-cols > div {
width: 100%; }
@media (min-width: 736px) {
.slider[data-v-dfa3628c] .slide.two-cols > div {
width: 50%; } }
.slider .loader-container[data-v-dfa3628c] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
/*# sourceMappingURL=Slider.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.price[data-v-a4b69bbc] {
text-align: right;
margin-left: 20px;
display: inline-flex;
flex-flow: column;
justify-content: flex-end;
align-items: center; }
.price .amount[data-v-a4b69bbc] {
color: #dc001a;
font-size: 1.5rem;
font-weight: 700;
line-height: 2.375rem;
width: 100%;
display: inline-flex;
justify-content: flex-end;
align-items: center; }
.price .description[data-v-a4b69bbc] {
font-size: 0.875rem;
line-height: 1.125rem; }
.price .no-price[data-v-a4b69bbc] {
border-color: #dc001a;
width: 20px;
display: inline-block; }
/*# sourceMappingURL=Price.vue.map */
/* Hind */
/* Icomoon */
/* Montserrat */
/* Hind */
/* Icomoon */
/* Montserrat */
/**
* FONT SIZES
*/
/**
* FONT WEIGHT
*/
/**
* LINE HEIGHT
*/
/* Basket */
/* plush listing abo mobile/tablet */
/* plush offer details */
/*plus colors here*/
/* Main menu */
/**
* BUTTONS
*/
.step[data-v-b1c4b2ba] {
display: flex;
align-items: center; }
.step.active .counter[data-v-b1c4b2ba] {
background: #72D80B;
font-size: 0;
color: transparent; }
.step.active .counter[data-v-b1c4b2ba]:after {
opacity: 1;
color: #ffffff; }
.step.active .content[data-v-b1c4b2ba] {
color: #72D80B; }
.step.current .counter[data-v-b1c4b2ba] {
background: #72D80B;
color: #ffffff; }
.step.current .content[data-v-b1c4b2ba] {
color: #72D80B; }
.step .point[data-v-b1c4b2ba] {
display: inline-flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative; }
.step .counter[data-v-b1c4b2ba] {
display: flex;
align-items: center;
justify-content: center;
border-radius: 36px;
line-height: 36px;
width: 36px;
height: 36px;
font-size: 22px;
background: #E1E1E1;
color: #000000;
font-weight: 500;
padding-top: 3px;
position: relative;
transition: 0.4s; }
.step .counter[data-v-b