*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul[class],ol[class]{list-style:none}:root{--color-primary: #ffcb77;--color-primary-dark: #ffae2b;--color-secondary: #17c3b2;--color-secondary-dark: #0f7f74;--color-accent: #227c9d;--color-accent-dark: #144a5e;--color-error: #cc0000;--color-background: #f7e9e9;--color-text-primary: #000000;--color-text-secondary: #ffffff;--color-shadow: rgba(0, 0, 0, .25);--font-size-small: clamp(10px, 2vw , 12px);--font-size-regular: clamp(16px, 2vw , 18px);--font-size-heading-regular: clamp(18px, 2vw , 20px);--font-size-heading-medium: clamp(20px, 4vw , 24px);--font-size-heading-large: clamp(24px, 4vw , 28px);--layout-padding-xsmall: .5em;--layout-padding-small: 1em;--layout-padding-medium: 2em;--layout-padding-large: 3em;--layout-padding-page-container: clamp(1.5em, 6.5vw , 8em)}html{color:var(--color-text-primary);font-size:var(--font-size-regular);font-family:Roboto,sans-serif}body{display:flex;background:var(--color-background);line-height:1.75em}a{--color-link-hover: var(--color-text-primary);color:inherit;text-decoration:none}a:hover:not(.button){box-shadow:0 .15em 0 0 var(--color-link-hover)}h1{font-size:var(--font-size-heading-large)}.button{--button-text-color: inherit;--button-main-color: inherit;--button-main-hover-color: inherit;--button-background-color: inherit;--button-background-color-start: inherit;--button-text-color-start: inherit;display:flex;align-items:center;border:2px solid;border-radius:10px;border-color:var(--button-main-color);background-color:var(--button-background-color);color:var(--button-text-color);cursor:pointer;padding:.5em;transition:background-color .2s ease-in-out,border-color .2s}.button:disabled{opacity:40%}.button:hover:not(.button-transitioning):not(:disabled){background-color:var(--button-main-hover-color);border-color:var(--button-main-hover-color)}.button.button-transitioning{color:var(--button-text-color-start);background-color:var(--button-background-color-start);background-image:radial-gradient(var(--button-main-color),var(--button-main-color));background-position:50% 50%;background-repeat:no-repeat;background-size:0 0;transition:background-size .2s ease-in-out,color .2s ease-in-out}.button.button-transitioning:hover:not(:disabled),.button.button-transitioning:focus:not(:disabled){background-size:100% 100%;color:var(--button-text-color)}.button-primary{--button-text-color: var(--color-text-secondary);--button-main-color: var(--color-primary);--button-main-hover-color: var(--color-primary-dark);--button-background-color: var(--color-primary);--button-text-color-start: var(--color-primary)}.button-secondary{--button-text-color: var(--color-text-secondary);--button-main-color: var(--color-secondary);--button-main-hover-color: var(--color-secondary-dark);--button-background-color: var(--color-secondary);--button-text-color-start: var(--color-secondary)}.button-accent{--button-text-color: var(--color-text-secondary);--button-main-color: var(--color-accent);--button-main-hover-color: var(--color-accent-dark);--button-background-color: var(--color-accent);--button-text-color-start: var(--color-accent)}@font-face{font-family:Indie;src:url(/fonts/IndieFlower-Regular.ttf) format("opentype")}@font-face{font-family:Henny;src:url(/fonts/HennyPenny-Regular.ttf) format("opentype")}body{display:flex;flex-direction:column}body.modal-open{overflow:hidden}header{background:var(--color-primary);padding:var(--layout-padding-small)}header h3{color:var(--color-text-secondary);font-family:Indie,serif}header ul{display:flex;flex-grow:1;gap:var(--layout-padding-medium)}header ul li a{color:var(--color-text-secondary)}header ul li a:hover{color:var(--color-accent)}section{margin-top:var(--layout-padding-medium);padding-left:var(--layout-padding-medium);padding-right:var(--layout-padding-medium)}.hero{display:flex;align-items:center;justify-content:center}.hero .package-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero .title-container{padding-bottom:var(--layout-padding-large)}.hero .title-container h1{font-size:clamp(30px,10vw,40px);font-family:Henny,serif;line-height:1.2em}.hero .text-replacements{margin-top:var(--layout-padding-xsmall);position:relative;height:clamp(25px,10vw,35px);font-size:clamp(25px,10vw,35px)}.hero .text-replacements div{position:absolute;opacity:0;text-align:left;font-family:Henny,serif;letter-spacing:5px;text-transform:uppercase;color:var(--color-accent)}.hero .text-replacements>div:nth-child(1){animation:roll 8s linear infinite 0s}.hero .text-replacements>div:nth-child(2){animation:roll 8s linear infinite 1s}.hero .text-replacements>div:nth-child(3){animation:roll 8s linear infinite 2s}.hero .text-replacements>div:nth-child(4){animation:roll 8s linear infinite 3s}.hero .text-replacements>div:nth-child(5){animation:roll 8s linear infinite 4s}.hero .text-replacements>div:nth-child(6){animation:roll 8s linear infinite 5s}.hero .text-replacements>div:nth-child(7){animation:roll 8s linear infinite 6s}.hero .image-container{position:relative}.hero .image-container img.package{max-width:clamp(200px,100vw,300px);cursor:pointer}.hero .image-container img.package:hover{animation:shake .75s;animation-iteration-count:infinite}.hero .image-container .click-me{position:absolute;top:50px;left:-65px;border-radius:30px;padding:5px;background:var(--color-secondary);color:var(--color-primary);transform:rotate(30deg)}@media only screen and (min-width: 780px){.hero .image-container .click-me{left:-85px}}.modal{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.modal.modal-hide{display:none}.modal .modal-overlay{position:absolute;width:100%;height:100%;background:#000;opacity:5%}.modal .modal-view{padding:var(--layout-padding-medium);background:#fff;z-index:100;border-radius:10px;display:flex;gap:var(--layout-padding-xsmall);flex-direction:column}.modal .modal-view .modal-content{display:flex;flex-direction:column;gap:var(--layout-padding-xsmall)}.modal .modal-view .modal-content .sale-container{display:flex}@media only screen and (max-width: 600px){.modal .modal-view .modal-content .sale-container{flex-direction:column;align-items:center}}.modal .modal-view .modal-content .sale-container .sold-out-image{position:relative}.modal .modal-view .modal-content .sale-container .sold-out-image img{filter:grayscale(100);height:200px;width:200px}.modal .modal-view .modal-content .sale-container .sold-out-image .sold-out{position:absolute;top:55px;background:var(--color-error);border-radius:10px;padding:5px;color:var(--color-text-secondary);opacity:90%}.modal .modal-view .modal-content .sale-container .usps{list-style:circle}.modal .modal-view .modal-content .disclaimer{font-weight:800;font-size:var(--font-size-small)}.modal .modal-view .modal-buttons{margin-top:var(--layout-padding-small);display:flex;justify-content:space-between}h1{color:var(--color-secondary)}footer{background:var(--color-primary);padding:var(--layout-padding-small);margin-top:var(--layout-padding-small)}footer p{font-size:var(--font-size-small);color:var(--color-accent)}.coaster{position:absolute;top:0;height:100px;width:100px;animation:drop 10.1s linear}@keyframes drop{0%{top:-100px}to{top:100%}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes roll{0%{font-size:0px;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(-25deg)}3%{opacity:1;transform:rotate(0)}5%{font-size:inherit;opacity:1;margin-left:0;margin-top:0}20%{font-size:inherit;opacity:1;margin-left:0;margin-top:0;transform:rotate(0)}27%{font-size:0px;opacity:.5;margin-left:20px;margin-top:100px}to{font-size:0px;opacity:0;margin-left:-30px;margin-top:0;transform:rotate(15deg)}}
