.shto-compare{background:var(--cream);padding:56px 16px}.shto-compare__inner{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}.shto-compare__head{position:relative}.shto-compare__title{font-size:30px;line-height:34px;font-weight:700;letter-spacing:-.6px;color:var(--ink)}.shto-compare__arrows{position:absolute;top:calc(100% + 24px);right:-10px;z-index:4;display:flex;gap:6px}@media(max-width:989.98px){.shto-compare__arrows:before{content:"";position:absolute;z-index:-1;top:-4px;bottom:-4px;left:-24px;right:0;background:linear-gradient(90deg,#fffcf500 0,#fffcf5 24px);pointer-events:none}}.shto-compare__arrow{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:14px;background:var(--white);border:1px solid rgba(37,37,37,.3);transition:opacity var(--shto-fast) var(--shto-ease),border-color var(--shto-fast) var(--shto-ease),transform var(--shto-fast) var(--shto-ease)}.shto-compare__arrow img{width:12px;height:12px}.shto-compare__arrow--prev img{transform:rotate(180deg)}.shto-compare__arrow:disabled{opacity:.35;cursor:default}.shto-compare__arrow:not(:disabled):active{transform:scale(.94)}@media(hover:hover){.shto-compare__arrow:not(:disabled):hover{border-color:var(--ink)}}.shto-compare__frame{position:relative;margin-right:-16px}.shto-compare__scroll{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.shto-compare__scroll::-webkit-scrollbar{display:none}.shto-compare__scroll[data-shto-compare-on]{-webkit-overflow-scrolling:touch}@media(hover:hover)and (pointer:fine){.shto-compare__scroll[data-shto-compare-on]{user-select:none;-webkit-user-select:none;cursor:grab}}.shto-compare__scroll[data-shto-compare-on].is-dragging{cursor:grabbing}.shto-compare__scroll img{-webkit-user-drag:none}.shto-compare__table{display:flex;flex-direction:column;gap:6px;width:max-content;padding-right:16px}.shto-compare__row{display:flex;align-items:stretch;min-height:95px}.shto-compare__row--head{min-height:0;height:34px}.shto-compare__corner,.shto-compare__chair{position:sticky;left:0;z-index:2;flex:none;width:104px;background:var(--cream);transition:box-shadow var(--shto-fast) var(--shto-ease)}.shto-compare__frame.is-scrolled .shto-compare__chair{box-shadow:10px 0 12px -12px #25252573}.shto-compare__th{flex:none;display:flex;align-items:flex-end;padding:0 12px 8px}.shto-compare__th-text{font-size:11px;line-height:13px;font-weight:600;letter-spacing:.44px;text-transform:uppercase;color:var(--ink-2)}.shto-compare__chair-panel{display:flex;flex-direction:column;gap:6px;height:100%;padding:8px;background:var(--cream-2);border-radius:12px 0 0 12px}.shto-compare__photo{width:100%;aspect-ratio:88 / 56;border-radius:8px;overflow:hidden;background:var(--cream-3);flex:none}.shto-compare__img{display:block;width:100%;height:100%;object-fit:cover}.shto-compare__name{margin-left:2px;font-size:14px;line-height:17px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}.shto-compare__td{flex:none;display:flex;align-items:center;padding:12px;background:var(--cream-2);box-shadow:inset 1px 0 #2525251f}.shto-compare__td--price{box-shadow:none}.shto-compare__td--end{border-radius:0 12px 12px 0}.shto-compare__price{font-size:17px;line-height:20px;font-weight:700;letter-spacing:-.3px;color:var(--ink);white-space:nowrap}.shto-compare__text{font-size:13px;line-height:17px;font-weight:400;letter-spacing:-.15px;color:var(--ink)}.shto-compare__text strong,.shto-compare__text b{font-weight:700}.shto-compare__text--none{color:var(--ink-3)}.shto-compare__row--on .shto-compare__chair-panel{background:var(--blue)}.shto-compare__row--on .shto-compare__name{color:var(--white)}.shto-compare__row--on .shto-compare__td{background:var(--sky);box-shadow:inset 1px 0 #5790fd47}.shto-compare__row--on .shto-compare__td--price{box-shadow:none}.shto-compare__fade{position:absolute;top:0;right:0;bottom:0;width:28px;z-index:3;pointer-events:none;background:linear-gradient(90deg,#fffcf500,#fffcf5 80%);transition:opacity var(--shto-fast) var(--shto-ease)}.shto-compare__frame.is-end .shto-compare__fade{opacity:0}.shto-compare__c1{width:100px}.shto-compare__c2{width:124px}.shto-compare__c3,.shto-compare__c4{width:128px}.shto-compare__c5{width:100px}.shto-compare__c6{width:112px}.shto-compare__c7{width:96px}.shto-compare__c8{width:100px}.shto-compare__c9{width:112px}.shto-compare__c10{width:96px}.shto-compare__c11{width:100px}.shto-compare__c12{width:96px}.shto-compare__c13{width:128px}.shto-compare__c14{width:104px}.shto-compare__c15,.shto-compare__c16{width:120px}.shto-compare__c17{width:100px}@media(min-width:990px){.shto-compare{padding:48px max(32px,calc((100% - 1200px)/2)) 96px}.shto-compare__inner{gap:40px}.shto-compare__head{display:flex;align-items:center;justify-content:space-between;gap:24px}.shto-compare__title{font-size:44px;line-height:48px;letter-spacing:-1px}.shto-compare__arrows{position:static;gap:8px}.shto-compare__arrow{width:40px;height:40px;border-radius:20px}.shto-compare__arrow img{width:16px;height:16px}.shto-compare__frame{margin-right:0}.shto-compare__table{gap:8px;padding-right:0}.shto-compare__row{min-height:140px}.shto-compare__row--head{min-height:0;height:44px}.shto-compare__corner,.shto-compare__chair{width:168px}.shto-compare__th{padding:0 14px 12px}.shto-compare__th-text{font-size:12px;line-height:15px;letter-spacing:.5px}.shto-compare__chair-panel{gap:10px;padding:10px 10px 12px}.shto-compare__photo{aspect-ratio:148 / 88}.shto-compare__name{font-size:17px;line-height:20px}.shto-compare__td{padding:16px 14px}.shto-compare__price{font-size:22px;line-height:26px;letter-spacing:-.4px}.shto-compare__text{font-size:15px;line-height:20px}.shto-compare__c1{width:115px}.shto-compare__c2,.shto-compare__c3{width:150px}.shto-compare__c4{width:159px}.shto-compare__c5{width:115px}.shto-compare__c6{width:123px}.shto-compare__c7,.shto-compare__c8{width:110px}.shto-compare__c9{width:124px}.shto-compare__c10,.shto-compare__c11,.shto-compare__c12{width:100px}.shto-compare__c13{width:136px}.shto-compare__c14{width:112px}.shto-compare__c15,.shto-compare__c16{width:128px}.shto-compare__c17{width:104px}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/shto-compare.css.map */