.bok-survey{--bos-pad:clamp(22px,2.6vw,40px);display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);min-height:max(660px,calc(100vh - 150px));background:var(--bos-main,#f6f2e8);color:var(--bok-ink);scroll-margin-top:90px}.bok-survey [tabindex="-1"]:focus{outline:none}.bok-survey__side{display:flex;flex-direction:column;min-width:0;background:var(--bos-side,#1a1c17);color:var(--bos-side-text,#f6f2e8)}.bok-survey__side-top{display:grid;gap:10px;padding:26px var(--bos-pad);font-size:12px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase}.bok-survey__side-top p+p{color:var(--bok-mustard)}.bok-survey__photo{position:relative;flex:1 1 auto;min-height:300px;overflow:hidden;background:#273027}.bok-survey__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--bos-focus,50% 50%)!important}.bok-survey__side-foot{padding:24px var(--bos-pad) 28px}.bok-survey__side-title{font:500 clamp(34px,3.6vw,56px)/1 var(--bok-display);letter-spacing:-.018em;text-transform:uppercase}.bok-survey__side-specs{list-style:none;display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff30;font-size:12px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#cdcec7}.bok-survey__side-specs li{list-style:none;margin:0;padding:0}.bok-survey__side-specs li:before{content:none}.bok-survey__main{display:flex;flex-direction:column;min-width:0;padding:30px clamp(24px,4.6vw,76px) 24px;background:var(--bos-main,#f6f2e8)}.bok-survey__bar{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase}.bok-survey__progress{position:relative;height:2px;margin:16px 0 clamp(26px,3.6vw,46px);background:var(--bok-line)}.bok-survey__progress i{position:absolute;left:0;top:0;bottom:0;width:var(--bos-progress,0%);background:var(--bok-ink);transition:width .3s ease}.bok-survey__form{display:flex;flex-direction:column;flex:1 1 auto;margin:0 0 40px;padding:0}.bok-survey__step{display:flex;flex-direction:column;min-width:0;max-width:780px}.bok-survey__step[hidden]{display:none}.bok .bok-survey__intro-title{font-size:clamp(64px,7.4vw,118px);line-height:.9;letter-spacing:-.025em}.bok-survey__intro-text{display:grid;gap:14px;margin-top:28px;max-width:54ch;font-size:16px;line-height:1.65}.bok-survey__intro-text p{margin:0}.bok .bok-survey__title{font-size:clamp(32px,3.2vw,50px);line-height:1.02;max-width:26ch}.bok-survey__desc{margin-top:16px;max-width:58ch;font-size:15px;line-height:1.6}.bok-survey__hint{margin-top:14px;font-size:13px;line-height:1.4;color:var(--bok-muted-ink)}.bok-survey__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.bok-survey__opt{position:relative;grid-column:1/-1;display:grid;white-space:normal;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:58px;margin:0;padding:15px 18px;border:1px solid var(--bok-line);background:transparent;font:400 15px/1.4 var(--bok-body);letter-spacing:0;text-transform:none;color:var(--bok-ink);cursor:pointer;transition:border-color .15s ease}.bok-survey__opt:hover{border-color:var(--bok-ink)}.bok-survey__opt.is-selected{border-color:var(--bok-ink);box-shadow:inset 0 0 0 1px var(--bok-ink)}.bok-survey__opt input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.bok-survey__opt:has(input:focus-visible){outline:3px solid var(--bok-mustard);outline-offset:3px}.bok-survey__opt-letter{font-size:11px;letter-spacing:.07em;color:var(--bok-muted-ink)}.bok-survey__mark{display:block;flex:none;width:16px;height:16px;border:1px solid var(--bok-ink);background:transparent}.bok-survey__opt.is-selected .bok-survey__mark{background:var(--bok-ink);box-shadow:inset 0 0 0 3px var(--bos-main,#f6f2e8)}.bok-survey__opt--photo{grid-column:auto;display:block;padding:0}.bok-survey__opt-photo{display:block;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5}.bok-survey__opt-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--bos-focus,50% 54%)!important}.bok-survey__opt-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px}.bok-survey__opt-name{font:500 26px/1 var(--bok-display);letter-spacing:-.01em;text-transform:uppercase}.bok-survey__field{margin-top:24px}.bok-survey__field--detail{margin-top:14px}.bok-survey__label{display:block;white-space:normal;margin:0 0 9px;font:400 12px/1.4 var(--bok-body);letter-spacing:.07em;text-transform:uppercase;color:var(--bok-ink)}.bok-survey .bok-survey__input{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:none;min-height:56px;margin:0;padding:16px;border:1px solid rgba(25,26,24,.5);border-radius:0;background:transparent;box-shadow:none;font:400 16px/1.4 var(--bok-body);letter-spacing:0;text-transform:none;color:var(--bok-ink)}.bok-survey .bok-survey__input::placeholder{color:var(--bok-muted-ink);opacity:1}.bok-survey .bok-survey__input:focus{outline:3px solid var(--bok-mustard);outline-offset:3px;border-color:var(--bok-ink)}.bok-survey .bok-survey__input[aria-invalid=true]{border-color:#9a3b1a}.bok-survey .bok-survey__input--area{min-height:170px;resize:vertical}.bok-survey__count{margin-top:8px;font-size:11px;letter-spacing:.07em;text-align:right;color:var(--bok-muted-ink)}.bok-survey__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.bok-survey__consent{margin-top:14px;max-width:58ch;font-size:12px;line-height:1.6;color:var(--bok-muted-ink)}.bok-survey__consent a{color:var(--bok-ink)}.bok-survey__error{margin-top:14px;font-size:13px;line-height:1.5;color:#9a3b1a}.bok-survey__nav{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.bok-survey__nav--start{justify-content:flex-start}.bok .bok-survey__back{padding:12px 0 6px;border-bottom:1px solid currentColor;font:400 12px/1.2 var(--bok-body);letter-spacing:.07em;text-transform:uppercase;color:var(--bok-ink)}.bok-survey__nav .bok-btn{min-width:230px}.bok-survey .bok-btn b{font-weight:inherit}.bok-survey .bok-btn[disabled]{opacity:.6;cursor:default}.bok-survey__foot{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--bok-line);font-size:11px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:var(--bok-muted-ink)}@media(max-width:860px){.bok-survey{display:block;min-height:0;scroll-margin-top:70px}.bok-survey__side{display:none}.bok-survey:not([data-at]) .bok-survey__side,.bok-survey[data-at=intro] .bok-survey__side{display:flex}.bok-survey__side-top{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font-size:11px}.bok-survey__photo{flex:none;min-height:0;height:clamp(190px,52vw,360px)}.bok-survey__side-foot{display:none}.bok-survey__main{padding:22px 20px 20px}.bok-survey__progress{margin-bottom:26px}.bok-survey__form{margin-bottom:32px}.bok .bok-survey__intro-title{font-size:clamp(58px,17vw,96px)}.bok-survey__intro-text{margin-top:22px}.bok .bok-survey__title{font-size:clamp(30px,8.6vw,44px)}.bok-survey__options{gap:10px;margin-top:18px}.bok-survey__opt:not(.bok-survey__opt--photo){gap:14px;padding:15px 16px}.bok-survey__opt-row{padding:12px}.bok-survey__opt-name{font-size:22px}.bok-survey__nav{margin-top:26px}.bok-survey__nav .bok-btn{min-width:0;flex:0 1 210px}.bok-survey__nav--start .bok-btn{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.bok-survey__progress i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/bok-survey.css.map */