.pdp-bundle-picker,.pdp-bundle-picker *,.pdp-bundle-picker *:before,.pdp-bundle-picker *:after{box-sizing:border-box}.pdp-bundle-picker{display:block}.pdp-bundle-picker__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:16px;border:0;background:transparent;align-items:flex-end;justify-content:center}.pdp-bundle-picker__dialog[open]{display:flex}.pdp-bundle-picker__dialog::backdrop{background-color:var(--overlay-solid-medium)}.pdp-bundle-picker__panel{width:100%;max-width:480px;max-height:100%;overflow-y:auto;padding:20px;border-radius:var(--radius-card);background-color:var(--color-white)}.pdp-bundle-picker__head{position:relative;padding-right:32px;margin-bottom:16px}.pdp-bundle-picker__title{margin:0}.pdp-bundle-picker__text{margin:4px 0 0;color:var(--color-grey-700)}.pdp-bundle-picker__close{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-full);background:none;color:var(--color-black);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-default)}.pdp-bundle-picker__close:hover{background-color:var(--color-grey-200)}.pdp-bundle-picker__close .theme-icon{--icon-size: 16px}.pdp-bundle-picker__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.pdp-bundle-option{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--color-grey-300);border-radius:var(--radius-ml);color:var(--color-black);text-decoration:none;transition:border-color var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default)}.pdp-bundle-option:hover,.pdp-bundle-option:focus-visible{border-color:var(--color-black);background-color:var(--color-grey-bg)}.pdp-bundle-option__media{display:block;flex:0 0 auto;width:96px;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-s);background-color:var(--color-grey-bg)}.pdp-bundle-option__media img{width:100%;height:100%;object-fit:cover}.pdp-bundle-option__title{flex:1 1 auto}.pdp-bundle-option__chevron{--icon-size: 16px;flex:0 0 auto;color:var(--color-grey-600)}@media screen and (min-width:750px){.pdp-bundle-picker__dialog{align-items:center}.pdp-bundle-picker__panel{padding:24px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-configurator-picker.css.map */