:root{--font-primary: "PP Neue Montreal";--font-accent-medium: "Swear Display Medium";--color-sea-salt: #d9f2ff;--color-neon-green: #e2ff8f;--gap-xl: 64px;--gap-large: 48px;--gap-medium: 32px;--gap-small: 16px;--tablet: 768px;--desktop: 1366px;--page-padding-mobile: 16px;--page-padding-desktop: 24px}@font-face{font-family:PP Neue Montreal;src:url(/assets/PPNeueMontreal-Regular-gtO139uL.woff2) format("woff2"),url(/assets/PPNeueMontreal-Regular-B9ugfAjn.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/assets/PPNeueMontreal-Medium-BxITICcD.woff2) format("woff2"),url(/assets/PPNeueMontreal-Medium-DnDs96_f.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Swear Display Medium;src:url(https://use.typekit.net/af/98fdf3/00000000000000007735e25c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff2"),url(https://use.typekit.net/af/98fdf3/00000000000000007735e25c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff"),url(https://use.typekit.net/af/98fdf3/00000000000000007735e25c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("opentype");font-display:swap;font-weight:600;font-style:italic;font-stretch:normal}p{max-width:90.5%;font-size:16px;line-height:120%;text-align:center;letter-spacing:.02em}@media screen and (min-width: 1366px){p{font-weight:500}}span,h4{font-size:12px;font-weight:500;line-height:120%;letter-spacing:.02em;text-transform:uppercase}h4{margin-bottom:0}@media screen and (min-width: 768px){span{font-size:14px;letter-spacing:.02em}}@media screen and (min-width: 1366px){p{width:565px;font-size:14px}span{font-size:14px;line-height:120%;letter-spacing:.02em}}.title{font-style:normal;font-weight:400;font-size:24px;line-height:110%;letter-spacing:-.01em;text-transform:uppercase;padding:0;margin:0}@media screen and (min-width: 768px){.title{font-size:32px}}@media screen and (min-width: 1366px){.title{font-size:40px}}.subtitle{font-family:var(--font-accent-medium),serif;font-style:italic;font-weight:600;font-size:32px;padding:0;margin:0;line-height:100%;letter-spacing:-.01em}@media screen and (min-width: 768px){.subtitle{font-size:40px;font-weight:600}}input{font-size:32px;height:4rem;border:0;border-top:1px solid black;border-bottom:1px solid black;max-width:90vw;border-radius:0}input:focus{outline:0}input::placeholder{font-size:calc(20px + .5vw);padding-left:.15em}.font-24-110{font-size:24px;font-weight:400;line-height:110%;text-transform:uppercase}.font-20-120{font-style:normal;font-weight:400;font-size:20px;line-height:110%;letter-spacing:-.01em;text-transform:uppercase}.font-12-120{font-style:normal;font-size:12px;font-weight:500;line-height:120%;letter-spacing:.02em;text-transform:uppercase}img{max-width:100%;object-fit:cover}.cover-container{width:100%;height:100%}.header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:inherit}.headerMenu{display:flex;align-items:center;gap:16px}@media screen and (min-width: 1366px){.header{height:96px;width:100%;padding:24px}.logo{max-width:330px;height:42px;max-height:42px}}#cart-icon-link{position:relative}#cart-icon-link:after{content:"";border:1px solid #222;border-radius:50%;position:absolute;top:55%;left:55%;height:8px;width:8px;background-color:#2e7515}.menu-dropdown{position:absolute;top:100%;left:0;right:0;padding-bottom:100%;overflow:hidden;z-index:2;background:linear-gradient(180deg,#fff 50%,#ffffff4d)}.menu-dropdown .btn{margin:24px 16px}.dropdown-link{display:block;text-transform:uppercase;font-size:20px;padding:16px;border-top:1px solid #000}.dropdown-link:nth-child(4){border-bottom:1px solid #000}.desktop-links{display:flex;align-items:center;line-height:140%;gap:24px}.navbar{align-items:center;display:flex;justify-content:space-between;padding:.75rem var(--page-padding-mobile);width:100%}.navbar button{padding:0}.page-count{align-items:flex-start;border:1px solid black;border-radius:60px;display:flex;font-size:12px;font-weight:500;gap:8px;height:30px;justify-content:center;letter-spacing:.02em;padding:8px 16px;margin-left:auto}.bottom-page-overlay{background:linear-gradient(180deg,#fff0,#ffffff97,#fff 39.58%);bottom:0;display:flex;height:112px;justify-content:center;left:0;padding:40px 16px 24px;position:fixed;right:0;transition:all .3s;z-index:90}.bottom-page-overlay a,.bottom-page-overlay button{margin:0}.bottom-page-overlay .btn{width:100%}.bottom-page-overlay .scroll-down-button{background-color:#edf7f0;border:none;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;border-radius:50%;height:48px;width:48px;transition:background-color .5s ease;min-width:48px}.bottom-page-overlay .scroll-down-button:hover{background-color:#b0e0e6}@media screen and (min-width: 768px){.bottom-page-overlay{background:linear-gradient(180deg,#fff0 4.43%,#ffffff02 21.35%,#fff 31.25%)}.bottom-page-overlay .btn{width:unset}.bottom-page-overlay .scroll-down-button{position:fixed;right:3rem}.navbar{padding:.75rem var(--page-padding-desktop)}}.hidden{visibility:hidden;opacity:0}.flex-row{display:flex;gap:8px}.flex-column{display:flex;flex-direction:column;align-items:center}.left-align{align-items:flex-start}.full-width{width:100%}.border-round{padding:8px 12px;border-radius:8px;border:1px solid black}.section-medium{gap:var(--gap-medium)}.section-medium>*{padding:0;margin:0}.section-small{gap:var(--gap-small)}.grid-row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-items:start;width:100%;border-bottom:1px solid #000;padding-bottom:16px}.grid-row-2:last-of-type{border:0;padding:0}.evenly{display:flex;justify-content:space-evenly}.display-contents{display:contents}.page-width{width:100%;padding:0 16px}@media screen and (max-width: 785px){.grid-row-2{width:calc(100% - 32px)}}.brand-form{display:flex;flex-direction:column;justify-content:center}.brand-form .upload-area{width:100%}a{text-decoration:underline!important}.tag{font-size:12px;font-weight:500;font-family:PP Neue Montreal,Helvetica,sans-serif;vertical-align:top;line-height:140%}.options{font-size:2rem;display:flex;width:100vw;overflow:auto;white-space:nowrap;gap:1.5rem;scroll-snap-type:x mandatory}.options::-webkit-scrollbar{display:none}.options h3{font-family:var(--font-accent-medium),serif;font-weight:600;font-style:italic;display:inline;margin:0}.options .outline{display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:25px;width:78.5vw;aspect-ratio:1;margin-bottom:.5em}@media screen and (max-width: 767px){.options h3{font-size:7.8vw}.top-space{padding-top:64px}.option__wrapper{display:flex;flex-direction:column;align-items:center;scroll-snap-align:center;scroll-snap-stop:always}.option__wrapper:first-child{margin-left:1.5rem}.option__wrapper:last-of-type{padding-right:1.5rem}.option__wrapper:nth-of-type(2) .outline{border-radius:250px}.option__wrapper a{-webkit-tap-highlight-color:transparent}.outline{border-radius:25px;width:78.5vw;height:78.5vw;margin-bottom:.5em}.optionText{white-space:normal;width:80%;text-align:center}}@media screen and (min-width: 768px) and (max-width: 1365px){.top-space{padding-top:40px}.options{padding-top:4%}.options h3{font-family:var(--font-accent-medium),serif;font-style:italic;font-weight:600;font-size:6.25vw;display:inline;margin:0}.option__wrapper{display:flex;flex-direction:column;align-items:center;scroll-snap-align:center;scroll-snap-stop:always}.option__wrapper:first-child{margin-left:1.5rem}.option__wrapper:last-of-type{padding-right:1.5rem}.option__wrapper:nth-of-type(2) .outline{border-radius:250px}.option__wrapper a{-webkit-tap-highlight-color:transparent}.outline{width:58.3vw;aspect-ratio:1/1;border-radius:25px}.optionText{width:58%;white-space:normal;text-align:center}}@media screen and (max-width: 1365px) and (orientation: landscape){.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.options h3{font-size:2.8vw}.options .outline{width:100%;height:unset;aspect-ratio:1/1}.options .optionText{width:unset}}@media screen and (min-width: 1024px){.options{max-width:min(1100px,90vw)}}@media screen and (min-width: 1366px){.top-space{padding-top:64px}.options{white-space:initial;overflow:unset;display:grid;gap:24px;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:485px}.options h3{font-family:var(--font-accent-medium),serif;font-style:italic;font-weight:600;line-height:100%;font-size:1.5em;display:inline;margin:0}.options .outline{display:flex;align-items:center;justify-content:center;width:100%;height:unset;aspect-ratio:1/1;border:1px solid #000;border-radius:25px}.tag{font-weight:500;font-size:.44em;line-height:120%;letter-spacing:.02em;vertical-align:top;margin-right:4px}.optionText{font-size:.875rem;line-height:120%;letter-spacing:.02em;width:247px}}.upload-area{padding-bottom:150px}.uploadedImgWrapper{width:100px;height:100px;border-radius:50%;margin-right:1rem;overflow:hidden}.uploadedImg{object-fit:cover;width:104px;height:6rem}.uploadSlot{display:flex;align-items:center;justify-content:center;width:25.1vw;height:20vw;border-radius:.75rem;border:1px solid black;position:relative;object-fit:cover;cursor:pointer}.uploadSlot .current-selected{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 1366px){.uploadSlot{width:208px;height:166px}}.imgWrapper{height:100%;width:100%;overflow:hidden;border-radius:.75rem;object-fit:cover}.selected{border:0}.selected:after{content:"Replace";position:absolute;top:105%;text-decoration:underline;cursor:pointer}.remove{position:absolute;top:10px;right:10px}@media screen and (min-width: 768px){.remove{top:20px;right:20px}}@media screen and (min-width: 768px){.upload-area .uploadSlot{width:unset;height:100%}.upload-area{padding-top:var(--gap-medium);width:80vw;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:20vw;column-gap:16px}}.card__grid{display:grid;grid-auto-rows:calc((50vw - 12px)/4 - 6px);column-gap:8px;row-gap:8px;grid-template-columns:repeat(2,1fr);padding:8px;width:100%}.card__grid>div,.card__grid .image__wrapper{width:100%;border-radius:12px;overflow:hidden;z-index:1;transition:all .4s}@media screen and (min-width: 1366px){.card__grid>div,.card__grid .image__wrapper{border-radius:25px}}.card__grid img{width:100%;height:100%;object-fit:cover;transition:opacity .4s}.card__grid .short{grid-row:span 4}.card__grid .tall{grid-row:span 5}.card__grid .selectedCard{position:relative;background-color:var(--color-neon-green)}@media screen and (min-width: 768px){.card__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:5vw;gap:16px}.card__grid .short{grid-row:span 4}.card__grid .tall{grid-row:span 5}}.added-label{display:flex;align-items:center;justify-content:space-between;padding:0 16px;text-transform:uppercase;position:absolute;bottom:8px;left:8px;right:8px;height:32px;background-color:var(--color-neon-green);border-radius:16px;z-index:5;cursor:pointer}@media screen and (min-width: 768px){.added-label{font-size:14px;left:16px;bottom:16px;right:16px;height:55px;max-height:55px;border-radius:34px;padding:0 19px}.plus-on-hover{display:flex;justify-content:center;align-items:center;padding:18px 19px;position:absolute;width:55px;height:55px;right:16px;bottom:16px;border-radius:34px;background:var(--color-neon-green);z-index:5}}.container__mixingblends{width:100%;display:flex;flex-direction:column;align-items:center}.container__mixingblends .card__grid{grid-auto-rows:calc((50vw - 8px - 4px) / 4.02 - 8px);padding:8px;row-gap:8px;column-gap:8px}.container__mixingblends .card__grid .selectedCard img{opacity:0}.container__mixingblends .card__grid>div{border:1px solid black;display:flex;flex-direction:column;align-items:center;padding:8px;gap:8px}@media screen and (min-width: 1024px){.container__mixingblends .card__grid>div{padding:16px 16px 24px}}.container__mixingblends .card__grid>div>div{width:100%}.container__mixingblends .card__grid span{width:100%;text-align:left;font-size:11px;line-height:120%;letter-spacing:.02em;text-transform:initial}@media screen and (min-width: 1366px){.container__mixingblends .card__grid{margin-top:56px}.container__mixingblends .card__grid span{font-size:14px;width:90%}}.container__mixingblends .card__grid .blend__name{text-transform:uppercase;font-size:14px;width:100%;text-align:left}@media screen and (min-width: 1366px){.container__mixingblends .card__grid .blend__name{font-size:24px;line-height:110%;letter-spacing:-.01em}}.container__mixingblends .card__grid .blend__info{display:flex;padding-top:8px;flex-direction:column;gap:4px}@media screen and (min-width: 1366px){.container__mixingblends .card__grid .blend__name{padding-bottom:12px}}@media screen and (max-width: 396px){.container__mixingblends .card__grid{grid-auto-rows:11.1111111111vw}}.container__mixingblends .short{grid-row:span 6}.container__mixingblends .short .image__wrapper{aspect-ratio:1/1}@media screen and (max-width: 374px){.container__mixingblends .short{grid-row:span 6}.container__mixingblends .card__grid .blend__name{font-size:10px;margin-bottom:4px}}@media screen and (min-width: 768px){.container__mixingblends .card__grid{padding:0 0 var(--gap-medium);grid-auto-rows:calc((100vw - 48px - 48px) / 4 / 4.8 - 10px);row-gap:16px;column-gap:16px}}.container__mixingblends .tall{grid-row:span 7}.container__mixingblends .tall .image__wrapper{aspect-ratio:4/5}@media screen and (max-width: 374px){.container__mixingblends .tall{grid-row:span 6}}.bottleWrapper{align-items:center;display:flex;font-size:9px;justify-content:center;max-width:min(432px,90vw);object-fit:cover;position:relative}.bottleWrapper span{position:absolute;text-transform:none;transform:rotate(-90deg);transform-origin:left top}.bottleWrapper .perfumeName{color:#000000e6;font-family:var(--font-accent-medium);font-size:min(2.8vmin,12px);font-style:italic;font-weight:600;left:52.5%;letter-spacing:.02em;text-align:left;top:67.5%;color-scheme:only light}.bottleWrapper .customerName{color:#0009;font-size:min(1.6vmin,8px);left:59%;letter-spacing:.02em;line-height:100%;top:58.4%;color-scheme:only light}.bottle-image{border-radius:8%}@media screen and (max-width: 413px){.bottle-button{width:100%}}@media screen and (min-width: 768px) and (max-width: 1023px){.grid-area-bottle{align-items:center;display:flex;flex-direction:column;gap:48px;justify-content:center;margin:auto 0;max-width:67vw;padding-top:32px;width:100%}}.bottleWrapper__container{display:contents}@media screen and (min-width: 1024px){.bottleWrapper__container{align-items:center;display:flex;grid-row:1/-1;justify-content:center}.bottleWrapper{height:unset;margin:0;max-width:360px}.grid-area-bottle{column-gap:64px;display:grid;grid-template-columns:minmax(40%,40vmin) 1fr 1fr;grid-template-rows:3fr 109px minmax(109px,1fr) 1fr 1fr;margin:auto;max-height:70vh;min-height:637px;min-width:75vw;row-gap:32px}.bottle-input{grid-column:2/-1;grid-row:2}.bottle-button{grid-column:2;grid-row:3;padding:0}.bottleWrapper .perfumeName{top:67.5%}.bottleWrapper .customerName{top:58.5%}}.characteristics-table{border:1px solid #000;display:grid;font-size:14px;font-weight:500;grid-auto-rows:minmax(10px,auto);grid-template-columns:repeat(3,minmax(0,1fr));line-height:120%;padding:1.25rem 0;position:relative;row-gap:40px}.characteristics-table:after{border-top:1px solid black;content:"";position:absolute;top:50%;transform:translateY(50%);width:100%}.cell{align-items:center;border-right:1px solid #000;display:flex;flex-direction:column;gap:.75rem;justify-content:center;letter-spacing:.02em;padding:0 1.75rem;text-transform:uppercase}.cell:nth-of-type(3n){border:0}.ratio{font-size:1.25rem;font-weight:400;letter-spacing:-.01em;line-height:110%}.chart-wrapper{width:66.7%}.donut-list{display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:12px;padding:0 2rem 6rem;width:100%}.donut-list>li{font-style:normal;font-weight:500;letter-spacing:.02em;line-height:120%;position:relative}.bar{border-radius:16px;height:16px;margin-top:.25em}.bar-line{top:76%}@media screen and (min-width: 768px){.chart-wrapper{max-width:50%;width:424px}.donut-list{font-size:14px;justify-content:center;max-width:50%;padding:0 0 0 48px;width:569px}.bar{margin-top:12px}.bar-line{top:82%}}.page-section{align-items:center;display:flex;flex-direction:column;gap:var(--gap-xl);position:relative;width:100%;margin-bottom:5rem}section{display:grid;grid-template-columns:1fr 1fr;width:100%}section>div:last-child{display:flex;flex-direction:column;justify-content:center}section>div:last-child hr{margin-left:0;margin-right:0}@media screen and (max-width: 768px){section>div:last-child{padding-bottom:6rem}}@media screen and (max-width: 768px){section{display:flex;flex-direction:column}.page-section{display:contents}}#final-notes{max-width:520px}.cart-headline{grid-column:2/-1}.cart-total{justify-content:space-between;width:calc(100% - 32px);padding:24px 0 96px;border-top:1px solid #000}@media (max-width: 1365px){.cart-total{grid-row:-2;grid-column:-3/-1}}@media screen and (min-width: 1024px){#final-notes{grid-column:-3/-1}}@media screen and (min-width: 1366px){.cart-headline{justify-content:center}#final-notes{grid-column:2/-1;grid-row:2/5}.cart-total{width:unset;padding:24px 0 0;grid-column:-3/-1;grid-row:-3}.cart-buttons{position:static;grid-row:-2;grid-column:-3/-1}}*{box-sizing:border-box}body{font-family:var(--font-primary),Helvetica,sans-serif;margin:0}a{color:#222;text-decoration:none}ul,li{list-style:none;padding:0}input,button,textarea{color:#222;font-family:var(--font-primary)}.app{background-color:#fff;min-height:100vh;transition:background-color .6s}.main{align-items:center;display:flex;flex-direction:column;gap:var(--gap-medium);min-height:calc(100vh - 60px);position:relative;padding:0 var(--page-padding-mobile)}@media screen and (min-width: 768px){.main{gap:var(--gap-xl);padding:0 var(--page-padding-desktop) 64px}}@media screen and (min-width: 1366px){.main{gap:var(--gap-xl);min-height:calc(100vh - 161px)}}.btn{align-items:center;align-self:stretch;background:#000;border:0;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:3rem;justify-content:center;letter-spacing:.02em;line-height:120%;text-transform:uppercase;white-space:nowrap}@media screen and (min-width: 414px){.btn{font-size:14px;padding:.75rem 2.5rem}}.disabled{cursor:default;opacity:.25}.light{background-color:#fff;border:1px solid black;color:#000}.page-overlay{align-items:center;background:linear-gradient(180deg,#fff 37.5%,#fff0);display:flex;flex-direction:column;gap:24px;inset:0;padding:40px 16px 0;position:absolute;z-index:2}.page-overlay span{margin:0}.page-overlay a{color:#000;text-decoration:underline}.page-overlay .btn{align-self:auto;margin:0;width:50%}@media screen and (min-width: 768px){.page-overlay .btn{width:unset}}.page-overlay input{align-self:auto;font-size:20px;text-align:center;width:100%}@media screen and (min-width: 1366px){.page-overlay input{align-self:auto;width:687px}}.terms{z-index:2}.buttons-wrapper{display:flex;gap:8px;justify-content:center;width:100%}.buttons-wrapper button{width:67%}.buttons-wrapper button:nth-of-type(1){background-color:#fff;border:1px solid black;color:#000}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (min-width: 768px){.email-input,.buttons-wrapper{max-width:50vw}}.loader{animation:rotation 1s linear infinite;aspect-ratio:1;border:2px solid #000;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:64px;margin-top:1em;width:64px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#ff3217;font-size:12px;padding:0 48px;text-align:center}