.detail-modal{position:relative}.detail-modal:before{content:"";pointer-events:none;background:#0000001a;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.detail-modal:before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.detail-modal:before{z-index:0}.detail-modal>*{z-index:1;position:relative}.detail-modal{z-index:15;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.detail-modal__modal{background:var(--beige-200);padding:var(--gap-spacing);max-inline-size:calc(100vw - var(--gap-spacing));cursor:default;gap:calc(var(--gap-spacing)/2);border-radius:24px;flex-direction:column;display:flex}@media screen and (min-width:700px){.detail-modal__modal{flex-direction:row}}.detail-modal__close-button{z-index:2;background:var(--beige-200);right:calc(var(--gap-spacing)/4);top:calc(var(--gap-spacing)/4);padding:calc(var(--gap-spacing)/4);inline-size:calc(24px + var(--gap-spacing)/2);block-size:calc(24px + var(--gap-spacing)/2);border-radius:24px;position:absolute}.detail-modal__close-button .button{color:var(--brown-200);transition:all .3s ease-in}.detail-modal__close-button:hover .button{color:var(--brown-400)}.detail-modal__content{inline-size:100%}.detail-modal__content-information{align-items:flex-end;gap:calc(var(--gap-spacing)/2);flex-direction:column;inline-size:100%;display:flex}@media screen and (min-width:700px){.detail-modal__content-information{max-inline-size:300px}}.detail-modal__description{gap:calc(var(--gap-spacing)/6);flex-direction:column;inline-size:100%;margin-block-start:calc(var(--gap-spacing)/2);display:flex}.detail-modal__description p{text-align:left}.detail-modal__description .form{margin-top:calc(var(--gap-spacing)/2)}.detail-modal__description .form .form-item{inline-size:100%}.detail-modal__navigation{gap:calc(var(--gap-spacing)/4);margin-block-start:auto;padding-block-start:calc(var(--gap-spacing)/2);display:flex}.detail-modal__navigation .button:disabled{color:var(--brown-300)}
