.open-spot{container:open-spot/inline-size}.open-spot-body{--open-spot-accent:#b8870f;--open-spot-rule:#b8870f4d;box-sizing:border-box;border-radius:var(--border-radius-xs,.25rem);align-items:center;min-height:108px;padding:16px 22px;transition:box-shadow .25s,transform .25s;display:flex;position:relative}.open-spot--gold .open-spot-body{background:linear-gradient(90deg,#fff7e6 0%,#fffdf8 100%);border:2px solid #b8870f;box-shadow:0 10px 22px -16px #b8870f99}.open-spot--silver .open-spot-body{--open-spot-accent:#8f9298;--open-spot-rule:#a8a9ad80;background:#f0f1f3;border:1px solid #a8a9ad}.open-spot-rank{box-sizing:content-box;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:1.5em;color:var(--open-spot-accent);flex:none;padding-right:20px;font-size:36px;font-weight:700;line-height:1}.open-spot-icon,.open-spot-text,.open-spot-offer{border-left:1px solid var(--open-spot-rule);align-self:stretch;align-items:center;display:flex}.open-spot-icon{box-sizing:content-box;flex:none;justify-content:center;width:56px;padding:0 20px}.open-spot-icon svg{width:52px;height:52px;display:block}.open-spot--gold .open-spot-icon svg{width:56px;height:56px}.open-spot-text{flex-direction:column;flex:auto;justify-content:center;align-items:flex-start;gap:3px;min-width:0;padding:0 20px}.open-spot-title{color:var(--color-secondary,#1c2745);font-size:20px;font-weight:700;line-height:1.25}.open-spot-line{color:#737373;text-wrap:pretty;font-size:14px;line-height:1.45}.open-spot-line+.open-spot-line{color:#7b8494;font-size:13px}.open-spot-offer{flex:none;gap:18px;padding-left:22px}.open-spot-count{white-space:nowrap;min-width:190px;color:var(--open-spot-accent);align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.open-spot-count svg{flex:none;width:26px;height:26px}.open-spot-cta{box-sizing:border-box;white-space:nowrap;color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:200px;height:46px;padding:0 14px 0 20px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:box-shadow .22s;display:inline-flex}.open-spot--gold .open-spot-cta{background:#b8870f}.open-spot--silver .open-spot-cta{background:#8f9298}.open-spot-cta:hover,.open-spot-cta:focus{color:#fff;text-decoration:none}.open-spot-cta svg{flex:none;width:18px;height:18px}.open-spot-cta:after{content:"";border-radius:inherit;position:absolute;inset:0}.open-spot-cta:focus-visible{outline-offset:3px;outline:3px solid #d5ab45}@media (hover:hover){.open-spot-body:hover{transform:translateY(-2px)}.open-spot--gold .open-spot-body:hover{box-shadow:inset 0 0 0 1px #b8870f,0 14px 30px #a0771930}.open-spot--silver .open-spot-body:hover{box-shadow:inset 0 0 0 1px #a8a9ad,0 12px 26px #555f6e24}.open-spot--gold .open-spot-body:hover .open-spot-cta{box-shadow:0 7px 18px #b8870f4d}.open-spot--silver .open-spot-body:hover .open-spot-cta{box-shadow:0 7px 18px #555f6e40}}@media (prefers-reduced-motion:reduce){.open-spot-body,.open-spot-cta{transition:none}.open-spot-body:hover{transform:none}}@container open-spot (max-width:859px){.open-spot-body{grid-template-columns:auto auto minmax(0,1fr);row-gap:14px;padding:16px 18px;display:grid}.open-spot-offer{border-top:1px solid var(--open-spot-rule);border-left:0;grid-column:1/-1;justify-content:space-between;padding:14px 0 0}}@container open-spot (max-width:440px){.open-spot-body{padding:14px}.open-spot-rank{padding-right:12px;font-size:26px}.open-spot-icon{width:40px;padding:0 12px}.open-spot-icon svg,.open-spot--gold .open-spot-icon svg{width:40px;height:40px}.open-spot-text{padding:0 0 0 12px}.open-spot-title{font-size:17px}.open-spot-line{font-size:13px}.open-spot-line+.open-spot-line{font-size:12px}.open-spot-offer{flex-wrap:wrap;gap:12px}.open-spot-cta{flex:100%}}@container open-spot (min-width:860px){.open-spot-title{white-space:nowrap}}