@layer components{.storefront-category-menu{z-index:50;top:100%;width:100%;min-height:min(32.5rem, calc(100vh - var(--storefront-header-height) - .5rem));pointer-events:none;color:var(--storefront-text);padding-top:1rem;font-size:.875rem;line-height:1.5;position:absolute;inset-inline:0}.storefront-category-menu .category-banner-wrapper{width:100%;margin:0;display:block;position:static}.storefront-category-menu .platform-category-directory{width:100%;position:static}.storefront-category-menu .platform-category-trigger[hidden]{display:none}.storefront-category-menu .category-navigation-wrapper{width:100%;position:static}.storefront-category-menu .category-wrapper{width:15rem;height:min(31.5rem, calc(100vh - var(--storefront-header-height) - 1.5rem));overscroll-behavior:contain;border:1px solid var(--storefront-border);background:var(--storefront-surface);pointer-events:auto;grid-template-columns:15rem minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 .75rem 1.5rem #0000001a}.storefront-category-menu .category-wrapper:has(.category-panel){width:100%}.storefront-category-menu .category-menu,.storefront-category-menu .category-menu .n-scrollbar-container{scrollbar-width:thin;height:100%;min-height:0;overflow-y:auto}.storefront-category-menu .category-menu{background:var(--storefront-page);grid-column:1}.storefront-category-menu .category-menu .n-scrollbar-content{flex-direction:column;padding-block:.5rem;display:flex}.storefront-category-menu .menu-item{min-width:0;min-height:2.5rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.storefront-category-menu .menu-title{white-space:normal;overflow-wrap:anywhere;min-width:0;display:block;overflow:visible}.storefront-category-menu .menu-item .icon{color:var(--storefront-text-muted);flex:none}.storefront-category-menu .menu-item:hover,.storefront-category-menu .menu-item[aria-expanded=true]{border-left-color:var(--storefront-brand);background:var(--storefront-brand-soft);color:var(--storefront-brand-strong)}.storefront-category-menu .category-panel{border-left:1px solid var(--storefront-border);background:var(--storefront-surface);grid-column:2;width:100%;min-width:0;min-height:0;position:static}.storefront-category-menu .category-panel-scroll-container,.storefront-category-menu .category-panel-scrollbar{width:100%;height:100%;max-height:none!important}.storefront-category-menu .category-panel .n-scrollbar-container{scrollbar-width:thin;height:100%;max-height:none;overflow-y:auto}.storefront-category-menu .panel-content{gap:1.5rem;min-height:4rem;padding:1.5rem;display:grid}.storefront-category-menu .category-section{min-width:0}.storefront-category-menu .section-title{border-bottom:1px solid var(--storefront-border);color:var(--storefront-text);margin:0 0 .625rem;padding-bottom:.625rem;font-size:.875rem;font-weight:600;line-height:1.5}.storefront-category-menu .category-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem 1rem;display:grid}.storefront-category-menu .category-item--secondary{min-width:0;min-height:2rem;color:var(--storefront-text-muted);align-items:center;padding-block:.375rem;text-decoration:none;display:flex}.storefront-category-menu .category-item--secondary .item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;line-height:1.5;display:block;overflow:hidden}.storefront-category-menu a.category-item--secondary:hover{color:var(--storefront-brand-strong)}.storefront-category-menu .category-root-state{justify-content:center;align-items:center;gap:.75rem;min-height:4rem;padding:1rem;display:flex}.storefront-category-menu .category-wrapper:has(.category-root-state){height:auto}.storefront-category-menu :is(.category-root-state,.panel-content) button{cursor:pointer}.storefront-category-menu :is(.category-root-state,.panel-content)>[role=alert] button,.storefront-category-menu .category-root-state>button{color:var(--storefront-brand-strong);margin-left:.5rem;text-decoration:underline}.storefront-category-menu .category-seo-links,.storefront-category-menu .n-scrollbar-rail{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.storefront-category-menu :is(a,button,summary):focus-visible{outline:2px solid var(--storefront-brand-strong);outline-offset:.125rem}}@layer base{[data-storefront-messages],[data-storefront-messages] *{all:revert-layer}}@font-face{font-family:jpfans-message-font;src:local(Noto Sans SC Regular),local(Source Han Sans SC Regular),url(https://static.jpfinds.com/web-assets/assets/cart-reference/NotoSansSC-UI-Base.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0-2E7F}@font-face{font-family:jpfans-message-font;src:local(Noto Sans SC Regular),local(Source Han Sans SC Regular),url(https://static.jpfinds.com/web-assets/assets/cart-reference/NotoSansSC-UI-EastAsian.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+3040-30FF,U+3100-312F,U+31A0-31BF,U+31F?,U+3400-4DBF,U+4E00-9FFF,U+AC00-D7AF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}@font-face{font-family:jpfans-message-font;src:local(Noto Sans SC Bold),local(Source Han Sans SC Bold),local(PingFang SC Semibold);font-weight:700;font-style:normal;font-display:swap}@scope(.n-message-container[data-storefront-messages]){:scope{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:v-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:1.6}:scope input{font-family:inherit;font-size:inherit}a,:scope,br,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,img,input,li,ol,p,table,td,textarea,th,tr,ul{box-sizing:border-box;margin:0;padding:0;font-family:jpfans-message-font,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-style:normal}.n-base-icon{text-align:center;fill:currentColor;width:1em;height:1em;line-height:1em;display:inline-block;position:relative}.n-base-icon svg{width:1em;height:1em}.n-message-wrapper{margin:var(--n-margin);z-index:0;transform-origin:top;display:flex}.n-message-wrapper *{scrollbar-width:inherit}.n-message-wrapper.fade-in-height-expand-transition-leave-from,.n-message-wrapper.fade-in-height-expand-transition-enter-to{opacity:1;transform:scale(1)}.n-message-wrapper.fade-in-height-expand-transition-leave-to,.n-message-wrapper.fade-in-height-expand-transition-enter-from{opacity:0;transform:scale(.85);margin-top:0!important;margin-bottom:0!important}.n-message-wrapper.fade-in-height-expand-transition-leave-active{transition:max-height .3s cubic-bezier(.4, 0, .2, 1) 0s, opacity .3s cubic-bezier(0, 0, .2, 1) 0s, margin-top .3s cubic-bezier(.4, 0, .2, 1) 0s, margin-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s, padding-top .3s cubic-bezier(.4, 0, .2, 1) 0s, padding-bottom .3s cubic-bezier(.4, 0, .2, 1) 0s ,transform .3s var(--n-bezier);overflow:visible}.n-message-wrapper.fade-in-height-expand-transition-enter-active{transition:max-height .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, 1, 1), margin-top .3s cubic-bezier(.4, 0, .2, 1), margin-bottom .3s cubic-bezier(.4, 0, .2, 1), padding-top .3s cubic-bezier(.4, 0, .2, 1), padding-bottom .3s cubic-bezier(.4, 0, .2, 1) ,transform .3s var(--n-bezier);overflow:visible}.n-message{box-sizing:border-box;transition:color .3s var(--n-bezier), box-shadow .3s var(--n-bezier), background-color .3s var(--n-bezier), opacity .3s var(--n-bezier), transform .3s var(--n-bezier), margin-bottom .3s var(--n-bezier);padding:var(--n-padding);border-radius:var(--n-border-radius);border:var(--n-border);max-width:var(--n-max-width);color:var(--n-text-color);background-color:var(--n-color);box-shadow:var(--n-box-shadow);flex-wrap:nowrap;align-items:center;display:flex;overflow:hidden}.n-message .n-message__content{line-height:var(--n-line-height);font-size:var(--n-font-size);display:inline-block}.n-message .n-message__icon{margin:var(--n-icon-margin);height:var(--n-icon-size);width:var(--n-icon-size);font-size:var(--n-icon-size);flex-shrink:0;position:relative}.n-message .n-message__icon.n-message__icon--default-type>*{color:var(--n-icon-color-default);transition:color .3s var(--n-bezier)}.n-message .n-message__icon.n-message__icon--info-type>*{color:var(--n-icon-color-info);transition:color .3s var(--n-bezier)}.n-message .n-message__icon.n-message__icon--success-type>*{color:var(--n-icon-color-success);transition:color .3s var(--n-bezier)}.n-message .n-message__icon.n-message__icon--warning-type>*{color:var(--n-icon-color-warning);transition:color .3s var(--n-bezier)}.n-message .n-message__icon.n-message__icon--error-type>*{color:var(--n-icon-color-error);transition:color .3s var(--n-bezier)}.n-message .n-message__icon.n-message__icon--loading-type>*{color:var(--n-icon-color-loading);transition:color .3s var(--n-bezier)}.n-message .n-message__icon>*{position:absolute;inset:0}.n-message .n-message__icon>.icon-switch-transition-enter-from,.n-message .n-message__icon>.icon-switch-transition-leave-to{opacity:0;top:0;left:0;transform:scale(.75)}.n-message .n-message__icon>.icon-switch-transition-enter-to,.n-message .n-message__icon>.icon-switch-transition-leave-from{opacity:1;top:0;left:0;transform:scale(1)}.n-message .n-message__icon>.icon-switch-transition-enter-active,.n-message .n-message__icon>.icon-switch-transition-leave-active{transform-origin:50%;position:absolute;top:0;left:0;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.n-message .n-message__close{margin:var(--n-close-margin);transition:background-color .3s var(--n-bezier), color .3s var(--n-bezier);flex-shrink:0}.n-message .n-message__close:hover{color:var(--n-close-icon-color-hover)}.n-message .n-message__close:active{color:var(--n-close-icon-color-pressed)}:scope.n-message-container{z-index:6000;flex-direction:column;align-items:center;height:0;display:flex;position:fixed;overflow:visible}:scope.n-message-container.n-message-container--top{top:12px;left:0;right:0}:scope.n-message-container.n-message-container--top-left{align-items:flex-start;top:12px;left:12px;right:0}:scope.n-message-container.n-message-container--top-right{align-items:flex-end;top:12px;left:0;right:12px}:scope.n-message-container.n-message-container--bottom{justify-content:flex-end;bottom:4px;left:0;right:0}:scope.n-message-container.n-message-container--bottom-left{justify-content:flex-end;align-items:flex-start;bottom:4px;left:12px;right:0}:scope.n-message-container.n-message-container--bottom-right{justify-content:flex-end;align-items:flex-end;bottom:4px;left:0;right:12px}}