/**
* App Name: Nookee
* App URI: https://nookee.app.app
* Author: CUBEverse
* Author URI: https://www.cubeverse.it
* Description: Pricelist reinvented
* Version: 1.0.0
* Year: 2022
*/
@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Abel");
@import url("https://fonts.googleapis.com/css2?family=Alata");
@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface");
@import url("https://fonts.googleapis.com/css2?family=Anton");
@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;500;700");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue");
@import url("https://fonts.googleapis.com/css2?family=Calistoga");
@import url("https://fonts.googleapis.com/css2?family=Chewy");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700");
@import url("https://fonts.googleapis.com/css2?family=Domine:wght@400;700");
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,700");
@import url("https://fonts.googleapis.com/css2?family=Fredericka+the+Great");
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;700");
@import url("https://fonts.googleapis.com/css2?family=Lobster");
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;700");
@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy");
@import url("https://fonts.googleapis.com/css2?family=Modak");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700");
@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700");
@import url("https://fonts.googleapis.com/css2?family=Poiret+One");
@import url("https://fonts.googleapis.com/css2?family=Prata");
@import url("https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700");
@import url("https://fonts.googleapis.com/css2?family=Questrial");
@import url("https://fonts.googleapis.com/css2?family=Rampart+One");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;700");
@import url("https://fonts.googleapis.com/css2?family=Rokkitt:wght@300;400;500;700");
@import url("https://fonts.googleapis.com/css2?family=Rubik+Dirt");
@import url("https://fonts.googleapis.com/css2?family=Satisfy");
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;700");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@300;700");
@import url("https://fonts.googleapis.com/css2?family=Volkhov:wght@400;700");
@import url("https://fonts.googleapis.com/css2?family=Yatra+One");

/* Font usato dall'app */
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900");


:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

* {
    font-family: "Figtree", "Montserrat", Arial, Tahoma, "Times New Roman";
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
}

.web * {
    /*
    -ms-user-select: auto;
    -moz-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto;
    */
    -ms-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

*:focus {
    outline: none;
}

article,
aside,
blockquote,
body,
div,
fieldset,
footer,
form,
header,
hgroup,
html,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
nav,
ol,
p,
section,
time,
ul {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 400;
    list-style: none;
}

html {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    overscroll-behavior: none;
}

html.web {
    height: 100%;
}

body {
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    color: rgba(48, 53, 62, 1);
    overflow: hidden;
    overscroll-behavior: none;
}

#exec {
    display: none !important;
}

/* Scrollbars */

*::-webkit-scrollbar {
    background: none;
    width: 3px;
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(162, 162, 162, 1);
}

*::-webkit-scrollbar-thumb:active {
    background-color: rgba(255, 0, 110, 1);
}

/* Liste */

ul,
ol {
    list-style: none;
}

li {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 500;
}

/* Link */

a {
    border: 0;
    font-size: 100%;
    font-weight: 500;
    text-decoration: none;
    color: rgba(255, 0, 110, 1);
    cursor: pointer;
}

a:active {
    color: rgba(140, 8, 102, 1);
}

/* Immagini */

img {
    display: block;
    border: 0;
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* Inputs */

input,
input[type=color],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=range],
input[type=text],
input[type=tel],
input[type=time],
input[type=url],
select,
textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: rgba(48, 53, 62, 1);
    vertical-align: middle;
    -ms-user-select: auto;
    -moz-user-select: auto;
    -webkit-user-select: auto;
    user-select: auto;
}

::placeholder {
    color: rgba(48, 53, 62, 0.5);
    opacity: 1;
}

:-ms-input-placeholder {
    color: rgba(48, 53, 62, 0.5);
}

::-ms-input-placeholder {
    color: rgba(48, 53, 62, 0.5);
}

select.placeholder {
    color: rgba(48, 53, 62, 0.5);
    opacity: 1;
}

select.placeholder option {
    color: rgba(48, 53, 62, 1);
}

select.placeholder option:first-child {
    color: rgba(48, 53, 62, 0.5);
    opacity: 1;
}

input[type=button],
input[type=submit] {
    font-weight: 600;
}

/* Tabelle */

