.lw-select-plan-period{display:flex;width:100%;align-items:center;gap:12px;border-radius:12px;border-width:1px;border-color:var(--color-blue-gray-900-12);background-color:var(--color-white-100);padding:24px}.lw-select-plan-period__heading{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:8px}.lw-select-plan-period__title-row{display:flex;align-items:center;gap:8px}.lw-select-plan-period__icon{display:inline-flex;align-items:center;color:var(--color-blue-gray-900-84);flex-shrink:0}.lw-select-plan-period__plan-title{margin:0;font-size:var(--font-size-headline-6);line-height:var(--line-height-headline-6);font-weight:700;color:var(--color-blue-gray-900-84);line-height:1.2;letter-spacing:-.12px}.lw-select-plan-period__total{margin:0;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);color:var(--color-blue-gray-900-68)}.lw-select-plan-period__field{flex-shrink:0;width:200px}.lw-select-plan-period__field .lw-wrapper-field__content{cursor:pointer}.lw-select-plan-period__field .lw-wrapper-field__append-inner .lw-icon{width:16px;height:16px}.lw-select-plan-period__value{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:8px;z-index:2}.lw-select-plan-period__value-text{white-space:nowrap;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);color:var(--color-blue-gray-900-84)}.lw-select-plan-period__menu{border-radius:8px;border-width:1px;border-color:var(--color-blue-gray-900-12);background-color:var(--color-white-100);--tw-shadow: var(--shadow-xlg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-height:336px;overflow-y:auto;z-index:999}.lw-select-plan-period__menu ul{margin:0;padding:0;list-style:none}.lw-select-plan-period__menu ul li:first-child button{border-top-left-radius:8px;border-top-right-radius:8px}.lw-select-plan-period__menu ul li:first-child button:before{border-top-left-radius:8px;border-top-right-radius:8px}.lw-select-plan-period__menu ul li:last-child button{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.lw-select-plan-period__menu ul li:last-child button:before{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.lw-select-plan-period__menu-item{position:relative;cursor:pointer}.lw-select-plan-period__menu-item button{position:relative;display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px;text-align:left;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);color:var(--color-blue-gray-900-84);background:transparent;box-sizing:border-box}.lw-select-plan-period__menu-item button:before{content:"";position:absolute;display:block;top:0;left:0;z-index:0;height:100%;width:100%}.lw-select-plan-period__menu-item button:hover:before,.lw-select-plan-period__menu-item button[aria-selected=true]:before{background-color:var(--color-black-8)}.lw-select-plan-period__menu-item button:active,.lw-select-plan-period__menu-item button:focus{outline:none}.lw-select-plan-period__menu-item button:active:before,.lw-select-plan-period__menu-item button:focus:before{background-color:var(--color-black-12)}.lw-select-plan-period__menu-item-text,.lw-select-plan-period__menu .lw-tag{position:relative;z-index:1}@media (max-width: 767px){.lw-select-plan-period{flex-direction:column;align-items:stretch}.lw-select-plan-period__field{width:100%}}