.popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:9999999999;display:none}.popup.show{display:flex;overflow:auto;height:100%}.popup__wrap{width:100%;max-width:1200px;margin:0 auto}@media screen and (min-width: 769px){.popup__wrap{margin:15px auto}}@media screen and (max-width: 550px){.popup__wrap{--app-height: 100%;position:absolute;top:0}}.popup__header{background-color:#232b38;position:relative}.popup__header h3{margin:0;font-family:aktiv-grotesk-extended,sans-serif;font-weight:800;font-size:18px;text-align:center;padding:20px 0;color:#fff}@media screen and (min-width: 769px){.popup__header h3{font-size:27px;padding:30px 0}}.popup__close{position:absolute;color:#fff;font-weight:800;top:10px;right:10px;font-family:aktiv-grotesk-extended,sans-serif;font-size:14px;cursor:pointer}.popup__close svg{width:18px;height:18px}@media screen and (min-width: 769px){.popup__close{top:15px;right:15px}}.vertical{display:flex;height:100%;background:#fff}.vertical caption{grid-area:caption}@media screen and (min-width: 769px){.vertical thead{width:15%}}.vertical tbody{display:flex;width:100%;justify-content:space-between;text-align:center;overflow:auto;padding-bottom:50px}.vertical tbody::-webkit-scrollbar{display:none}.vertical tr{display:flex;flex-direction:column;min-width:min-content;flex-shrink:0}.vertical caption{display:block}.popup__body-img{height:130px!important}.popup__body-img a{display:flex;flex-flow:column;align-items:center;justify-content:center;text-decoration:unset}.popup__body-img img{height:60px}@media screen and (min-width: 769px){.popup__body-img img{height:80px}}.popup__body-img span{font-weight:800;font-size:18px;display:inline-block;padding:12px 0;font-family:aktiv-grotesk-extended,sans-serif}.popup__body{height:100%;background-color:#fff}@media screen and (min-width: 769px){.popup__body{padding:25px 15px 15px;height:auto}}.popup__body thead th{text-transform:uppercase;height:50px;display:flex;align-items:center;font-size:12px;line-height:17px;letter-spacing:.02em;text-align:left}@media screen and (min-width: 769px){.popup__body thead th{font-size:14px}}.popup__body thead th:first-child,.popup__body tbody td:first-child{border-bottom:1px solid #F4F4F5;margin-bottom:10px}.popup__body tbody td{height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:.02em}@media screen and (min-width: 769px){.popup__body tbody td{font-size:16px}}.popup__body tbody tr{width:25%}.frame__nebula span,.frame__nebula .button__frame{color:#4ba4e8}.frame__aura span,.frame__aura .button__frame{color:#0078d4}.frame__lunar span,.frame__lunar .button__frame{color:#002970}.frame__punkster span,.frame__punkster .button__frame{color:#232b38}.button__frame{display:flex;align-items:center;justify-content:center;border:2px solid;text-decoration:unset;font-size:14px;height:40px;width:120px;margin-top:10px}.button__frame:hover{opacity:.7}.popup__body thead th.extended-height,.popup__body tbody td.extended-height{height:70px}.popup__body thead{background-color:#f4f4f5;width:100px;padding-right:10px}@media screen and (min-width: 769px){.popup__body thead{background-color:#fff;width:fit-content;min-width:160px;padding-right:unset}}.popup__body thead tr{padding-left:10px}.popup__body tbody tr td{padding:0 10px}.triggers--compare-goggles{justify-content:space-between}.triggers--compare-goggles .filter-trigger,.triggers--compare-goggles .sort-trigger{padding:10px;font-size:12px;margin:0}.triggers--compare-goggles .filter-trigger{margin-right:10px}@media screen and (min-width: 769px){.triggers--compare-goggles .filter-trigger{margin-right:15px}}@media screen and (max-width: 980px) and (min-width: 769px){.filter-sort__wrap{width:66%;display:flex}}@media screen and (max-width: 980px){.triggers--compare-goggles{display:flex}}@media screen and (max-width: 768px){.triggers--compare-goggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0px 10px}.filter-sort__wrap{display:flex}}@media screen and (max-width: 980px) and (min-width: 769px){.triggers--compare-goggles .button__compare-goggles{width:32%;margin-left:10px}}
/*# sourceMappingURL=/cdn/shop/t/1682/assets/popup__compare-goggles.css.map */
