/* generated by tools/web-css.py from app.css: edit app.css, then regenerate */
#tc-shell{--bg:#000;--s1:#0d0d0e;--s2:#1c1c1e;--s3:#2c2c2e;--line:rgba(255,255,255,.09); --tx:#f5f5f7;--mute:#8e8e93;--tile:#f2f2f4;--pink:#ff6fa9;--sale:#30d158; --fd:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif; --f:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif; --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px); --sf:var(--f);--ss:var(--f);--card:var(--s2);--fg:var(--tx); background:var(--bg);color:var(--tx);font:400 15px/1.4 var(--f);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
#tc-shell *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#tc-shell a{color:inherit;text-decoration:none}#tc-shell button{font:inherit;color:inherit}#tc-shell img{display:block;max-width:100%}
#tc-shell div,#tc-shell section,#tc-shell h1,#tc-shell h2,#tc-shell h3,#tc-shell p,#tc-shell span,#tc-shell a,#tc-shell b,#tc-shell small,#tc-shell em,#tc-shell s,#tc-shell figure,#tc-shell i{color:inherit}
#tc-shell .top{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding-top:var(--sat);border-bottom:0;transition:background .25s}
#tc-shell .top.lined{border-bottom-color:transparent}
#tc-shell .top-in{max-width:1100px;margin:0 auto;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;position:relative}
#tc-shell .ic{all:unset;cursor:pointer;position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%}
#tc-shell .ic:active{background:var(--s2)}
#tc-shell .ic svg{width:23px;height:23px}
#tc-shell .logo{display:flex;align-items:center;justify-content:center;height:52px}
#tc-shell .logo span{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.35)}
#tc-shell .logo img{height:30px;width:auto}
#tc-shell .count{position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#fff;color:#000;font:700 10.5px/17px var(--f);text-align:center;display:none}
#tc-shell .count.on{display:block}
#tc-shell .tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(0,0,0,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);padding-bottom:var(--sab)}
#tc-shell .tabs-in{max-width:560px;margin:0 auto;display:flex;height:54px}
#tc-shell .tab{all:unset;cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--mute);font:500 10.5px var(--f);position:relative}
#tc-shell .tab svg{width:24px;height:24px}
#tc-shell .tab.on{color:#fff}
#tc-shell .tab .count{top:2px;right:calc(50% - 22px)}
#tc-shell .eyebrow{font:600 11.5px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
#tc-shell .sbox{display:flex;align-items:center;gap:10px;background:var(--s2);border-radius:12px;height:44px;padding:0 14px}
#tc-shell .sbox svg{width:18px;height:18px;flex-shrink:0}
#tc-shell .sbox input{all:unset;flex:1;font:400 16px var(--f);color:#fff}
#tc-shell .sbox input::placeholder{color:var(--mute)}
#tc-shell .dim{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s}
#tc-shell .dim.on{opacity:1;pointer-events:auto}
#tc-shell .drawer{position:fixed;top:0;bottom:0;left:0;z-index:70;width:min(86vw,380px);background:var(--s1);transform:translateX(-102%);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;padding-top:var(--sat)}
#tc-shell .drawer.on{transform:none}
#tc-shell .dr-hd{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px 0 20px;flex-shrink:0}
#tc-shell .dr-body{flex:1;overflow-y:auto;padding:4px 20px calc(24px + var(--sab))}
#tc-shell .dr-sec{margin-top:24px}
#tc-shell .dr-sec .eyebrow{display:block;margin-bottom:4px}
#tc-shell .dr-link{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font:500 16.5px var(--f)}
#tc-shell .dr-link i{width:42px;height:42px;border-radius:12px;background:var(--tile) center/cover no-repeat;flex-shrink:0}
#tc-shell .dr-link span{flex:1}
#tc-shell .dr-link svg{width:16px;height:16px;color:var(--mute)}
#tc-shell .dr-small{display:block;padding:11px 0;font:400 15.5px var(--f);color:#d1d1d6;border-bottom:1px solid var(--line)}
@keyframes sk{to{background-position:-200% 0}}
#tc-shell .top-r{display:flex;align-items:center}
@keyframes pkpop{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes bst{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(540deg)}}
@keyframes bmsg{0%{opacity:0;transform:translate(-50%,14px) scale(.9)}15%{opacity:1;transform:translate(-50%,0) scale(1.04)}25%{transform:translate(-50%,0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-8px)}}
@keyframes prpop{0%{transform:scale(.3) translateY(-20px);opacity:0}100%{transform:none;opacity:1}}
@keyframes prconf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),85vh) rotate(var(--r))}}
#tc-shell #welcome.on{opacity:1}
@keyframes wlzoom{from{transform:scale(1)}to{transform:scale(1.12)}}
#tc-shell #nt.on{transform:none}
@keyframes tkBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes tmPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(4.2);opacity:0}}
@keyframes tmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5%)}}
@keyframes tkSpin{to{transform:rotate(360deg)}}
@keyframes tkGrow{from{width:0}}
@keyframes tkLive{70%{box-shadow:0 0 0 8px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}
@keyframes tkSh{to{background-position:-200% 0}}
#tc-shell .dr-link{padding:14px 0;font:600 18px var(--f);letter-spacing:-.01em}
/* website shell */
#tc-shell{display:contents}
html.tc-shell-on .shopify-section-group-header-group{display:none!important}   /* the old theme header and announcement bar */
html.tc-shell-on body{background:#000}
#tc-shell .top{position:sticky;top:0;z-index:1000}
#tc-shell .top-in{position:relative}
#tc-shell .tcs-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block}
#tc-shell .dr-hd .tcs-logo{position:static;transform:none}
#tc-shell .tcs-logo img{height:34px;width:auto}
#tc-shell .ic{color:#fff;text-decoration:none}
#tc-shell .dim{z-index:1001}#tc-shell .drawer{z-index:1002}
#tc-shell .dr-link{padding:14px 0;font:600 18px var(--f);letter-spacing:-.01em;color:#fff;text-decoration:none}
#tc-shell .dr-small{text-decoration:none}
#tc-shell .sbox input{all:unset;flex:1;font:400 16px var(--f);color:#fff}
#tc-shell .tabs{z-index:999}
@media(max-width:899px){html.tc-shell-on body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}
@media(min-width:900px){#tc-shell .tabs{display:none}}
html.tc-shell-on #myBtn,html.tc-shell-on .yv-scroll-top{display:none!important}   /* old theme's scroll-to-top button */
shopify-chat::part(activator){display:none!important}   /* Inbox's floating "Need help?" bubble: chat opens from "Chat with us" */
/* keyboard users see where they are (mouse and touch taps show nothing) */
html.tc-shell-on :focus-visible{outline:2px solid #ff6fa9!important;outline-offset:2px!important}
/* skin-tone switch above cover grids */
.tcs-skin{display:flex;align-items:center;gap:12px;margin:14px 0 14px;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}
.tcs-skin>span{font:500 12.5px Inter,-apple-system,sans-serif;color:#8e8e93;margin-right:2px;text-transform:none;letter-spacing:0}
.tcs-skin .sk{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}
.tcs-skin .sk i{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #000,0 0 0 3px transparent;transition:box-shadow .2s}
.tcs-skin .sk.on i{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}
.tcs-skin .sk small{font:500 11px Inter,-apple-system,sans-serif;color:#8e8e93;text-transform:none;letter-spacing:0}
.tcs-skin .sk.on small{color:#fff}