.noshi-select-button{width:100%;padding:1.5rem 1.75rem;background:#fff;border:1px solid #e5e5e5;border-radius:10px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,transform .15s ease;box-shadow:0 1px 2px #0000000a}.noshi-select-button:hover{border-color:#0d0d38;background:#fafafb;box-shadow:0 4px 14px #0d0d3814}.noshi-select-button:active{transform:translateY(1px)}.noshi-select-button:focus-visible{outline:2px solid #0d0d38;outline-offset:2px}.noshi-select-button>span:last-child{color:#999;font-size:1.2rem;transition:transform .2s ease,color .2s ease}.noshi-select-button:hover>span:last-child{color:#0d0d38;transform:translateY(2px)}.selected-noshi-text{font-size:1.5rem;color:#333;font-weight:500;line-height:1.4}.noshi-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.noshi-modal.visible{display:block;opacity:1;visibility:visible}.noshi-modal-content{--noshi-modal-pad-x: 3.2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-48%) scale(.96);width:95%;max-width:1000px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 30px 80px #00000040,0 8px 24px #0000001f;display:flex;flex-direction:column;padding:2.4rem 0 1.6rem;opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.2),opacity .25s ease;overflow:hidden}.noshi-modal.visible .noshi-modal-content{transform:translate(-50%,-50%) scale(1);opacity:1}.noshi-modal-content>h2{margin:0 var(--noshi-modal-pad-x) 1.4rem;font-size:2rem;font-weight:600;color:#0d0d38;letter-spacing:.02em;padding-right:3rem}.noshi-modal-content>h2:after{content:"";display:block;width:36px;height:3px;margin-top:.8rem;background:linear-gradient(90deg,#0d0d38,#5a5a8c);border-radius:2px}.close-modal{position:absolute;top:1.2rem;right:1.2rem;width:36px;height:36px;background:#f3f3f6;border:none;border-radius:50%;font-size:1.8rem;cursor:pointer;color:#555;padding:0;line-height:1;z-index:2;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,transform .2s ease}.close-modal:hover{background:#0d0d38;color:#fff;transform:rotate(90deg)}.close-modal:focus-visible{outline:2px solid #0d0d38;outline-offset:2px}.noshi-modal-body{flex:1;overflow:auto;padding:0;overscroll-behavior:contain}.noshi-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:var(--noshi-modal-pad-x);gap:20px;padding:1.2rem var(--noshi-modal-pad-x) 2rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c4c4d1 transparent}.noshi-grid:after{content:"";flex:0 0 1px;align-self:stretch}.noshi-grid::-webkit-scrollbar{height:8px}.noshi-grid::-webkit-scrollbar-track{background:transparent;margin:0 var(--noshi-modal-pad-x)}.noshi-grid::-webkit-scrollbar-thumb{background:#d4d4dc;border-radius:4px;transition:background-color .2s ease}.noshi-grid::-webkit-scrollbar-thumb:hover{background:#0d0d38}.noshi-card--simple{flex:0 0 240px;width:240px;height:380px;scroll-snap-align:start;border:1px solid #ececf0;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease;padding:0;display:flex;flex-direction:column;position:relative;box-shadow:0 1px 3px #0000000a}.noshi-card--simple:hover{transform:translateY(-4px);border-color:#0d0d38;box-shadow:0 12px 28px #0d0d3826}.noshi-card--simple:focus-visible{outline:none;border-color:#0d0d38;box-shadow:0 0 0 3px #0d0d3840}.noshi-card--simple.selected{border-color:#0d0d38;background-color:#f5f5fb;box-shadow:0 8px 22px #0d0d382e}.noshi-card--simple.selected:after{content:"\2713";position:absolute;top:10px;right:10px;width:28px;height:28px;background:#0d0d38;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;box-shadow:0 4px 10px #0d0d384d;animation:noshi-check-pop .25s ease}@keyframes noshi-check-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.noshi-image-container{position:relative;width:100%;padding-bottom:120%;background-color:#f8f8fa;flex:1;overflow:hidden}.noshi-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .4s ease}.noshi-image.loaded{opacity:1}.noshi-card--simple:hover .noshi-image.loaded{transform:scale(1.04)}.noshi-info{padding:12px 8px 14px;text-align:center;background:#fff}.noshi-name{font-size:1.4rem;margin:0;color:#333;padding:6px 0;font-weight:500;letter-spacing:.02em}.noshi-card--simple:first-child{flex:0 0 150px;width:150px;background:linear-gradient(160deg,#fafafd,#eeeef6)}.noshi-card--simple:first-child .noshi-info{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent}.noshi-card--simple:first-child .noshi-info:before{content:"";width:46px;height:46px;border-radius:50%;border:1.5px solid #bcbcd0;background:linear-gradient(135deg,transparent 46%,#bcbcd0 46%,#bcbcd0 54%,transparent 54%);transition:border-color .25s ease,background .25s ease}.noshi-card--simple:first-child:hover .noshi-info:before,.noshi-card--simple:first-child.selected .noshi-info:before{border-color:#0d0d38;background:linear-gradient(135deg,transparent 46%,#0d0d38 46%,#0d0d38 54%,transparent 54%)}.noshi-card--simple:first-child .noshi-name{font-size:1.5rem;font-weight:600;color:#0d0d38;letter-spacing:.05em}.noshi-card--simple[data-value^=\305d\306e\4ed6]{background:linear-gradient(160deg,#fdfcf7,#f4efe1)}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-image-container{background:transparent;display:flex;align-items:center;justify-content:center;padding-bottom:0;height:60%;flex:0 0 60%}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-image{display:none}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-image-container:before{content:"";position:absolute;top:50%;left:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:14px;background:#fff;box-shadow:0 6px 18px #785f1e2e;background-image:linear-gradient(#dcd2b0,#dcd2b0),linear-gradient(#dcd2b0,#dcd2b0),linear-gradient(#dcd2b0,#dcd2b0);background-repeat:no-repeat;background-size:56px 2px,56px 2px,36px 2px;background-position:20px 32px,20px 50px,20px 68px}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-image-container:after{content:"\270e";position:absolute;top:calc(50% + 22px);left:calc(50% + 22px);width:30px;height:30px;background:#0d0d38;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 10px #0d0d384d}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-info{background:transparent;padding:0 12px 18px;flex:0 0 auto}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-name{font-size:1.3rem;color:#5a4a1e;line-height:1.5;font-weight:500}@media screen and (max-width:480px){.noshi-modal-content{--noshi-modal-pad-x: 2rem;width:94%;max-height:88vh;border-radius:14px;padding:2rem 0 1.2rem}.noshi-modal-content>h2{margin:0 var(--noshi-modal-pad-x) 1rem;font-size:1.8rem}.noshi-card--simple{flex:0 0 180px;width:180px;height:300px}.noshi-card--simple:first-child{flex:0 0 130px;width:130px}.noshi-card--simple:first-child .noshi-name{font-size:1.4rem}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-image-container:before{width:80px;height:80px;background-size:46px 2px,46px 2px,30px 2px;background-position:17px 26px,17px 42px,17px 58px}.noshi-card--simple[data-value^=\305d\306e\4ed6] .noshi-image-container:after{top:calc(50% + 18px);left:calc(50% + 18px);width:26px;height:26px;font-size:1.2rem}.noshi-grid{gap:15px;padding:1rem var(--noshi-modal-pad-x) 1.6rem}.close-modal{top:.9rem;right:.9rem;width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.noshi-modal,.noshi-modal-content,.noshi-card--simple,.noshi-image,.close-modal,.noshi-select-button{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/cart-noshi-modal.css.map */