.osn-compare-index{--ink:#18231c;--muted:#5d675f;--forest:#1f5137;--forest-dark:#123a27;--gold:#d3ad43;--paper:#f5f6f1;--soft:#e8ede5;--line:#cfd6cc;--radius:6px;--display:Georgia,"Times New Roman",serif;--text:Arial,Helvetica,sans-serif}.osn-compare-index *{box-sizing:border-box}.osn-compare-index{background:var(--paper);color:var(--ink)}.osn-compare-index{font-family:var(--text);font-size:16px;line-height:1.5;margin:0}.osn-compare-index img{display:block;max-width:100%}.osn-compare-index h1,.osn-compare-index h2,.osn-compare-index h3{font-family:var(--display);font-weight:500;line-height:1.1;margin:0;text-wrap:balance}.osn-compare-index a{color:inherit}.osn-compare-index .w{width:min(calc(100% - 32px),1280px);margin-inline:auto}.osn-compare-index .ws{background:#20241f;color:#f1f1ea;padding:10px 0;font-size:13px;position:sticky;top:env(safe-area-inset-top,0px);z-index:20}.osn-compare-index .ws b{font-weight:700}.osn-compare-index .ws span{opacity:.75;margin-left:10px}.osn-compare-index .bar{background:var(--forest-dark);color:#fff;font-size:12.5px;font-weight:700;text-align:center;padding:8px 16px}.osn-compare-index .hdr{background:#fff;border-bottom:1px solid var(--line)}.osn-compare-index .hdr .w{display:flex;align-items:center;gap:14px;padding-block:10px}.osn-compare-index .logo{width:38px;height:38px;border:1px solid var(--forest);border-radius:50%;display:grid;place-items:center;font:500 14px var(--display)}.osn-compare-index .brand{font:700 16px var(--display)}.osn-compare-index .nav{margin-left:24px;display:flex;gap:18px;font-weight:700;font-size:14px}.osn-compare-index .nav .on{border-bottom:2px solid var(--forest)}.osn-compare-index .hsearch{margin-left:auto;border:1px solid #aab5aa;border-radius:4px;padding:9px 14px;color:var(--muted);font-size:14px;min-width:240px}.osn-compare-index .hic{font-size:20px;width:36px;text-align:center}.osn-compare-index .burger{display:none}.osn-compare-index .crumb{font-size:12.5px;color:var(--muted);padding:12px 0}.osn-compare-index .cmp-index-hero{position:relative;background:var(--forest-dark);color:#fff;overflow:hidden}.osn-compare-index .cmp-index-hero .cmp-index-strip{display:grid;grid-template-columns:repeat(6,1fr);height:300px}.osn-compare-index .cmp-index-hero .cmp-index-strip img{width:100%;height:300px;object-fit:cover}.osn-compare-index .cmp-index-hero .cmp-index-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#123a27f7,#123a27e6 34%,#123a2759 62%,#123a2700 85%)}.osn-compare-index .cmp-index-hero .cmp-index-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.osn-compare-index .cmp-index-hero h1{font-size:3.4rem}.osn-compare-index .cmp-index-hero .lead{color:#e9efe2;max-width:44ch}.osn-compare-index .cmp-index-hero .n{display:flex;gap:26px;margin-top:18px;font-size:14px}.osn-compare-index .cmp-index-hero .n b{display:block;font:500 1.9rem var(--display)}.osn-compare-index .head{padding:20px 0 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.osn-compare-index .head h2{font-size:1.6rem}.osn-compare-index .eyebrow{color:var(--forest);font-size:12px;font-weight:800;text-transform:uppercase;margin:0 0 8px}.osn-compare-index h1{font-size:3.2rem}.osn-compare-index .lead{font:400 1.1rem/1.5 var(--display);color:var(--muted);margin:12px 0 0;max-width:56ch}.osn-compare-index .kinds{display:inline-flex;border:1px solid var(--forest);border-radius:4px;overflow:hidden}.osn-compare-index .kinds button{border:0;background:#fff;color:var(--forest);font:800 14px var(--text);padding:0 18px;min-height:44px;cursor:pointer}.osn-compare-index .kinds button[aria-pressed=true]{background:var(--forest);color:#fff}.osn-compare-index button:focus-visible,.osn-compare-index a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.osn-compare-index .fams{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;padding:0 0 24px;border-bottom:1px solid var(--line)}.osn-compare-index .fams button{position:relative;border:0;padding:0;background:#24362c;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;cursor:pointer;color:#fff;text-align:left;font:inherit}.osn-compare-index .fams button img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.osn-compare-index .fams button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 25%,#0a1610e6)}.osn-compare-index .fams button em{position:absolute;left:8px;right:6px;bottom:7px;z-index:1;font:500 1rem/1.1 var(--display);font-style:normal}.osn-compare-index .fams button span{display:block;font:400 11.5px var(--text);opacity:.9;margin-top:2px}.osn-compare-index .fams button.all{background:var(--forest)}.osn-compare-index .fams button.all:after{display:none}.osn-compare-index .fams button[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}.osn-compare-index .sec{padding:30px 0 6px}.osn-compare-index .sech{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.osn-compare-index .sech h2{font-size:1.9rem}.osn-compare-index .sech small{color:var(--muted);font-size:14px}.osn-compare-index .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 26px}.osn-compare-index .c{display:flex;flex-direction:column;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:16px}.osn-compare-index .pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:2/1;border-radius:4px;overflow:hidden;background:#edf0eb}.osn-compare-index .pair img{width:100%;height:100%;object-fit:cover;min-height:0}.osn-compare-index .pair b{position:absolute;bottom:10px;font-size:13px!important;max-width:calc(50% - 16px);background:#12231cc7;color:#fff;font:700 11.5px var(--text);padding:3px 8px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osn-compare-index .pair b.l{left:8px}.osn-compare-index .pair b.r{left:calc(50% + 9px)}.osn-compare-index .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;font-size:17px!important;border-radius:50%;background:#fff;color:var(--forest-dark);display:grid;place-items:center;font:500 14px var(--display);box-shadow:0 2px 8px #00000040}.osn-compare-index .k{position:absolute;top:8px;left:8px;background:var(--gold);color:#1d1a08;font:800 10.5px var(--text);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:2px}.osn-compare-index .t{padding:14px 0 0;display:flex;flex-direction:column;flex:1}.osn-compare-index .t h3{font-size:1.6rem}.osn-compare-index .t p{margin:8px 0 0;font-size:14px;color:var(--muted);flex:1}.osn-compare-index .t i{font-style:normal;font-weight:800;font-size:13.5px;color:var(--forest);margin-top:12px}.osn-compare-index .notes{padding:34px 0 50px;font-size:14px;color:#3d463f}.osn-compare-index .notes h2{font-size:1.4rem;margin-bottom:8px}.osn-compare-index .notes li{margin-bottom:6px;max-width:80ch}@media(max-width:1000px){.osn-compare-index .fams{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:700px){.osn-compare-index .nav,.osn-compare-index .hsearch,.osn-compare-index .ws span{display:none}.osn-compare-index .burger{display:block}.osn-compare-index .hic:first-of-type{margin-left:auto}.osn-compare-index .head{grid-template-columns:1fr;gap:14px;padding:16px 0}.osn-compare-index h1{font-size:2.2rem}.osn-compare-index .lead{font-size:1rem}.osn-compare-index .kinds{width:100%}.osn-compare-index .kinds button{flex:1;padding:0 6px}.osn-compare-index .fams{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.osn-compare-index .fams button{aspect-ratio:1/.7}.osn-compare-index .fams button em{font-size:.9rem}.osn-compare-index .cmp-index-hero .cmp-index-strip{grid-template-columns:repeat(3,1fr);height:260px}.osn-compare-index .cmp-index-hero .cmp-index-strip img{height:130px}.osn-compare-index .cmp-index-hero .cmp-index-overlay{background:linear-gradient(180deg,#123a278c,#123a27ed 70%)}.osn-compare-index .cmp-index-hero h1{font-size:2.2rem}.osn-compare-index .cmp-index-hero .n{gap:18px;margin-top:12px}.osn-compare-index .cmp-index-hero .n b{font-size:1.4rem}.osn-compare-index .grid{grid-template-columns:1fr;gap:14px}.osn-compare-index .c{flex-direction:row;gap:12px;padding-bottom:14px}.osn-compare-index .pair{width:42%;flex:none;aspect-ratio:auto;min-height:104px;gap:2px}.osn-compare-index .pair b,.osn-compare-index .vs{display:none}.osn-compare-index .k{font-size:9.5px;top:6px;left:6px}.osn-compare-index .t{padding:0}.osn-compare-index .t h3{font-size:1.05rem}.osn-compare-index .t p{font-size:12.5px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.osn-compare-index .t i{margin-top:6px;font-size:12.5px}.osn-compare-index .sech h2{font-size:1.5rem}}.osn-compare-index [hidden]{display:none!important}.osn-compare-index{padding-bottom:48px}.osn-compare-index .pair .photo{display:block;overflow:hidden;min-width:0;min-height:0}.osn-compare-index .photo.caption-crop img{height:118%;object-position:center top}.osn-compare-index .fams button{min-height:118px;aspect-ratio:auto}.osn-compare-index .pair{isolation:isolate}.osn-compare-index .pair b{font-size:12px!important}.osn-compare-index .empty{padding:30px 0}.osn-compare-index .sech small{white-space:nowrap}.osn-compare-index .c:hover h3{text-decoration:underline}.osn-compare-index .cmp-index-hero .w{padding-block:20px}@media(max-width:700px){.osn-compare-index .cmp-index-hero .cmp-index-strip{height:360px}.osn-compare-index .cmp-index-hero .cmp-index-strip img{height:180px}.osn-compare-index .cmp-index-hero h1{font-size:2.15rem}.osn-compare-index .cmp-index-hero .lead{font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.45}.osn-compare-index .fams button{min-height:110px}.osn-compare-index .fams button em{left:7px;right:7px;font-size:.9rem}.osn-compare-index .head h2{font-size:1.5rem}.osn-compare-index .sech{flex-wrap:wrap;gap:4px 12px}.osn-compare-index .sec{padding-top:22px}.osn-compare-index .k{max-width:92%;font-size:9px}.osn-compare-index .pair{min-height:115px}}.osn-compare-index .cmp-index-hero{isolation:isolate}.osn-compare-index .cmp-index-strip{position:relative;z-index:0}.osn-compare-index .cmp-index-overlay{display:block;z-index:1}.osn-compare-index .cmp-index-content{z-index:2}.osn-compare-index .cmp-index-hero h1{color:#fff}.osn-compare-index .cmp-index-hero .eyebrow{color:#e4edcf}
/*# sourceMappingURL=/cdn/shop/t/10/assets/osn-comparison-index.css.map */