.tote-survey{--ts-edge: 16px;--ts-lift: 0px;--ts-radius: 18px;--ts-line: rgba(var(--color-foreground), .14);--ts-accent: var(--color-button);position:fixed;bottom:calc(var(--ts-edge) + var(--ts-lift) + env(safe-area-inset-bottom));z-index:60;background:transparent;transition:bottom .3s ease}.tote-survey--left{left:var(--ts-edge)}.tote-survey--right{right:var(--ts-edge)}.tote-survey--intelligems{display:none}html.tote-survey-live .tote-survey--intelligems{display:block}.tote-survey [hidden]{display:none!important}.tote-survey,.tote-survey *,.tote-survey *:before,.tote-survey *:after{box-sizing:border-box}.tote-survey svg{display:block;width:100%;height:100%}.tote-survey__pill-wrap{position:relative;display:inline-flex;align-items:stretch;animation:ts-pill-in .4s ease both}.tote-survey__pill{display:inline-flex;align-items:center;gap:8px;margin:0;border:0;cursor:pointer;font:inherit;white-space:nowrap}.tote-survey__icon{width:18px;height:18px;flex:none}.tote-survey__pill-close{display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0;border:0;cursor:pointer;background:transparent;color:inherit}.tote-survey__pill-close svg{width:14px;height:14px}.tote-survey__pill-wrap--minimal{height:44px;border:1px solid rgba(var(--color-foreground),.12);border-radius:999px;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 6px 24px #00000014;overflow:hidden}.tote-survey__pill-wrap--minimal .tote-survey__pill{padding:0 14px 0 20px;color:inherit;background:transparent}.tote-survey__pill-wrap--minimal .tote-survey__pill-text{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .2s ease}.tote-survey__pill-wrap--minimal .tote-survey__pill:hover .tote-survey__pill-text{text-decoration-color:currentColor}.tote-survey__pill-wrap--minimal .tote-survey__pill-close{width:40px;border-left:1px solid rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground-secondary));transition:color .2s ease}.tote-survey__pill-wrap--minimal .tote-survey__pill-close:hover{color:rgb(var(--color-foreground))}.tote-survey__pill-wrap--solid .tote-survey__pill.button{min-height:44px;padding:0 48px 0 20px;border-radius:999px}.tote-survey__pill-wrap--solid .tote-survey__pill-close{position:absolute;top:0;right:6px;bottom:0;width:36px;color:rgb(var(--color-button-text));opacity:.7}.tote-survey__pill-wrap--solid .tote-survey__pill-close:hover{opacity:1}body.overflow-hidden .tote-survey__pill-wrap,body[class*=overflow-hidden-] .tote-survey__pill-wrap{visibility:hidden}.tote-survey__panel{position:absolute;bottom:0;width:min(384px,calc(100vw - 2 * var(--ts-edge)));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:24px 22px 22px;border-radius:var(--ts-radius);color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 30px 80px #00000038,0 0 0 1px rgba(var(--color-foreground),.06);transform-origin:bottom left;animation:ts-panel-in .32s cubic-bezier(.2,.8,.2,1) both}.tote-survey--left .tote-survey__panel{left:0}.tote-survey--right .tote-survey__panel{right:0;transform-origin:bottom right}.tote-survey__handle{display:none}.tote-survey__head{display:flex;align-items:center;gap:16px;margin:-6px -8px 18px 0}.tote-survey__close{width:34px;height:34px;flex:none;margin-left:auto;padding:8px;border:0;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));background:transparent;transition:background .2s ease}.tote-survey__close:hover{background:rgba(var(--color-foreground),.06)}.tote-survey__title{margin:0 0 6px}.tote-survey__sub{margin:0}.tote-survey__intro{margin-bottom:20px}.tote-survey__eyebrow{margin:0 0 6px}.tote-survey__progress{display:flex;flex:1;gap:4px}.tote-survey__seg{flex:1;height:3px;border-radius:3px;background:rgba(var(--color-foreground),.1);overflow:hidden;position:relative}.tote-survey__seg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--ts-accent));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.tote-survey__seg.is-done:after{transform:scaleX(1)}.tote-survey__form{margin:0}.tote-survey__step{margin:0;padding:0;border:0;min-width:0;animation:ts-step-in .28s ease both}.tote-survey__count{margin:0 0 4px}.tote-survey__q{display:block;width:100%;margin:0 0 14px;padding:0}.tote-survey__hint{margin:-6px 0 14px}.tote-survey__options{display:flex;flex-direction:column;gap:8px}.tote-survey__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:12px 14px 12px 16px;border:1px solid var(--ts-line);border-radius:12px;cursor:pointer;text-align:left;font:inherit;color:inherit;background:rgb(var(--color-background));transition:border-color .2s ease,background .2s ease,transform .12s ease}.tote-survey__option:hover{border-color:rgba(var(--color-foreground),.4)}.tote-survey__option:active{transform:scale(.99)}.tote-survey__radio{width:20px;height:20px;flex:none;padding:3px;border:1.5px solid rgba(var(--color-foreground),.3);border-radius:50%;color:transparent;transition:all .2s ease}.tote-survey__option.is-selected{border-color:rgb(var(--ts-accent));background:rgba(var(--ts-accent),.05)}.tote-survey__option.is-selected .tote-survey__radio{border-color:rgb(var(--ts-accent));background:rgb(var(--ts-accent));color:rgb(var(--color-button-text))}.tote-survey__input{display:block;width:100%;padding:14px 16px;border:1px solid rgb(var(--color-border-input));border-radius:12px;font:inherit;color:rgb(var(--color-foreground));background:rgb(var(--color-background-input));outline:none;transition:border-color .2s ease}.tote-survey__input:focus{border-color:rgba(var(--color-foreground),.5)}.tote-survey__input.is-invalid{border-color:rgb(var(--color-error, 206, 54, 54))}.tote-survey__textarea{min-height:110px;resize:vertical}.tote-survey__error{margin:8px 0 0;color:rgb(var(--color-error, 206, 54, 54))}.tote-survey__check{display:flex;align-items:flex-start;gap:10px;margin-top:14px;cursor:pointer}.tote-survey__check input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:rgb(var(--ts-accent))}.tote-survey__next.button{margin-top:16px}.tote-survey__next.is-loading{opacity:.6;pointer-events:none}.tote-survey__back{display:inline-flex;align-items:center;gap:4px;margin:14px 0 0 -4px;padding:4px;border:0;cursor:pointer;background:transparent}.tote-survey__back svg{width:16px;height:16px}.tote-survey__back:hover span{text-decoration:underline;text-underline-offset:3px}.tote-survey__done{outline:none;animation:ts-step-in .28s ease both}.tote-survey__code{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 6px 0 16px;border:1px solid var(--ts-line);border-radius:12px}.tote-survey__code-value{word-break:break-all}.tote-survey__copy{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 10px;border:0;border-radius:8px;cursor:pointer;background:transparent;transition:background .2s ease}.tote-survey__copy:hover{background:rgba(var(--color-foreground),.06)}.tote-survey__copy svg{width:14px;height:14px}.tote-survey__backdrop{display:none}.tote-survey button:focus-visible,.tote-survey input:focus-visible,.tote-survey textarea:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.tote-survey.is-open .tote-survey__pill-wrap{display:none}@media screen and (max-width:749px){.tote-survey{--ts-edge: 12px}.tote-survey__pill-wrap--minimal{height:42px}.tote-survey__pill-wrap--minimal .tote-survey__pill{padding:0 12px 0 16px}.tote-survey__pill-wrap--minimal .tote-survey__pill-close{width:38px}.tote-survey.is-open{left:0;right:0;bottom:0}.tote-survey__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-overlay, 0, 0, 0),.4);animation:ts-fade .25s ease both}.tote-survey__panel,.tote-survey--right .tote-survey__panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:88vh;max-height:88dvh;padding:10px 20px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:ts-sheet-in .36s cubic-bezier(.2,.8,.2,1) both}.tote-survey__handle{display:block;width:36px;height:4px;margin:0 auto 12px;border-radius:4px;background:rgba(var(--color-foreground),.18)}}@keyframes ts-pill-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ts-panel-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes ts-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes ts-step-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes ts-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tote-survey *,.tote-survey__pill-wrap{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/214/assets/tote-survey-kopstorm.css.map */