.nosa-tapin-customer{--tc-ink:#171713;--tc-muted:#777269;--tc-line:#e5dfd2;--tc-yellow:#ffd21f;--tc-soft:#fff8d7;position:relative;overflow:hidden;margin:20px 0;padding:20px;border:1px solid var(--tc-line);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(255,210,31,.11),transparent 18rem),linear-gradient(145deg,#fff,#fbfaf5);box-shadow:0 16px 44px rgba(24,22,17,.055);direction:rtl}.nosa-tapin-customer:before{content:"";position:absolute;left:-70px;top:-90px;width:190px;height:190px;border:1px solid rgba(255,210,31,.14);border-radius:50%;pointer-events:none}.nosa-tapin-customer>header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.nosa-tapin-customer header small,.nosa-tapin-customer header h3{display:block;margin:0}.nosa-tapin-customer header small{color:#967800;font-size:11px;font-weight:900}.nosa-tapin-customer header h3{margin-top:3px;color:var(--tc-ink);font-size:18px}.nosa-tapin-customer header code{padding:8px 11px;border:1px solid #2c2a23;border-radius:11px;background:#171713;color:#ffd21f;font-size:12px;font-weight:900;letter-spacing:.6px;box-shadow:0 8px 20px rgba(20,18,13,.11)}.nosa-tapin-customer__steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:5px 0}.nosa-tapin-customer__steps>div{position:relative;display:flex;align-items:flex-start;gap:8px;min-width:0;padding:8px;color:#aaa69d}.nosa-tapin-customer__steps>div:not(:last-child):after{content:"";position:absolute;z-index:0;top:23px;right:35px;left:-5px;height:2px;background:#e9e5dc}.nosa-tapin-customer__steps i{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border:2px solid #ece9e0;border-radius:50%;background:#f0eee8;color:#9b978f;font-style:normal;font-weight:900;transition:.2s ease}.nosa-tapin-customer__steps span{min-width:0}.nosa-tapin-customer__steps b,.nosa-tapin-customer__steps small{display:block}.nosa-tapin-customer__steps b{color:inherit;font-size:11px}.nosa-tapin-customer__steps small{margin-top:2px;color:#9b978f;font-size:11px;line-height:1.65}.nosa-tapin-customer__steps>div.is-active{color:#222}.nosa-tapin-customer__steps>div.is-active i{border-color:#e0b600;background:linear-gradient(145deg,#ffe06a,#ffd21f);color:#111;box-shadow:0 6px 15px rgba(231,185,0,.18)}.nosa-tapin-customer__steps>div.is-active small{color:#77736b}.nosa-tapin-customer__steps>div.is-active:not(:last-child):after{background:linear-gradient(90deg,#e9e5dc,#ffd21f)}.nosa-tapin-customer footer{margin-top:14px;padding-top:11px;border-top:1px solid #eee9df;color:#89857c;font-size:11px}.nosa-tapin-customer.is-exception{border-color:#efc3c3;background:linear-gradient(145deg,#fffafa,#fff)}.nosa-tapin-customer.is-exception header small{color:#a33a43}.nosa-tapin-customer__alert{margin:13px 0 0;padding:11px 13px;border:1px solid #efc6c8;border-radius:12px;background:#fff0f1;color:#9e3038;font-size:11px;font-weight:800;line-height:1.8}
@media(max-width:780px){.nosa-tapin-customer{padding:16px;border-radius:18px}.nosa-tapin-customer>header{align-items:flex-start;flex-direction:column}.nosa-tapin-customer__steps{grid-template-columns:1fr;gap:2px}.nosa-tapin-customer__steps>div{min-height:56px}.nosa-tapin-customer__steps>div:not(:last-child):after{top:36px;right:23px;bottom:-8px;left:auto;width:2px;height:auto}.nosa-tapin-customer__steps>div.is-active:not(:last-child):after{background:linear-gradient(#ffd21f,#e9e5dc)}}