.cm-variant-dropdown{display:flex;align-items:center;gap:8px;position:relative}.cm-variant-dropdown__label{font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400;color:#fff;white-space:nowrap;flex-shrink:0;line-height:1.5}.cm-variant-dropdown__details{position:relative}.cm-variant-dropdown__summary{display:flex;align-items:center;gap:8px;height:44px;width:288px;padding:12px 8px;border:1px solid #222;border-radius:3px;background-color:#fff;color:#222;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400;line-height:1.5;cursor:pointer;position:relative;list-style:none;-webkit-user-select:none;user-select:none}.cm-variant-dropdown__summary::-webkit-details-marker{display:none}.cm-variant-dropdown__summary::marker{display:none;content:""}.cm-variant-dropdown__summary:focus-visible{outline:2px solid #999;outline-offset:2px}.cm-variant-dropdown__summary-image{width:36px;height:36px;border:1px solid #d2d2d2;border-radius:3px;object-fit:cover;flex-shrink:0}.cm-variant-dropdown__summary-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;color:#222;font-size:14px;display:-webkit-box;height:21px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:226px}@media not (min-width:750px){.cm-variant-dropdown__summary-text{max-width:90px}}.cm-variant-dropdown__chevron{position:absolute;right:11px;top:11px;width:10px;height:20px;transition:transform .2s ease;flex-shrink:0;color:#222}.cm-variant-dropdown__details[open] .cm-variant-dropdown__chevron{transform:rotate(180deg)}.cm-variant-dropdown__list{position:absolute;bottom:calc(100% + 4px);left:0;min-width:100%;max-width:360px;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #d2d2d2;border-radius:12px;box-shadow:0 -4px 16px #0000001f;list-style:none;margin:0;padding:8px 0;z-index:200}.cm-variant-dropdown__item{display:flex;align-items:center;gap:4px;padding:8px;cursor:pointer;color:#222;font-family:Noto Sans JP,sans-serif;font-size:12px;line-height:1.4;transition:background-color .15s ease}.cm-variant-dropdown__item:hover{background-color:#f5f5f5}.cm-variant-dropdown__item:focus-visible{background-color:#f0f0f0;outline:none}.cm-variant-dropdown__item--selected{font-weight:600}.cm-variant-dropdown__item--soldout{opacity:.6}.cm-variant-dropdown__check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#333}.cm-variant-dropdown__check--hidden{visibility:hidden}.cm-variant-dropdown__image-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d2d2d2;border-radius:3px;overflow:hidden;flex-shrink:0;background-color:#f0f0f0}.cm-variant-dropdown__image{width:100%;height:100%;object-fit:cover}.cm-variant-dropdown__value-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cm-variant-dropdown__soldout-badge{font-family:Noto Sans JP,sans-serif;font-size:10px;color:#222;letter-spacing:0;flex-shrink:0;margin-left:auto;white-space:nowrap;line-height:1.6}.cm-variant-dropdown__list::-webkit-scrollbar{width:4px}.cm-variant-dropdown__list::-webkit-scrollbar-track{background:transparent}.cm-variant-dropdown__list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}@media screen and (max-width:749px){.cm-variant-dropdown__label{font-size:12px}.cm-variant-dropdown__summary{height:36px;font-size:12px;width:auto;min-width:100px;padding:0 28px 0 8px}.cm-variant-dropdown__summary-image{width:24px;height:24px}.cm-variant-dropdown__list{max-width:280px;max-height:250px}.cm-variant-dropdown__item{font-size:11px;padding:6px 8px}.cm-variant-dropdown__image-wrapper{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-variant-dropdown.css.map */