.compare{width:100%;margin-top:.5em;padding-top:.5em;border-top:1px solid rgba(0,0,0,.05)}.compare .compare_button{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;padding:0 0 0 1.5em;color:#0009;background:transparent;transition:color .2s ease-in-out}.compare .compare_button:before,.compare .compare_button:after{display:block;content:"";position:absolute;left:0;top:50%;width:1em;height:1em;border:1px solid rgba(0,0,0,.2);border-radius:1em;transform:translateY(-50%)}.compare .compare_button:before{transition:border-color .2s ease-in-out}.compare .compare_button:after{border-radius:1em;background:#000;opacity:0;transition:opacity .2s ease-in-out}.compare .compare_button:hover{color:#000}.compare .compare_button:hover:before{border:1px solid rgba(0,0,0,.4)}.compare .compare_button.active:after{opacity:1}.compare .compare_button.disabled{opacity:.2;pointer-events:none}.compare .data{display:none!important}.compare_modal{position:fixed;left:0;bottom:0;z-index:1100;width:100vw;background:#ddd;overscroll-behavior:none;opacity:0}@media screen and (min-width: 768.1px){.compare_modal{display:flex;justify-content:center}}.compare_modal .modal_header{position:absolute;left:50%;top:0;width:90vw;padding:7px 0;background:#ddd;transform:translate(-50%,-100%);border-radius:5px 5px 0 0;display:flex;gap:1em;justify-content:center;align-items:center;cursor:default;font-family:"Helvetica Neue 75 Bold"}@media screen and (min-width: 768.1px){.compare_modal .modal_header{width:25vw}}.compare_modal .modal_header .arrow_button{overflow:hidden;position:relative;width:20px;height:20px;transform:rotate(-45deg)}.compare_modal .modal_header .arrow_button:before,.compare_modal .modal_header .arrow_button:after{transform-origin:top left;position:absolute;display:block;content:"";z-index:1;left:25%;bottom:25%;width:100%;height:1px;background:#000}.compare_modal .modal_header .arrow_button:after{transform:rotate(-90deg)}.compare_modal .modal_header.active .arrow_button{transform:rotate(135deg)}.compare_modal .list_wrapper{position:relative}@media screen and (max-width: 768.1px){.compare_modal .list_wrapper{-ms-overflow-style:none;scrollbar-width:none;overflow-x:scroll}.compare_modal .list_wrapper::-webkit-scrollbar{display:none}}.compare_modal .control_wrapper{background:#ddd}@media screen and (max-width: 768.1px){.compare_modal .control_wrapper{position:sticky;z-index:10;bottom:0;height:50px;display:flex;align-items:center;justify-content:center}}.compare_modal .list_wrapper .item_list{display:flex;padding-top:1em;padding-bottom:1em}.compare_modal .list_wrapper .item_list .item{position:relative;flex-grow:0;padding-left:10px;margin-right:10px;border-left:1px solid rgba(0,0,0,.05);opacity:0}.compare_modal .list_wrapper .item_list .item:first-child{border-left:none}.compare_modal .list_wrapper .item_list .item .close{position:absolute;right:2px;top:2px;z-index:3;width:25px;min-height:25px;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:25px;cursor:pointer}.compare_modal .list_wrapper .item_list .item .close:before,.compare_modal .list_wrapper .item_list .item .close:after{display:block;content:"";position:absolute;z-index:1;left:50%;top:50%;width:50%;height:1px;background:#000;transform:translate(-50%,-50%) rotate(-45deg);cursor:pointer}.compare_modal .list_wrapper .item_list .item .close:after{transform:translate(-50%,-50%) rotate(45deg)}.compare_modal .list_wrapper .item_list .item .card{padding-bottom:1em;background:#f4f5f6;width:200px;aspect-ratio:4/5;overflow:hidden;display:flex;flex-direction:column}.compare_modal .list_wrapper .item_list .item .card .img_container{flex-grow:1;display:flex;height:100px}.compare_modal .list_wrapper .item_list .item .card .img_container img{display:block;width:100%;height:110px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;mix-blend-mode:multiply}.compare_modal .list_wrapper .item_list .item .card .title,.compare_modal .list_wrapper .item_list .item .card .variant_title{font-family:"Helvetica Neue 75 Bold";font-size:.9em;color:#000;padding:0 .5em}.compare_modal .list_wrapper .item_list .item .card .price{font-size:.9em;padding:0 .5em}.compare_modal .list_wrapper .item_list .item .data_wrapper{position:relative;overflow:hidden;display:none;width:200px;height:0}.compare_modal .list_wrapper .item_list .item .data_wrapper .data{padding-top:1em}.compare_modal .list_wrapper .item_list .item .data_wrapper .data *:empty{display:none!important}.compare_modal .list_wrapper .item_list .item .data_wrapper .data .button{flex-grow:0;display:inline-flex;justify-content:center;padding:.8em 1em;font-family:"Helvetica Neue 75 Bold";font-size:.9em;text-decoration:none;text-transform:uppercase;background:#000;color:#fff;margin-bottom:1em}.compare_modal .list_wrapper .item_list .item .data_wrapper .data .button:hover{background:#000c}.compare_modal .list_wrapper .item_list .item .data_wrapper .data .info{flex-grow:1}.compare_modal .list_wrapper .item_list .item .data_wrapper .data .info:not(:first-child){border-top:1px solid rgba(0,0,0,.5);padding-top:1em}.compare_modal .list_wrapper .item_list .item.item_placeholder .card{background:#0000000d;border:1px solid rgba(0,0,0,.02)}.compare_modal .control_wrapper .control_buttons{display:flex;gap:.5em;justify-content:center;position:sticky;bottom:0}@media screen and (min-width: 768.1px){.compare_modal .control_wrapper .control_buttons{flex-direction:column;min-width:10vw;top:0;bottom:auto;padding:1em}}.compare_modal .control_wrapper .control_buttons .compare_all_button{padding:.5em 1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#000;color:#fff;font-family:"Helvetica Neue 75 Bold";cursor:pointer}.compare_modal .control_wrapper .control_buttons .fold_button,.compare_modal .control_wrapper .control_buttons .clear_button{padding:.5em 1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;text-decoration:underline;color:#000;background:transparent;font-family:"Helvetica Neue 75 Bold";cursor:pointer}@media screen and (min-width: 768.1px){.compare_modal .control_wrapper .control_buttons .fold_button:hover,.compare_modal .control_wrapper .control_buttons .clear_button:hover{text-decoration:none}}.compare_modal .control_wrapper .control_buttons .fold_button{display:none}.compare_modal.active{overflow-y:scroll}.compare_modal.active .control_buttons .fold_button{display:block}.compare_modal.active .control_buttons .compare_all_button{display:none}