#bottom{width:min(1500px,96vw);min-width:min(1500px,96vw);max-width:min(1500px,96vw);height:350px;min-height:325px;background:#ffffff26;border:outset 20px rgb(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 750px){#bottom{min-width:100vw;max-width:100vw;border-width:12px}}.waves-viewport{height:100%;width:100%;overflow:hidden;position:relative}.single-wave{position:absolute;height:350px;width:100%;overflow:hidden}.single-wave img{position:absolute;left:0;filter:drop-shadow(0px -4px 5px rgba(0,0,0,.5))}@media screen and (min-width: 551px){.single-wave img{top:-45px}}@media screen and (max-width: 550px){.single-wave img{bottom:0}}#boat-img{position:absolute;left:30px;top:-15px;height:480px}@media screen and (max-width: 550px){.single-wave img{transform-origin:bottom;bottom:22px}#boat-img{left:-20px;top:0;height:380px}}.floating-item{position:absolute;width:100px;bottom:6px}.firework{position:absolute;top:100px;left:250px;width:0;height:0;pointer-events:none;z-index:10}.flash{position:absolute;top:0;left:0;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,255,0,.6),transparent);transform:translate(-50%,-50%) scale(0);animation:flash-burst .3s linear forwards;z-index:9}@keyframes flash-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(15);opacity:0}}.particle{--angle: 0deg;--distance: 0px;--color: white;position:absolute;top:0;left:0;width:4px;height:2px;border-radius:50%;border:0px;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scaleY(.5);opacity:1;animation:firework-burst 1.5s ease-out forwards}@keyframes firework-burst{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scaleX(.5);opacity:1;background-color:#fff;width:4px}60%{background-color:var(--color);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--distance))) scaleX(1);opacity:0;background-color:var(--color);width:25px}}#top-banner{width:min(1500px,96vw);min-width:min(1500px,max(96vw,330px));max-width:min(1500px,96vw);height:max(70px,calc(20vh - 475px));margin-top:var(--main-section-margins);margin-bottom:var(--main-section-margins);position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#d4fafa}@media screen and (max-width: 749px){#top-banner{margin-top:0;margin-bottom:3px;min-width:100vw}}#top-banner #announcement{background:#31424d;color:#d4fafa;box-shadow:0 5px 3px #0000004d;width:100%;font-size:12px;min-height:25px;border-bottom:outset 1px rgba(0,0,0,.5);border-right:outset 1px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}#top-banner nav{flex:1;width:100%;padding-left:10px;padding-right:10px;display:flex;align-items:center;justify-content:center}#top-banner nav div{box-sizing:border-box;min-width:33%;max-width:33%;display:flex}#top-banner #categories{gap:10px;padding-left:10px;transition:all 0s}#top-banner #categories-small,#top-banner #categories-menu.minimized,#top-banner hr,#top-banner .menu-top{display:none}#top-banner #categories-small #pancake{flex-direction:column;align-items:center;gap:2px;height:24px;cursor:pointer;min-width:0px}#top-banner #categories-small #pancake hr{display:block;background-color:#f4f4f4;border:solid 1px rgba(0,0,0,.5);width:30px;height:3px;margin:0;box-shadow:5px 5px 5px #00000080;transition:all .3s}#top-banner #categories-small #pancake:hover hr{box-shadow:3px 3px 3px #00000080;background-color:#f4d35e}#top-banner #categories-small #pancake:active hr{box-shadow:1px 1px 1px #00000080}#top-banner .menu-top .title,#top-banner #icon-and-title{text-shadow:-1px -1px 0px rgba(255,255,255,.8),5px 5px 2px rgba(0,0,0,.2);font-family:NorseBold}@media screen and (max-width: 749px){#top-banner #categories{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;background-color:#dcf4fc;border:inset black 2px;z-index:100;padding:10px;font-size:33px;transform-origin:top left;opacity:0;pointer-events:none;top:30px;left:40px;box-shadow:#00000080 0 0;transform:scale(.1);transition:all .2s ease-in}#top-banner #categories.expanded{opacity:1;pointer-events:auto;top:45px;left:5px;min-width:300px;transform:scale(1);box-shadow:#00000080 15px 15px 15px;transition:all .2s ease-out}#top-banner #categories hr{display:block!important}#top-banner #categories .menu-top{display:flex;justify-content:center;font-size:20px;min-width:100%;position:relative}#top-banner .x-btn{font-size:20px}#top-banner .menu-top .title{font-size:25px;font-family:NorseBold}#top-banner .menu-top .x-btn{position:absolute;right:0}#top-banner #categories a{display:flex;padding:0 10px}#top-banner #categories hr{display:block;margin:0 10px;width:100%}#top-banner #categories.expanded hr.thicker{width:150px;border:1px solid black;margin:0}#top-banner #categories-small{display:block;padding-left:15px}}#top-banner #categories a{color:#06446d;background:#f5f5f5;transition:all .5s;border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:10px 9px 8px -6px #00000080;border:solid 2px #41403e;padding:0 2px}#top-banner #categories a:hover,#top-banner #categories .active-link{background:#f4d35e;box-shadow:1px 3px 8px -6px #00000080}#top-banner #icon-and-title{justify-content:center;font-size:30px}#top-banner #cart{justify-content:flex-end;align-items:center;padding-right:20px;gap:3px}#top-banner #boat-cart{height:40px;width:40px;min-width:0px;cursor:pointer;background-image:var(--boat);background-size:contain;background-repeat:no-repeat}#top-banner #boat-cart:hover{background-image:var(--boat-hover)}#top-banner #boat-cart:active{background-image:var(--boat-active)}#top-banner #count-cart{border-radius:20px;display:flex;justify-content:center;align-items:center;height:25px;width:25px;cursor:pointer;font-family:NorseBold;font-size:20px;background:#f7f7f7;box-shadow:4px 4px 4px #00000080;transition:all .2s}#top-banner #count-cart:hover{box-shadow:2px 2px 2px #00000080;background:#f4d35e;transition:all .4s}#top-banner #count-cart:active{box-shadow:1px 1px 1px #00000080}#sc-backscreen{position:fixed;top:0;left:0;min-width:100vw;min-height:100vh;z-index:100;background-color:#0009}#top-banner #side-cart{position:absolute;right:5px;top:5px;border-radius:5px;border:1px solid black;background-color:#dcf4fc;height:570px;width:400px;z-index:101;overflow-y:hidden}#dragonhead{position:absolute;width:100%;opacity:10%;pointer-events:none;z-index:-1}#sc-titlebar{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;margin-bottom:0;font-size:20px;background-color:#dcf4fc;height:30px}#sc-titlebar #sc-title{text-shadow:-1px -1px 0px rgba(255,255,255,.8),5px 5px 2px rgba(0,0,0,.2);font-family:NorseBold;font-size:25px}#side-cart hr{display:block;margin:0;border-color:#b4510085}#side-cart #sc-items{max-height:calc(100% - 140px);min-height:calc(100% - 140px);overflow-y:auto}#side-cart #sc-items .sc-item{position:relative;display:flex;width:100%;overflow-x:hidden}#side-cart #sc-items .sc-item:not(:last-child){border-bottom:2px solid rgba(180,81,0,.521)}#side-cart #sc-items .sc-item img{width:100px;cursor:pointer}#side-cart #sc-items .info{font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;padding:15px 0;margin-left:10px}#side-cart #sc-items .sc-label{margin:0;max-height:20px}#side-cart #sc-items .sc-quantity{font-style:italic;font-size:12px;margin-top:-2px}#side-cart #sc-items .item-count-adjust{margin-top:auto}#side-cart #sc-items .remove-and-cost{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin-left:auto;padding:15px 10px}#side-cart #sc-items .remove-and-cost .delete{width:20px;opacity:.5;cursor:pointer}#side-cart #sc-items .remove-and-cost .delete:hover{opacity:.7}#side-cart #sc-items .remove-and-cost .cost{font-size:14px}#sc-total-checkout{height:100px;display:flex;flex-direction:column}#sc-total-checkout #sc-subtotal{display:flex;justify-content:space-between;padding:10px 20px}#sc-total-checkout button{width:80%;height:30px;align-self:center;margin-top:5px;color:#fff;background-color:#31424d;border:none}@font-face{font-family:Norse;src:url(/Norse.otf)}@font-face{font-family:NorseBold;src:url(/NorseBold.otf)}@font-face{font-family:Amatic;src:url(/Amatic.ttf)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-section-margins: min(4vh, max(10px, calc((100vh - 770px) / 3)))}.app{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}html{width:100%;overflow-x:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;max-width:100%;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(#0003,#0003),url(/background2.png);background-size:cover;background-position:center}h1{font-size:3.2em;line-height:1.1}.tl-shadow{box-shadow:0 8px 20px #00000080}.item-count-adjust{height:40px;border:1px solid black;display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.sc-item .info .item-count-adjust{height:16px;width:50px;padding:3px 5px}.item-count-adjust button{font-size:15px;background-color:transparent;border:none;width:15px}.item-count-adjust button:hover:not(:disabled){color:gray;cursor:pointer}.x-btn{border-radius:50px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f8f8f8;color:#722020;box-shadow:4px 4px 4px #00000080;transition:all .2s}.x-btn:hover{background:#e6e6e6;color:#832525;box-shadow:2px 2px 2px #00000080;transition:all .4s}.x-btn:active{background:#cac9c9;color:#6d1f1f;box-shadow:1px 1px 1px #00000080}#middle{width:min(1500px,96vw);min-width:min(1500px,96vw);max-width:min(1500px,96vw);height:calc(78vh - 350px);min-height:350px;margin-bottom:var(--main-section-margins);position:relative;display:flex;overflow:hidden}@media screen and (max-width: 749px){#middle{min-width:100vw;min-height:320px;margin-bottom:2px}#middle #item-display #right-info-and-pic{min-height:210px!important}}#middle .panel{border:solid 1px black;flex:1;min-height:350px}#middle #default-bg,#middle #error-bg{position:absolute;width:1500px;height:810px;z-index:0}#middle .panel.default{display:flex;justify-content:center;align-items:center;background-color:#ffffffe6!important;position:relative}#middle.has-error .panel{background-color:#fff3!important}#middle .panel.default img{height:95%;width:auto;filter:drop-shadow(8px 12px 8px rgba(0,0,0,.5))}#middle.has-error .panel.default img{display:none}@media screen and (max-width: 750px){#middle #default-bg{left:-450px}#middle #item-display.default{display:none}}#middle .tea-shelf{background-color:#fff;z-index:1;padding:5px;overflow-x:hidden;max-width:50%}#middle .tea-shelf .teas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px}#middle .tea-shelf .title-bar{display:none;position:relative}#middle .tea-shelf .title-bar .x-btn{border-radius:0;position:absolute;right:0;box-sizing:border-box;box-shadow:none}#middle .tea-shelf a{color:#000}#middle .error{position:relative}#middle .default .description,#middle .error .description{position:absolute;top:25px;right:12px;font-size:40px;font-family:Garamond;color:#fff;text-shadow:#ffcc00 1px 0 10px;background-color:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:5px 15px;border-radius:10px;font-family:Amatic}#middle .error .description{color:#fff;text-shadow:#ff4800 1px 0 10px}#middle .tea-shelf .teas .tea-icon{display:flex;flex-direction:column;font-size:12px;justify-content:center;align-items:center;border:1px solid black;cursor:pointer;transition:box-shadow 0s}#middle .tea-shelf .tea-icon:hover{box-shadow:inset 0 4px 10px #0000004d;transition-duration:0s}#middle .tea-shelf .tea-icon:active{box-shadow:inset 0 4px 10px #0009;transition-duration:.1s}#middle .tea-shelf .tea-icon:not(:active){transition-duration:.3s}#middle .tea-shelf img{width:150px}#middle .tea-shelf .label{max-width:80%;text-align:center}#middle #item-display{display:flex;box-sizing:border-box;padding:5px;background-color:#fff;z-index:1;max-width:50%}@media screen and (max-width: 749px){#middle .tea-shelf{display:none}#middle .tea-shelf .title-bar{background:#31424d;color:#d4fafa;width:100%;font-size:20px;font-family:NorseBold;min-height:30px;max-height:30px;margin-bottom:2px;display:flex;align-items:center;justify-content:center}#middle .tea-shelf.expanded{display:flex;flex-direction:column;position:fixed;top:0;left:0;min-height:100dvh;height:100dvh;min-width:100vw;z-index:101;box-sizing:border-box;overscroll-behavior:contain}#middle .tea-shelf.expanded .teas{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(50vw - 30px),1fr))}#middle .tea-shelf.error,#middle .tea-shelf.default{max-width:100%;display:block}}@media screen and (max-width: 350px){#middle .tea-shelf.expanded .teas{grid-template-columns:repeat(auto-fit,100vw)}}#middle #item-right{display:flex;flex-direction:column;min-width:370px}@media screen and (max-width: 500px){#middle #item-right{min-width:0px}}#middle #item-display #right-info-and-pic{display:flex;max-height:270px;min-height:270px}#middle #item-display .fs-image-container{margin:auto;max-width:60%}#middle #item-display .ss-image-container{margin:auto;max-width:50%}#middle #item-display #full-size-img{width:100%}#middle #item-display #smaller-size-img{display:none}@media screen and (max-width: 1350px){#middle #item-display #full-size-img{display:none}#middle #item-display #smaller-size-img{display:block;width:100%}}#middle #item-display .title{padding-left:30px;margin-top:3%;font-size:clamp(18px,calc(2vw + 3px),30px);font-family:Garamond}#middle #item-display .adjectives{padding-left:40px;margin-bottom:10%;font-size:clamp(15px,calc(.6667vw + 10px),19px);font-family:Garamond;font-style:italic;letter-spacing:2px}#middle #item-display #right-description{padding-left:20px;padding-right:20px;margin-bottom:3%;font-size:clamp(11px,calc(-.3333vw + 15.5px),13px);font-family:Georgia}@media screen and (max-width: 749px){#middle #item-display{max-width:100%}#middle #item-display #full-size-img img{display:block}#middle #item-display .title{font-size:clamp(18px,calc(2.6667vw + 10px),30px)}#middle #item-display .adjectives{font-size:clamp(15px,calc(.8889vw + 12.3333px),19px)}#middle #item-display #right-description{font-size:clamp(11px,calc(.4444vw + 9.6667px),13px)}}#middle #item-display #right-cost-and-cart{display:flex;flex-direction:column;margin-top:auto}#middle #item-display #right-cost{display:flex;justify-content:flex-end;padding-left:7%;padding-right:20px;margin-top:auto;margin-bottom:10px;font-size:20px;font-family:Georgia}#middle #item-display #right-cart{display:flex;align-self:flex-end;padding-right:20px;gap:5px;margin-bottom:20px}#middle #item-display #right-cart .add-to-cart{font-size:15px;background-color:#ffde25;color:#0b0049;border:none;width:250px;cursor:pointer;transition:all .2s ease}@media screen and (max-width: 500px){#middle #item-display #right-cart .add-to-cart{width:200px}}#middle #item-display #right-cart .add-to-cart:hover{color:#2b2549;box-shadow:0 0 15px #ffde25cc}#middle #item-display #right-cart .add-to-cart:active{color:#2b2549;box-shadow:inset 0 0 15px #c9ac0bb3;transform:scale(.98);transition:all .1s}#middle #item-display #right-cart #right-quantity span{font-size:18px;text-align:center;background-color:transparent;border:none;width:35px}