.sn-checkout,.sn-checkout *{box-sizing:border-box;min-width:0}
.sn-checkout .join{display:flex;max-width:100%}
.sn-checkout .join input[readonly]{flex:0 0 64px;width:64px}
.sn-checkout .join input:not([readonly]){flex:1 1 0;width:0}
.sn-checkout input,.sn-checkout select,.sn-checkout textarea{max-width:100%}
@media(max-width:767px){
.sn-checkout{width:100%;max-width:100%;padding:16px 12px}
.sn-checkout .grid{min-width:0}
.sn-checkout .flex{gap:8px}
.sn-checkout .flex>svg{flex-shrink:0}
.sn-checkout .justify-between{flex-wrap:wrap}
.sn-checkout .text-nowrap,.sn-checkout .whitespace-nowrap{white-space:normal}
.sn-checkout h2,.sn-checkout h3,.sn-checkout p,.sn-checkout span{overflow-wrap:anywhere}
.sn-checkout .p-6{padding:16px}
.sn-checkout input,.sn-checkout select,.sn-checkout textarea{font-size:16px;min-height:44px}
.sn-checkout button{max-width:100%;min-height:44px;white-space:normal}
.sn-checkout .join{gap:0}
.sn-checkout .fixed.inset-0{padding:12px}
.sn-checkout .fixed.inset-0>div{max-height:calc(100dvh - 24px);overflow-y:auto}
.sn-checkout .fixed.inset-0 .grid-cols-7{gap:2px}
.sn-checkout .fixed.inset-0 .justify-between{flex-wrap:nowrap}
}