{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_filter-box.scss"],"names":[],"mappings":"AAWA,YACE,mBACA,kBACA,SACA,wBAbA,UAc8B,MAb9B,6CAQF,YAPI,6DAEF,wBAKF,YAJI,gCAWF,mBACE,mBACA,0BAGF,kBACE,UACA,gBAEA,qBACE,qBAEA,uBACE,iBAGF,6BACE,qBACA,uBACA,gBACA,yBACA,cACA,mBACA,mBACA,oBACA,qBAEA,sDACE,gBAGF,0CACE,sDACE","file":"filter-box.css","sourcesContent":["// Import only the responsive-font-size mixin needed\r\n@mixin responsive-font-size($size, $vw-adjustment, $min-vw, $max-vw) {\r\n  font-size: $size;\r\n  @media (min-width: $min-vw) and (max-width: $max-vw) {\r\n    font-size: calc(#{$size} + #{$vw-adjustment} * (100vw - #{$min-vw}) / (#{$max-vw} - #{$min-vw}));\r\n  }\r\n  @media (min-width: $max-vw) {\r\n    font-size: calc(#{$size} + #{$vw-adjustment});\r\n  }\r\n}\r\n\r\n.filter-box {\r\n  background: #f0f0f0;\r\n  padding: 1.5625rem;\r\n  margin: 0;\r\n  margin-bottom: 1.5625rem;\r\n  @include responsive-font-size(1.2em, 0.05em, 36em, 75em);\r\n\r\n  .clear {\r\n    font-weight: normal;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  .list {\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    li {\r\n      display: inline-block;\r\n\r\n      a {\r\n        font-weight: bold;\r\n      }\r\n\r\n      .button {\r\n        display: inline-block;\r\n        margin: 0.5rem 0.5rem 0 0;\r\n        background: white;\r\n        border: 1px #949494 solid;\r\n        color: #202024;\r\n        font-size: 0.83333em;\r\n        font-weight: normal;\r\n        padding: 0.4rem 0.5rem;\r\n        text-decoration: none;\r\n\r\n        .material-icons-outlined {\r\n          font-weight: 700;\r\n        }\r\n\r\n        @media only screen and (max-width: 250px) {\r\n          .material-icons-outlined {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}