.room33-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:10px;font-family:Jost,ui-sans-serif,system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .4s ease}@media(min-width:400px){.room33-modal{padding:16px}}.room33-modal.is-open{opacity:1;pointer-events:auto}.room33-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6!important}.room33-modal__card{position:relative;z-index:2;width:100%;max-width:512px;max-height:92vh;overflow-y:auto;border:1px solid rgba(194,163,106,.4);background:#5a0e12;box-shadow:0 30px 80px #000000a6;transform:translateY(16px) scale(.98);transition:transform .4s ease}.room33-modal.is-open .room33-modal__card{transform:translateY(0) scale(1)}.room33-modal__media{position:relative;isolation:isolate;height:200px;width:100%;overflow:hidden;background:#1a0a0b}@media(min-width:400px){.room33-modal__media{height:224px}}@media(min-width:640px){.room33-modal__media{height:256px}}.room33-modal__media-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.room33-modal__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:100%;width:100%;object-fit:cover;opacity:.85}.room33-modal__image{object-position:center}.room33-modal__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(26,10,11,.55) 35%,rgba(90,14,18,.92) 70%,#5a0e12 100%)}.room33-modal__corner{position:absolute;z-index:6;width:22px;height:22px;pointer-events:none;border-color:#c2a36ab3}.room33-modal__corner--tl{left:10px;top:10px;border-left:1px solid;border-top:1px solid}.room33-modal__corner--tr{right:10px;top:10px;border-right:1px solid;border-top:1px solid}@media(min-width:400px){.room33-modal__corner{width:24px;height:24px}.room33-modal__corner--tl,.room33-modal__corner--tr{left:12px;top:12px}.room33-modal__corner--tr{left:auto;right:12px}}.room33-modal__close{position:absolute;right:10px;top:10px;z-index:10;display:flex;height:30px;width:30px;align-items:center;justify-content:center;border:1px solid rgba(194,163,106,.5);background:#1a0a0b99;color:#c2a36a;font-size:13px;cursor:pointer;transition:background .3s,color .3s}@media(min-width:400px){.room33-modal__close{right:12px;top:12px;height:32px;width:32px;font-size:14px}}.room33-modal__close:hover{background:#c2a36a;color:#1a0a0b}.room33-modal__body{padding:20px 18px 26px;text-align:center}@media(min-width:400px){.room33-modal__body{padding:24px 24px 32px}}@media(min-width:640px){.room33-modal__body{padding:24px 40px 32px}}.room33-modal__eyebrow{margin:0;font-size:clamp(8.5px,2.4vw,10px);text-transform:uppercase;letter-spacing:.42em;color:#c2a36a}.room33-modal__headline{margin:10px 0 0;font-family:Cormorant Garamond,ui-serif,Georgia,serif!important;font-style:italic;font-weight:400;line-height:1.25;color:#efe7d9;font-size:24px}.room33-modal__hairline{height:1px;width:80px;margin:16px auto;opacity:1;background:linear-gradient(90deg,transparent,rgba(194,163,106,.85),transparent)}@media(min-width:400px){.room33-modal__hairline{margin:18px auto}}.room33-modal__closes{margin:0;font-size:clamp(7.5px,2.1vw,9px);text-transform:uppercase;letter-spacing:.35em;color:#efe7d98c}.room33-modal__cd{margin-top:6px;display:flex;align-items:baseline;justify-content:center;gap:6px;font-family:Jost,ui-sans-serif,system-ui,sans-serif!important;font-weight:500;font-size:20px;color:#efe7d9;font-variant-numeric:tabular-nums}@media(min-width:400px){.room33-modal__cd{gap:8px}}.room33-modal__cd i{margin-left:3px;font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.25em;color:#c2a36ab3}.room33-modal__cd b{font-weight:400;color:#c2a36a80}.room33-modal__keys{margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:clamp(9px,2.4vw,10px);text-transform:uppercase;letter-spacing:.3em;color:#c2a36a;text-align:center}@media(min-width:400px){.room33-modal__keys{margin:14px 0 0;gap:8px;letter-spacing:.35em}}.room33-modal__key-icon{position:relative;display:inline-block;overflow:hidden;height:11px;width:22px;flex-shrink:0}.room33-modal__key-icon svg{height:100%;width:100%}.room33-modal__key-icon .key-glint{position:absolute;top:0;right:0;bottom:0;left:0}.room33-modal__form{margin-top:20px;display:flex;flex-direction:column;gap:10px}@media(min-width:400px){.room33-modal__form{margin-top:24px;gap:12px}}@media(min-width:640px){.room33-modal__form{flex-direction:row}}.room33-modal__input{flex:1;min-width:0;border:1px solid rgba(194,163,106,.4);background:transparent;padding:12px 14px;font-family:Jost,ui-sans-serif,system-ui,sans-serif;font-size:clamp(13px,3.4vw,14px);color:#efe7d9;border-radius:0}.room33-modal__input::placeholder{color:#efe7d966}.room33-modal__input:focus{border-color:#c2a36a;outline:none}.room33-modal__submit{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;border:1px solid #c2a36a;background:#c2a36a;color:#1a0a0b;font-family:Jost,ui-sans-serif,system-ui,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.28em;padding:13px 20px;font-size:clamp(10px,2.8vw,11.5px);line-height:1;border-radius:0;cursor:pointer;transition:background .45s ease,color .45s ease;white-space:nowrap}@media(min-width:640px){.room33-modal__submit{width:auto;padding:14px 26px}}.room33-modal__submit:hover{background:transparent;color:#c2a36a}.room33-modal__submit:active{transform:scale(.98)}.room33-modal__submit[disabled]{opacity:.55;cursor:not-allowed}.room33-modal__arrow{display:inline-block;transition:transform .4s ease}.room33-modal__submit:hover .room33-modal__arrow{transform:translate(4px)}.room33-modal__msg{min-height:16px;margin:10px 0 0;font-size:clamp(10px,2.6vw,11px);color:#efe7d9b3}.room33-modal__msg.is-ok{color:#c2a36a}.room33-modal__msg.is-error{color:#e0938a}.room33-modal__dismiss{margin-top:14px;background:transparent;border:0;font-family:Jost,ui-sans-serif,system-ui,sans-serif;font-size:clamp(8px,2.1vw,9px);text-transform:uppercase;letter-spacing:.35em;color:#efe7d980;cursor:pointer;transition:color .3s}@media(min-width:400px){.room33-modal__dismiss{margin-top:16px}}.room33-modal__dismiss:hover{color:#c2a36a}@keyframes r33modalglint{0%{transform:translate(-120%);opacity:0}30%{opacity:1}to{transform:translate(220%);opacity:0}}.key-glint{background:linear-gradient(100deg,transparent 30%,rgba(255,240,200,.55) 50%,transparent 70%);transform:translate(-120%);opacity:0}.room33-modal__key-icon:hover .key-glint{animation:r33modalglint 1.1s ease-out}
/*# sourceMappingURL=/cdn/shop/t/32/assets/room33-entry-modal.css.map */