table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 500;
}

thead,
tbody,
tfoot,
tr,
th,
td {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Icone */

i {
    line-height: 1em;
}

/* Formattazioni */

em {
    font-style: italic;
}

b,
strong {
    font-weight: 600;
}

b a,
strong a {
    font-weight: 600;
}

em b,
em strong,
strong em,
b em {
    font-weight: 600;
    font-style: italic;
}

h1,
h2,
h3 {
    font-weight: 600;
}

.light {
    color: rgba(48, 53, 62, 0.6);
}

.hyphens {
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}

/* Fonts */

.abel {
    font-family: "Abel", sans-serif !important;
    font-size: 100%;
}

.abel * {
    font-family: "Abel", sans-serif !important;
}

.alata {
    font-family: "Alata", sans-serif !important;
    font-size: 100%;
}

.alata * {
    font-family: "Alata", sans-serif !important;
}

.abril-fatface {
    font-family: "Abril Fatface", serif !important;
    font-size: 100%;
}

.abril-fatface * {
    font-family: "Abril Fatface", serif !important;
}

.anton {
    font-family: "Anton", sans-serif !important;
    font-size: 76%;
}

.anton * {
    font-family: "Anton", sans-serif !important;
}

.arial {
    font-family: Arial, sans-serif !important;
    font-size: 100%;
}

.arial * {
    font-family: Arial, sans-serif !important;
    font-weight: 300;
}

.arial b,
.arial strong,
.arial b a,
.arial strong a,
.arial em b,
.arial em strong,
.arial strong em,
.arial b em,
.arial h1,
.arial h2,
.arial h3,
.arial h4 {
    font-weight: 700;
}

.bai-jamjuree {
    font-family: "Bai Jamjuree", sans-serif !important;
    font-size: 100%;
}

.bai-jamjuree * {
    font-family: "Bai Jamjuree", sans-serif !important;
    font-weight: 300;
}

.bai-jamjuree b,
.bai-jamjuree strong,
.bai-jamjuree b a,
.bai-jamjuree strong a,
.bai-jamjuree em b,
.bai-jamjuree em strong,
.bai-jamjuree strong em,
.bai-jamjuree b em,
.bai-jamjuree h1,
.bai-jamjuree h2,
.bai-jamjuree h3,
.bai-jamjuree h4 {
    font-weight: 700;
}

.bebas-neue {
    font-family: "Bebas Neue", cursive !important;
    font-size: 115%;
}

.bebas-neue * {
    font-family: "Bebas Neue", cursive !important;
}

.calistoga {
    font-family: "Calistoga", serif !important;
    font-size: 98%;
}

.calistoga * {
    font-family: "Calistoga", serif !important;
}

.chewy {
    font-family: "Chewy", cursive !important;
    font-size: 95%;
}

.chewy * {
    font-family: "Chewy", cursive !important;
}

.dm-sans {
    font-family: "DM Sans" !important;
    font-size: 100%;
}

.dm-sans * {
    font-family: "DM Sans" !important;
    font-weight: 300;
}

.dm-sans b,
.dm-sans strong,
.dm-sans b a,
.dm-sans strong a,
.dm-sans em b,
.dm-sans em strong,
.dm-sans strong em,
.dm-sans b em,
.dm-sans h1,
.dm-sans h2,
.dm-sans h3,
.dm-sans h4 {
    font-weight: 700;
}

.domine {
    font-family: "Domine", serif !important;
    font-size: 96%;
}

.domine * {
    font-family: "Domine", serif !important;
}

.figtree {
    font-family: "Figtree" !important;
    font-size: 100%;
}

.figtree * {
    font-family: "Figtree" !important;
    font-weight: 400;
}

.figtree b,
.figtree strong,
.figtree b a,
.figtree strong a,
.figtree em b,
.figtree em strong,
.figtree strong em,
.figtree b em,
.figtree h1,
.figtree h2,
.figtree h3,
.figtree h4 {
    font-weight: 700;
}

.fraunces {
    font-family: "Fraunces", serif !important;
    font-size: 100%;
}

.fraunces * {
    font-family: "Fraunces", serif !important;
    font-weight: 300;
}

.fraunces b,
.fraunces strong,
.fraunces b a,
.fraunces strong a,
.fraunces em b,
.fraunces em strong,
.fraunces strong em,
.fraunces b em,
.fraunces h1,
.fraunces h2,
.fraunces h3,
.fraunces h4 {
    font-weight: 700;
}

.frederika-the-great {
    font-family: "Fredericka the Great", cursive !important;
    font-size: 100%;
}

.frederika-the-great * {
    font-family: "Fredericka the Great", cursive !important;
}

.fredoka-one {
    font-family: "Fredoka One", cursive !important;
    font-size: 100%;
}

.fredoka-one * {
    font-family: "Fredoka One", cursive !important;
}

.ibm-plex-sans {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 100%;
}

.ibm-plex-sans * {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-weight: 300;
}

.ibm-plex-sans b,
.ibm-plex-sans strong,
.ibm-plex-sans b a,
.ibm-plex-sans strong a,
.ibm-plex-sans em b,
.ibm-plex-sans em strong,
.ibm-plex-sans strong em,
.ibm-plex-sans b em,
.ibm-plex-sans h1,
.ibm-plex-sans h2,
.ibm-plex-sans h3,
.ibm-plex-sans h4 {
    font-weight: 700;
}

.lobster {
    font-family: "Lobster", cursive !important;
    font-size: 100%;
}

.lobster * {
    font-family: "Lobster", cursive !important;
}

.lora {
    font-family: "Lora", serif !important;
    font-size: 100%;
}

.lora * {
    font-family: "Lora", serif !important;
}

.luckiest-guy {
    font-family: "Luckiest Guy", cursive !important;
    font-size: 100%;
}

.luckiest-guy * {
    font-family: "Luckiest Guy", cursive !important;
}

.modak {
    font-family: "Modak", system-ui;
    font-size: 100%;
}

.modak * {
    font-family: "Modak", system-ui;
}

.montserrat {
    font-family: "Montserrat", sans-serif !important;
    font-size: 100%;
}

.montserrat * {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400;
}

.montserrat b,
.montserrat strong,
.montserrat b a,
.montserrat strong a,
.montserrat em b,
.montserrat em strong,
.montserrat strong em,
.montserrat b em,
.montserrat h1,
.montserrat h2,
.montserrat h3,
.montserrat h4 {
    font-weight: 700;
}

.permanent-marker {
    font-family: "Permanent Marker", cursive !important;
    font-size: 90%;
}

.permanent-marker * {
    font-family: "Permanent Marker", cursive !important;
}

.playfair-display {
    font-family: "Playfair Display", serif !important;
    font-size: 100%;
}

.playfair-display * {
    font-family: "Playfair Display", serif !important;
}

.poiret-one {
    font-family: "Poiret One", cursive !important;
    font-size: 110%;
}

.poiret-one * {
    font-family: "Poiret One", cursive !important;
}

.prata {
    font-family: "Prata", serif !important;
    font-size: 100%;
}

.prata * {
    font-family: "Prata", serif !important;
}

.quattrocento {
    font-family: "Quattrocento", serif;
    font-size: 110%;
}

.quattrocento * {
    font-family: "Quattrocento", serif;
    font-weight: 400;
}

.quattrocento b,
.quattrocento strong,
.quattrocento b a,
.quattrocento strong a,
.quattrocento em b,
.quattrocento em strong,
.quattrocento strong em,
.quattrocento b em,
.quattrocento h1,
.quattrocento h2,
.quattrocento h3,
.quattrocento h4 {
    font-weight: 700;
}

.questrial {
    font-family: "Questrial", sans-serif;
    font-size: 100%;
}

.questrial * {
    font-family: "Questrial", sans-serif;
}

.rampart-one {
    font-family: "Rampart One", cursive !important;
    font-size: 90%;
}

.rampart-one * {
    font-family: "Rampart One", cursive !important;
}

.roboto-mono {
    font-family: "Roboto Mono", monospace !important;
    font-size: 100%;
}

.roboto-mono * {
    font-family: "Roboto Mono", monospace !important;
    font-weight: 300;
}

.roboto-mono b,
.roboto-mono strong,
.roboto-mono b a,
.roboto-mono strong a,
.roboto-mono em b,
.roboto-mono em strong,
.roboto-mono strong em,
.roboto-mono b em,
.roboto-mono h1,
.roboto-mono h2,
.roboto-mono h3,
.roboto-mono h4 {
    font-weight: 700;
}

.rokkitt {
    font-family: "Rokkitt", serif !important;
    font-size: 120%;
}

.rokkitt * {
    font-family: "Rokkitt", serif !important;
    font-weight: 300;
}

.rokkitt b,
.rokkitt strong,
.rokkitt b a,
.rokkitt strong a,
.rokkitt em b,
.rokkitt em strong,
.rokkitt strong em,
.rokkitt b em,
.rokkitt h1,
.rokkitt h2,
.rokkitt h3,
.rokkitt h4 {
    font-weight: 700;
}

.rubik-dirt {
    font-family: "Rubik Dirt", cursive !important;
    font-size: 100%;
}

.rubik-dirt * {
    font-family: "Rubik Dirt", cursive !important;
}

.satisfy {
    font-family: "Satisfy", cursive !important;
    font-size: 110%;
}

.satisfy * {
    font-family: "Satisfy", cursive !important;
}

.teko {
    font-family: "Teko", sans-serif !important;
    font-size: 110%;
}

.teko * {
    font-family: "Teko", sans-serif !important;
    font-weight: 300;
}

.teko b,
.teko strong,
.teko b a,
.teko strong a,
.teko em b,
.teko em strong,
.teko strong em,
.teko b em,
.teko h1,
.teko h2,
.teko h3,
.teko h4 {
    font-weight: 700;
}

.times-new-roman {
    font-family: "Times New Roman", serif !important;
    font-size: 100%;
}

.times-new-roman * {
    font-family: "Times New Roman", serif !important;
    font-weight: 300;
}

.times-new-roman b,
.times-new-roman strong,
.times-new-roman b a,
.times-new-roman strong a,
.times-new-roman em b,
.times-new-roman em strong,
.times-new-roman strong em,
.times-new-roman b em,
.times-new-roman h1,
.times-new-roman h2,
.times-new-roman h3,
.times-new-roman h4 {
    font-weight: 700;
}

.trebuchet-ms {
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 100%;
}

.trebuchet-ms * {
    font-family: "Trebuchet MS", sans-serif !important;
    font-weight: 300;
}

.trebuchet-ms b,
.trebuchet-ms strong,
.trebuchet-ms em b,
.trebuchet-ms em strong,
.trebuchet-ms strong em,
.trebuchet-ms b em,
.trebuchet-ms h1,
.trebuchet-ms h2,
.trebuchet-ms h3,
.trebuchet-ms h4 {
    font-weight: 700;
}

.urbanist {
    font-family: "Urbanist", sans-serif !important;
    font-size: 100%;
}

.urbanist * {
    font-family: "Urbanist", sans-serif !important;
    font-weight: 300;
}

.urbanist b,
.urbanist strong,
.urbanist b a,
.urbanist strong a,
.urbanist em b,
.urbanist em strong,
.urbanist strong em,
.urbanist b em,
.urbanist h1,
.urbanist h2,
.urbanist h3,
.urbanist h4 {
    font-weight: 700;
}

.volkhov {
    font-family: "Volkhov", serif !important;
    font-size: 100%;
}

.volkhov * {
    font-family: "Volkhov", serif !important;
    font-weight: 400;
}

.volkhov b,
.volkhov strong,
.volkhov b a,
.volkhov strong a,
.volkhov em b,
.volkhov em strong,
.volkhov strong em,
.volkhov b em,
.volkhov h1,
.volkhov h2,
.volkhov h3,
.volkhov h4 {
    font-weight: 700;
}

.yatra-one {
    font-family: "Yatra One", cursive !important;
    font-size: 100%;
}

.yatra-one * {
    font-family: "Yatra One", cursive !important;
}


@media screen and (min-width: 400px) {
    html {
        background: rgba(0, 0, 0, 1);
    }
}