.shade-guide-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;border:1px solid rgba(26,61,55,.15);border-radius:12px;margin-bottom:14px}.shade-guide-card img{width:68px;height:auto;flex-shrink:0}.shade-guide-card__text h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1a3d37}.shade-guide-card__text .shade-guide-modal__muted{display:block;font-size:13px;font-weight:600;color:#47635e;margin-bottom:6px}.shade-guide-card__text p{margin:0;font-size:14px;line-height:1.45;color:#1a3d37d9}.shade-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.shade-guide-modal.is-open{display:block}.shade-guide-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.shade-guide-modal__dialog{position:absolute;left:50%;transform:translate(-50%);background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;max-height:calc(100vh - 80px);overflow:auto;outline:none}@media(min-width:769px){.shade-guide-modal__dialog{top:50%;transform:translate(-50%,-50%);width:620px;padding:22px 22px 18px}}@media(max-width:768px){.shade-guide-modal__dialog{bottom:0;left:50%;transform:translate(-50%);width:min(560px,92vw);padding:18px 16px 14px;top:10%;height:fit-content}}.shade-guide-modal__title{font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";font-weight:700;font-size:18px;line-height:1.25;color:#1a3d37;margin:0 0 10px}.shade-guide-modal__desc,.shade-guide-modal__list p{font-family:Rubik,system-ui;font-weight:400;font-size:14px;line-height:1.5;color:#1a3d37d9;margin:0 0 14px}.shade-guide-modal__list h4{font-family:Rubik,system-ui;font-weight:700;font-size:15px;line-height:1.25;color:#1a3d37;margin:16px 0 6px}.shade-guide-modal__muted{display:block;font-weight:600;font-size:13px;color:#47635e;margin:2px 0 6px}.shade-guide-modal__close{position:absolute;top:0;right:10px;border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#1a3d37;padding:6px;border-radius:8px}.shade-guide-modal__close:focus-visible{outline:2px solid #1a3d37;outline-offset:2px}.shade-choice-wrapper .shade-choice{display:flex;gap:20px}.shade-choice-wrapper .shade-card{background:#fffaf4;border-radius:10px;padding:7px 7px 10px;width:164px;cursor:pointer;transition:box-shadow .2s ease;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #e2dbd2;height:97px}.shade-choice-wrapper .shade-card.is-checked{border:1px solid #421117}.shade-choice-wrapper .shade-card input[type=radio]{-webkit-appearance:none;width:20px;height:20px;border:1px solid #e2dbd2;border-radius:50%;outline:none;cursor:pointer;position:relative}.shade-choice-wrapper .shade-card input[type=radio]:checked{background-color:#421117}.shade-choice-wrapper .shade-card input[type=radio]:checked:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:14px;color:#fff}.shade-choice-wrapper .shade-card img{display:block;margin-bottom:8px;width:130px;height:39px}.shade-choice-wrapper .shade-card label{color:#47635e;display:block;text-align:center;width:100%;height:11px;font-family:Rubik;font-weight:400;font-size:16px;line-height:131%}.choose-your-shade-heading-wrapper h4{font-family:Rubik;font-weight:500;font-size:16px;line-height:118%;color:#47635e;margin-bottom:8px;margin-top:5px}.choose-your-shade-heading-wrapper p{font-family:Rubik;font-weight:400;font-size:14px;line-height:118%;color:#1a3d37b3;margin-bottom:8px}.choose-your-shade-heading-wrapper .quest-mark{background-color:#1a3d37b2;color:#fff;border-radius:50%;height:17px;width:17px;display:inline-block;text-align:center;font-size:16px;font-weight:400;align-items:center;cursor:pointer}@media(max-width:768px){.shade-choice-wrapper .shade-choice{flex-direction:column;gap:12px}.shade-choice-wrapper .shade-card{width:100%;height:66px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px;gap:5px}.shade-choice-wrapper .shade-card input[type=radio]{flex-shrink:0;margin-right:10px}.shade-choice-wrapper .shade-card label{margin-right:auto;font-size:15px;text-align:left;flex-grow:1}.shade-choice-wrapper .shade-card img{width:80px;height:auto;margin-left:10px;flex-shrink:0}}@media(min-width:1300px)and (max-width:1370px){.shade-choice-wrapper .shade-card{width:150px}}.arch-option--buttons .arch-option__button-label{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:17px 18px!important;border-radius:12px!important;border:1px solid #33524d!important;background:#fff!important;color:#2d3b39!important;cursor:pointer!important;transition:background .15s,color .15s,border-color .15s,box-shadow .15s!important;justify-content:flex-start;margin:5px 8px 5px 0;width:31.5%;height:60px}.arch-option--buttons .arch-option__button-label:has(>input[type=radio]:checked){background:#466a63!important;color:#fff!important;border-color:#466a63!important}.arch-option--buttons .arch-option__button-label:has(>input[type=radio]:focus-visible){outline:2px solid #466a63!important;outline-offset:2px!important}.arch-option--buttons .arch-option__button-label>input[type=radio]{-webkit-appearance:none!important;appearance:none!important;width:18px!important;height:18px!important;margin:0!important;border-radius:50%!important;border:2px solid currentColor!important;background:transparent!important;position:relative!important;flex-shrink:0!important;box-sizing:border-box!important}.arch-option--buttons .arch-option__button-label>input[type=radio]:checked:after{content:"\2714"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-55%)!important;font-size:13px!important;color:#47635e!important;border-radius:100%;height:16px;width:16px;background:#fff;text-align:center}.arch-option--buttons .arch-option__button-label:has(>input[type=radio]:checked)>input[type=radio]{border-color:#fff!important}.arch-option--buttons .arch-option__button-label:not(:has(>input[type=radio]:checked))>input[type=radio]{border-color:#33524d!important}.arch-option--buttons .arch-option__button-label .arch-option__button-label__text{line-height:1.2!important;white-space:nowrap;font-size:15px}@media only screen and (max-width:749px){.arch-option.arch-option--buttons{gap:14px;display:contents}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/shade-cards.css.map */