.sample-request[hidden],[data-single-sample-choice][hidden],.sample-request-color-picker[hidden]{display:none!important}.variant-picker__tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.variant-picker__tools .color-compare{display:contents;margin:0}.variant-picker__tools .color-compare__actions{display:contents}.variant-picker__tools .color-compare__trigger{justify-content:center}@media(max-width:360px){.variant-picker__tools .color-compare__trigger{gap:4px;padding-inline:10px;font-size:13px}.variant-picker__tools .color-compare__trigger svg{width:14px;height:14px}}.sample-request{margin:0;grid-column:1 / -1}.sample-request__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;background:#2c2c2c;border:1px solid #2c2c2c;border-radius:8px;color:#fff;font-size:14px;font-weight:700;box-shadow:0 1px #0000002e;cursor:pointer;transition:all .2s;white-space:nowrap}.sample-request__btn:hover{background-color:#070707;border-color:#070707;color:#fff}.sample-request__btn:disabled{opacity:.5;cursor:not-allowed;color:#999;border-color:#ddd}.sample-request__btn.sample-request__btn--added{background-color:#e8f5e9;border-color:#66bb6a;color:#2e7d32}.sample-request__icon{font-size:15px}.sample-request__btn-top{display:inline-flex;align-items:center;gap:6px}.sample-request__selected{display:none}.sample-request__hint{margin:6px 0 0;color:#6f6258;font-size:12px;line-height:1.5;text-align:center}.sample-request__note{display:none}.sample-request__message{margin:4px 0 0;padding:6px 10px;border-radius:6px;font-size:12px;text-align:center}.sample-request__message--success{background-color:#e8f5e9;color:#2e7d32}.sample-request__message--error{background-color:#fce4ec;color:#c62828}.sample-request__message--info{background-color:#fff3e0;color:#e65100}.sample-request-modal[hidden]{display:none}.sample-request-modal{--sample-request-preview-offset: 0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal, 999) + 2);display:grid;place-items:center;padding:20px}.sample-request-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.sample-request-modal__dialog{position:relative;width:min(680px,calc(100vw - 40px));max-height:min(780px,calc(100vh - 40px));overflow-y:auto;padding:30px;border-radius:10px;background:#fff;box-shadow:0 18px 48px #00000038}.sample-request-modal__close{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #D1D1D1;border-radius:50%;background:#fff;color:#3f3a39;box-shadow:0 2px 8px #0000001f;font-size:24px;line-height:1;cursor:pointer}.sample-request-modal__title{margin:0 36px 12px 0;color:#3f3a39;font-size:20px;font-weight:700;line-height:1.4}.sample-request-modal__color{margin:0 0 16px;color:#3f3a39;font-size:14px;line-height:1.6}.sample-request-modal__color span{font-weight:700}.sample-request-modal__choices{display:grid;gap:12px;margin:0 0 18px}.sample-request-choice{display:grid;grid-template-columns:auto 80px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid #D1D1D1;border-radius:8px;cursor:pointer}.sample-request-choice:not(:has(.sample-request-choice__media)){grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.sample-request-choice:has(input:checked){border-color:#2c2c2c;box-shadow:0 0 0 1px #2c2c2c inset}.sample-request-choice:has(input:disabled){opacity:.45;cursor:not-allowed}.sample-request-choice input{margin-top:4px;accent-color:#2c2c2c}.sample-request-choice__media{display:block;width:80px;height:80px;overflow:hidden;border:1px solid #E5E1DD;border-radius:6px;background:#f8f5f2;flex-shrink:0}.sample-request-choice__image{display:block;width:100%;height:100%;object-fit:cover}.sample-request-choice__body{display:grid;gap:4px}.sample-request-choice__title{color:#3f3a39;font-size:15px;font-weight:700;line-height:1.5}.sample-request-choice__meta{color:#666;font-size:13px;line-height:1.5}.sample-request-choice__link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin-left:8px;padding:4px 10px;border:1px solid #D1D1D1;border-radius:999px;color:#3f3a39;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.sample-request-color-picker{padding:12px 14px 14px;border:1px solid #D1D1D1;border-radius:8px;background:#fff}.sample-request-color-picker__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sample-request-color-picker__title{color:#3f3a39;font-size:14px;font-weight:700;line-height:1.4}.sample-request-color-picker__count{color:#6f6258;font-size:12px;white-space:nowrap}.sample-request-color-picker__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.sample-request-color-option{min-width:0;min-height:42px;padding:7px 8px;border:1px solid #DCD6CF;border-radius:8px;background:#fff;color:#3f3a39;cursor:pointer;text-align:center}.sample-request-color-option.is-selected{border-color:#2c2c2c;background:#f5f5f5;box-shadow:0 0 0 1px #2c2c2c inset}.sample-request-color-option:disabled{opacity:.45;cursor:not-allowed;background:#f7f4f0}.sample-request-color-option__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.35}.sample-request-color-option__stock{display:block;margin-top:2px;color:#777;font-size:10px;line-height:1.2}.sample-request-modal__submit{display:block;width:100%;padding:13px 16px;border:none;border-radius:999px;background:#bf0000;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.sample-request-modal__submit:disabled{background:#ccc;cursor:not-allowed}.sample-request-modal__message{margin:0 0 12px;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5}.sample-request-modal__message--success{background:#e8f5e9;color:#2e7d32}.sample-request-modal__message--error{background:#fce4ec;color:#c62828}.sample-request-modal__message--info{background:#fff3e0;color:#e65100}html.sample-request-modal-open .product-sticky-bar,html.sample-request-modal-open .mobile-atc-bar,html.sample-request-modal-open .scroll-top-btn{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media screen and (min-width:700px){.sample-request-modal__dialog{display:flex;flex-direction:column;overflow:hidden}.sample-request-modal__choices{flex:1 1 auto;min-height:0;max-height:min(440px,calc(100vh - 310px));overflow-y:auto;padding-right:4px}.sample-request-modal__submit{flex:0 0 auto;position:relative;bottom:auto;z-index:2;margin-top:0;box-shadow:0 -10px 18px #fffffff2}}@media screen and (max-width:699px){.sample-request-modal{align-items:end;padding:0 0 var(--sample-request-preview-offset)}.sample-request-modal__dialog{display:flex;flex-direction:column;width:100%;height:calc(100vh - 24px - var(--sample-request-preview-offset));max-height:calc(100vh - var(--sample-request-preview-offset));overflow:hidden;border-radius:16px 16px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom))}@supports (height: 100dvh){.sample-request-modal__dialog{height:calc(100dvh - 24px - var(--sample-request-preview-offset));max-height:calc(100dvh - var(--sample-request-preview-offset))}}.sample-request-modal__choices{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:12px;padding-right:2px}.sample-request-choice{grid-template-columns:auto 56px minmax(0,1fr);gap:10px;padding:13px 14px}.sample-request-choice__media{width:56px;height:56px}.sample-request-choice__title{font-size:14px}.sample-request-color-picker{padding:11px 12px 12px}.sample-request-color-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sample-request-color-option{min-height:40px;padding:7px 6px}.sample-request-modal__submit{flex:0 0 auto;position:relative;bottom:auto;z-index:2;margin-top:0;box-shadow:0 -8px 16px #fffffff5}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/maruishi-sample-request.css.map */