.otp-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;position:relative;height:56px;border:1px solid #bcbcbc;box-sizing:border-box;border-radius:4px}.otp-container:has(.otp-input-wrapper input:focus){border-color:#00a5df;outline:4px solid rgba(0,165,223,.1)}.otp-container .otp-input-wrapper{box-sizing:border-box;display:flex;align-items:center;position:relative;width:180px;height:100%}.otp-container .otp-input-wrapper .otp-dots{display:flex;gap:19px;justify-content:center;align-items:center;position:absolute;z-index:1}.otp-container .otp-input-wrapper .otp-dots span{width:10px;height:10px;border-radius:50%;background:#ccc;transition:background .2s}.otp-container .otp-input-wrapper input{position:absolute;height:100%;border:none;outline:none;font-size:20px;letter-spacing:18px;background:transparent;color:#333;z-index:2;width:100%;box-shadow:none;padding:0 4px}.otp-container .otp-input-wrapper input:focus+.otp-dots span{opacity:.3}.otp-container .otp-timer{width:46px;height:46px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.otp-container .otp-timer svg{width:46px;height:46px;transform:rotate(270deg)}.otp-container .otp-timer svg .otp-timer-track{fill:transparent;stroke-width:var(--data-stroke-width)}.otp-container .otp-timer svg .otp-timer-progress{stroke:var(--color-progress);fill:transparent;stroke-width:1;stroke-width:var(--data-stroke-width)}.otp-container .otp-timer .otp-timer-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);font-size:12px;font-weight:600;color:var(--color-progress)}.aps-accordion{--clr-border:rgba(155,174,188,.6);--clr-active-border:var(--clr-primary);--clr-active-bg:rgba(243,246,251,.32);--clr-active-title:var(--clr-primary);--clr-text:var(--clr-text-black);--transition-time:200ms;color:var(--clr-text-black);border:1px solid var(--clr-border);border-radius:var(--radius-medium);overflow:hidden;&.warning{--clr-active-border:var(--clr-warning);--clr-active-bg:rgba(255,149,3,.02);--clr-active-title:var(--clr-warning)}.aps-accordion_header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2xs);color:var(--title-color);transition:all var(--transition-time) ease-in-out;cursor:pointer;.aps-accordion_title{font-size:var(--fs-base);line-height:var(--lh-base);font-weight:var(--fw-semibold)}&:after{content:"";display:block;flex-shrink:0;width:16px;height:16px;background-image:url(/assets/icon/plus-dark.svg);background-position:50%;background-size:contain;transform:rotate(-180deg);transition:transform var(--transition-time) ease-in-out}}.aps-accordion_body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-time) ease-in-out;border-top:none;.aps-accordion_content{overflow:hidden;display:flex;flex-direction:column;gap:1rem;padding-inline:var(--space-2xs);font-size:var(--fs-small);color:var(--clr-text);*{font-size:var(--fs-base);line-height:var(--lh-base)}&.fs-small *{font-size:var(--fs-small);line-height:normal}ul{padding-left:var(--space-3xs)}}}&.open{--clr-border:var(--clr-active-border);background-color:var(--clr-active-bg);.aps-accordion_header{padding-bottom:var(--space-3xs);color:var(--clr-active-title);&:after{transform:rotate(0);background-image:url(/assets/icon/minus-dark.svg)}}.aps-accordion_body{grid-template-rows:1fr;padding-bottom:var(--space-2xs)}}}.aps-faq{.container{max-width:48.75rem;margin:auto;.aps-accordion_title{font-weight:var(--fw-medium)}.aps-accordion_header:after{width:var(--space-2xs);height:var(--space-2xs)}}&.warning{.text-primary{color:var(--clr-warning)!important}}}