.sq{--sq-ease:cubic-bezier(0.78,0,0.18,1);--sq-in:0.4333s;--sq-out:0.22s;--sq-accent:#d0b88a;--sq-line:hsla(0,0%,100%,.09);--sq-line-strong:hsla(0,0%,100%,.14);position:relative;width:100%;background:#000;border-radius:20px;overflow:hidden}@media (min-width:768px){.sq{max-width:640px;margin-inline:auto;border:1px solid var(--sq-line-strong)}}.sq__progress{position:absolute;top:0;left:0;right:0;height:1px;background:var(--sq-line)}.sq__progress>i{position:absolute;inset:0;transform-origin:left center;transform:scaleX(var(--sq-p,0));background:linear-gradient(90deg,#e8e8e8,var(--sq-accent));transition:transform .6s var(--sq-ease)}.sq__rows{list-style:none;margin:0;padding:0}.sq__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 0;border:0;border-top:1px solid var(--sq-line);background:none;color:hsla(0,0%,100%,.72);font:inherit;text-align:left;cursor:pointer;transition:color .25s var(--sq-ease);opacity:0;transform:translate3d(0,10px,0);animation:sq-row-in var(--sq-in) var(--sq-ease) forwards;animation-delay:calc(60ms + var(--sq-i, 0) * 45ms)}.sq__row:last-child{border-bottom:1px solid var(--sq-line)}@keyframes sq-row-in{to{opacity:1;transform:translateZ(0)}}.sq__row:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--sq-accent);transform-origin:left center;transform:scaleX(0);transition:transform .35s var(--sq-ease)}.sq__row:focus-visible,.sq__row:hover{color:#fff}.sq__row:focus-visible:before,.sq__row:hover:before{transform:scaleX(1)}.sq__row:focus-visible{outline:none}.sq__row:focus-visible .sq__label{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--sq-accent)}.sq__label{flex:1 1 auto;transition:transform .35s var(--sq-ease)}.sq__row:hover .sq__label{transform:translate3d(6px,0,0)}.sq__arrow{flex:0 0 auto;opacity:0;transform:translate3d(-4px,0,0);transition:opacity .25s var(--sq-ease),transform .35s var(--sq-ease)}.sq__row:focus-visible .sq__arrow,.sq__row:hover .sq__arrow{opacity:1;transform:translateZ(0)}.sq__row[data-picked=true]{color:#fff}.sq__row[data-picked=true]:before{transform:scaleX(1)}.sq__row[data-picked=true] .sq__arrow{opacity:1;transform:translateZ(0);color:var(--sq-accent)}.sq__back{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:hsla(0,0%,100%,.45);font:inherit;font-size:13px;cursor:pointer;transition:color .25s var(--sq-ease)}.sq__back:focus-visible,.sq__back:hover{color:#fff;outline:none}.sq__back:focus-visible{text-decoration:underline;text-underline-offset:4px}.sq__input{width:100%;padding:0 0 10px;border:0;border-bottom:1px solid hsla(0,0%,100%,.2);background:transparent;color:#fff;font:inherit;font-size:16px;font-weight:300;transition:border-color .25s var(--sq-ease)}.sq__input::placeholder{color:hsla(0,0%,100%,.25)}.sq__input:focus{border-color:#fff;outline:none}@media (prefers-reduced-motion:reduce){.sq__row{animation:none;opacity:1;transform:none}.sq__arrow,.sq__back,.sq__input,.sq__label,.sq__progress>i,.sq__row,.sq__row:before{transition:none}.sq__row:hover .sq__label{transform:none}}