dialog.material-popup{width:100vw;max-width:none;height:100vh;max-height:none;padding:var(--space-20);box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}dialog.material-popup:not([open]){display:none}dialog.material-popup::backdrop{-webkit-backdrop-filter:blur(10px);background:#00000080}.material-popup__box{background:var(--color-white);border-radius:var(--radius-10);width:810px;max-width:100%;min-height:min(860px,100%);max-height:100%;padding:var(--space-40);box-sizing:border-box;gap:var(--space-40);flex-direction:column;display:flex;overflow-y:auto}.material-popup__head{justify-content:space-between;align-items:center;gap:var(--space-15);display:flex}.material-popup__title{font:600 23px/1.21 var(--font-family);color:var(--color-black);margin:0}.material-popup__close{background:var(--color-gray-light);border-radius:var(--radius-full);padding:var(--space-5);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.material-popup__box--form{gap:var(--space-20);width:350px}@media (width>=768px){.material-popup__box--form{gap:var(--space-40);width:770px}}.material-popup__grid{gap:var(--space-10);flex-wrap:wrap;display:flex}.material-popup__cell{flex:140px;min-width:140px;display:flex;position:relative}.material-popup__card{gap:var(--space-15);box-sizing:border-box;width:100%;min-height:160px;padding:var(--space-20);background:var(--color-gray-light);border-radius:var(--radius-10);text-align:left;cursor:pointer;border:2px solid #0000;flex-direction:column;font-family:inherit;display:flex}@media (width>=768px){.material-popup__grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.material-popup__cell{min-width:0}.material-popup__card{min-height:0}}.material-popup__card:hover{background:var(--color-blue-pale)}.material-popup__card--active{border-color:var(--color-blue)}.material-popup__card-desc--full{display:none}.material-popup__card--expanded,.material-popup__card:focus-visible{z-index:2;background:var(--color-blue-pale);width:100%;height:auto;min-height:100%;position:absolute;top:0;left:0}.material-popup__card--expanded .material-popup__card-desc--short,.material-popup__card:focus-visible .material-popup__card-desc--short{display:none}.material-popup__card--expanded .material-popup__card-desc--full,.material-popup__card:focus-visible .material-popup__card-desc--full{display:block}.material-popup__card-body{gap:var(--space-10);flex-direction:column;display:flex}.material-popup__card-title{font:var(--text-option);color:var(--color-black);line-height:1.3}.material-popup__card-desc{font-size:13px;font-weight:400;line-height:18px;font-family:var(--font-family);color:var(--color-gray)}.material-popup__card-foot{justify-content:flex-end;margin-top:auto;display:flex}.material-popup__card-price{font:var(--text-small);color:var(--color-gray)}.material-popup__card-badge{background:var(--color-black);color:var(--color-white);font:700 9px/1 var(--font-family);padding:var(--space-5);border-radius:3px;align-items:center;display:none}.material-popup__card--active .material-popup__card-price{display:none}.material-popup__card--active .material-popup__card-badge{display:inline-flex}