.MatchingPiecesModal-module-scss-module__9ak4iq__modal{background:var(--color-white);width:100%;max-width:1345px;height:100%;max-height:820px;padding:70px 30px}@media screen and (min-width:1551px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal{padding:75px 45px}}@media screen and (max-width:768px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal{padding:60px 15px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal::-webkit-scrollbar{background:#f2f2f2;border-top-right-radius:8px;border-bottom-right-radius:8px;width:7px;overflow:hidden}.MatchingPiecesModal-module-scss-module__9ak4iq__modal::-webkit-scrollbar-thumb{background:var(--color-black-coral)}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header{text-align:center;margin-bottom:50px}@media screen and (min-width:1551px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header{margin-bottom:70px}}@media screen and (max-width:768px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header{margin-bottom:40px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header h2{margin-bottom:10px;font-size:36px;line-height:normal}@media screen and (min-width:1551px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header h2{font-size:38px}}@media screen and (max-width:768px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header h2{margin-bottom:5px;font-size:calc(24.5px + .390625vw)}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header p{letter-spacing:1.7px;font-weight:500}@media screen and (min-width:1200px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header p{font-size:17px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button{border:2px solid var(--color-primary);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:0;display:flex;position:absolute;top:43px;right:48px}@media screen and (min-width:1600px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button{width:46px;height:46px}}@media screen and (min-width:992px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button{margin-left:auto}}@media screen and (max-width:576px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button{width:32px;height:32px;top:15px;right:15px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button:after{content:"";background:url(../media/close-icon-black.1fdfe038.svg) 50%/100% 100% no-repeat;width:12px;height:12px;display:block}@media screen and (min-width:1251px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button:after{width:15px;height:15px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button:hover{background:var(--color-primary)}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .modal-header button:hover:after{background:url(../media/close-icon-white.a0f4fa3d.svg) 50%/100% 100% no-repeat}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options{gap:16px}@media screen and (max-width:768px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options{gap:12px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button{border:1px solid #e4e4e4;flex-direction:column;gap:0;width:calc(33.3333% - 10.6667px);padding:18px}@media screen and (min-width:1551px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button{padding:22px}}@media screen and (max-width:768px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button{width:calc(50% - 8px)}}@media screen and (max-width:420px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button{width:100%}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button:hover:not(:disabled){border-color:var(--color-black-coral)}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button:hover:not(:disabled) .btn-secondary{background:var(--color-black-coral);color:var(--color-white)}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button:disabled .btn-secondary{background:var(--color-primary);color:var(--color-white);opacity:.9}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button .image{aspect-ratio:291/191;width:100%;max-width:291px;margin:0 auto 10px;display:block;position:relative}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button .attribute-name{font-size:18px;font-weight:700;font-family:var(--heading-font);text-align:center;margin-bottom:20px}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button .attribute-name span{font-weight:400;display:block}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button .btn-secondary{text-transform:uppercase;width:100%;margin-top:auto;padding:14px;display:block}@media screen and (min-width:992px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .options>button .btn-secondary{padding:15px;font-size:16px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .op-message{padding:18px;position:absolute;top:0;left:0}@media screen and (max-width:991px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .op-message{padding:10px 15px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modal .op-message .message{color:#d80027;font-weight:500}@media screen and (max-width:768px){.MatchingPiecesModal-module-scss-module__9ak4iq__modal .op-message .message{font-size:13px}}.MatchingPiecesModal-module-scss-module__9ak4iq__modalOverlay{cursor:pointer;background:#1e1e1e80;width:100%;height:100%}
