.mrf-nails{container-type:inline-size;min-width:0;margin:16px 0}
.mrf-nails__group{border:0;margin:0;padding:0;min-width:0}
.mrf-nails__group>legend{padding:0;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:7px}
.mrf-nails__hint{font-size:11px;color:#606060;line-height:1.5;margin:0 0 9px!important}
.mrf-nails__count{font-size:11px;font-weight:600;color:#111;margin:0 0 10px!important}
.mrf-nails__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mrf-nail-tile{display:flex;flex-direction:column;min-width:0}
.mrf-nail-tile__choice{position:relative;display:flex;width:100%;flex:1;cursor:pointer;margin:0}
.mrf-nail-tile__choice>input{position:absolute;opacity:0;width:1px;height:1px}
.mrf-nail-tile__visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;padding:9px;border:1px solid #d6d6d6;border-radius:8px 8px 0 0;background:#fff;text-align:center;color:#111}
.mrf .mrf-nail-tile__visual>img{display:block;width:100%;max-width:160px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px;background:#fff}
.mrf-nail-tile__visual>b{display:flex;align-items:center;justify-content:center;flex:1;min-height:30px;font-size:11px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.mrf-nail-tile__check{position:absolute;right:6px;top:6px;border:1px solid #aaa;border-radius:50%;background:#fff;color:transparent}
.mrf-nail-tile__choice>input:checked+.mrf-nail-tile__visual{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#f3f3f3}
.mrf-nail-tile__choice>input:checked+.mrf-nail-tile__visual .mrf-nail-tile__check{color:#fff;background:#111;border-color:#111}
.mrf-nail-tile__choice>input:focus-visible+.mrf-nail-tile__visual{outline:3px solid #111;outline-offset:3px;z-index:1}
.mrf-nail-tile__choice>input:disabled+.mrf-nail-tile__visual{opacity:.55;cursor:not-allowed}
.mrf .mrf-nail-tile__view{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:8px 5px;border:1px solid #d6d6d6;border-top:0;border-radius:0 0 8px 8px;background:#fff;color:#111;font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;text-align:center;cursor:pointer;box-shadow:none}
.mrf .mrf-nail-tile__view:hover{background:#f2f2f2}
.mrf .mrf-nail-tile__view:focus-visible{outline:3px solid #111;outline-offset:3px;z-index:1}
.mrf-nail-tile__view>span{font-size:17px;line-height:1}
@container (min-width:360px){.mrf-nails__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:560px){.mrf-nails__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}