/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/styles/sections/pf-compatibility-dropdowns.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/compatibility-dropdowns .option-hidden{display:none}compatibility-dropdowns form{display:flex;flex-direction:column;background:#f8f8f8;max-width:530px;margin:0 auto;gap:var(--spacing-8);padding:var(--spacing-6);border-radius:var(--rounded-md);box-shadow:2px 4px 12px #00000014}compatibility-dropdowns .button[data-check-compatibility]{margin:0 auto}compatibility-dropdowns .icon-with-text{--icon-size: calc(var(--font-heading-scale) * 3rem);--icon-spacing: calc(var(--font-heading-scale) * 1rem)}compatibility-dropdowns .icon-with-text--horizontal{display:flex;justify-content:center;-moz-column-gap:3rem;column-gap:3rem;flex-direction:row}compatibility-dropdowns .icon-with-text--vertical{--icon-size: calc(var(--font-heading-scale) * 2rem)}compatibility-dropdowns .icon-with-text .svg-wrapper{fill:rgb(var(--color-foreground));height:var(--icon-size);width:var(--icon-size)}compatibility-dropdowns .icon-with-text--horizontal .svg-wrapper,compatibility-dropdowns .icon-with-text--horizontal img{margin-bottom:var(--icon-spacing)}compatibility-dropdowns .icon-with-text--vertical .svg-wrapper{min-height:var(--icon-size);min-width:var(--icon-size);margin-right:var(--icon-spacing)}compatibility-dropdowns .icon-with-text img{height:var(--icon-size);width:var(--icon-size);-o-object-fit:contain;object-fit:contain}compatibility-dropdowns .icon-with-text--vertical img{margin-right:var(--icon-spacing)}compatibility-dropdowns .icon-with-text--horizontal .h4{padding-top:calc(var(--icon-size) + var(--icon-spacing));text-align:center}compatibility-dropdowns .icon-with-text--horizontal .svg-wrapper+.h4,compatibility-dropdowns .icon-with-text--horizontal img+.h4,compatibility-dropdowns .icon-with-text--horizontal.icon-with-text--text-only .h4{padding-top:0}compatibility-dropdowns .icon-with-text__item{display:flex;align-items:flex-start}compatibility-dropdowns .icon-with-text--horizontal .icon-with-text__item{flex-direction:column;width:33%}compatibility-dropdowns .icon-with-text--vertical .icon-with-text__item{margin-bottom:var(--icon-size)}compatibility-dropdowns .icon-with-text div{display:flex;flex-direction:column;gap:8px}compatibility-dropdowns .icon-with-text div span:first-child{font:var(--font-base);font-weight:var(--font-weight-semibold)}compatibility-dropdowns .icon-with-text div span{font:var(--font-xs);color:var(--color-forrest-200)}.compatibility-dropdown-select{display:flex;flex-direction:column;gap:var(--spacing-3-5)}.section-heading-wrapper{margin-bottom:var(--spacing-16)}.pill-select{border-radius:var(--rounded-lg);align-items:center;border-radius:24px;background-color:var(--color-white);border:thin solid;border-color:var(--color-grey-200);cursor:pointer;display:inline-flex;font:var(--font-base);color:var(--color-grey-600);width:100%;padding:var(--spacing-3);transition:all .15s cubic-bezier(.15,.84,.3,1);transition:all var(--button-transition);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml,<svg width="9" height="7" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.321958 1.00051C0.659217 0.687339 1.18649 0.706867 1.49966 1.04413L4.50011 4.27538L7.50056 1.04413C7.81373 0.706867 8.34101 0.687339 8.67827 1.00051C9.01552 1.31368 9.03505 1.84095 8.72188 2.17821L5.11077 6.0671C4.9531 6.23691 4.73184 6.33339 4.50011 6.33339C4.26839 6.33339 4.04713 6.23691 3.88945 6.0671L0.27834 2.17821C-0.0348293 1.84095 -0.0153005 1.31368 0.321958 1.00051Z" fill="%23163C3F"/></svg>');background-repeat:no-repeat;background-position:97% center}.pill-select[disabled]{cursor:not-allowed;background-color:var(--color-grey-200)}.compatibility{border:1px solid;border-radius:var(--rounded-lg);padding:var(--spacing-3) var(--spacing-4);font-weight:600}[data-is-compatible]{background:#f2fde3;border-color:#a0cd62}[data-not-compatible]{background:#fbdddd;border-color:#c44949}compatibility-dropdowns .visually-hidden,compatibility-dropdowns .sr-only{position:absolute!important}compatibility-dropdowns .visually-hidden,compatibility-dropdowns .sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}compatibility-dropdowns .dd{position:relative;display:inline-block;min-width:calc(var(--spacing-6) * 10)}compatibility-dropdowns .dd>summary::-webkit-details-marker{display:none}compatibility-dropdowns .dd__button:focus-visible{box-shadow:0 0 0 3px var(--color-grey-600)}compatibility-dropdowns .dd__panel{position:absolute;left:0;right:0;margin-top:var(--spacing-1-5);z-index:1000}compatibility-dropdowns .dd__list{max-height:calc(var(--spacing-6) * 10);overflow:auto;background:var(--color-white);border:thin solid var(--color-grey-200);border-radius:var(--rounded-md);padding:var(--spacing-1-5);margin:0;box-shadow:0 var(--spacing-6) var(--spacing-5) var(--color-grey-200)}compatibility-dropdowns .dd__option{list-style:none;padding:var(--spacing-2) var(--spacing-3);line-height:1.2;cursor:pointer}compatibility-dropdowns .dd__option[aria-selected=true]:not([data-value=select]){color:var(--color-white);background-color:var(--color-forrest-100)}compatibility-dropdowns .dd__option:hover{background:var(--color-forrest-100);color:var(--color-white)}compatibility-dropdowns .dd__option--disabled,compatibility-dropdowns .dd__option[aria-disabled=true]{color:var(--color-grey-200);cursor:not-allowed}compatibility-dropdowns .dd[open] .dd__panel{animation:fadeIn 80ms ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/434/assets/prismfly.sections.pf-compatibility-dropdowns.css.map */