.df-sizer{color:#151616;line-height:1.6}.df-sizer [hidden]{display:none!important}.df-sizer h3{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0 0 14px}.df-sizer h4{font-size:20px;margin:24px 0 10px}.df-sizer p{margin:12px 0}.df-sizer__notice{font-size:14px;background:#fff;padding:12px;border-left:3px solid #147d88}.df-sizer__card-space{display:flex;justify-content:center;padding:14px 0;min-height:120px}.df-sizer__card{box-sizing:border-box;border:2px solid #147d88;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0}.df-sizer__card span{max-width:110px;font-size:13px;padding:8px;color:#4b5555}.df-sizer label{font-size:15px}.df-sizer__adjust{display:flex;align-items:center;gap:12px;margin:14px 0}.df-sizer__adjust input{min-width:0;flex:1;accent-color:#147d88;min-height:44px}.df-sizer button{font:inherit;cursor:pointer}.df-sizer__adjust button{min-width:44px;min-height:44px;border:1px solid #147d88;background:#fff;color:#151616;font-size:22px}.df-sizer__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:48px;background:#147d88;border:1px solid #147d88;color:#fff!important;text-decoration:none;font-weight:600}.df-sizer__button:hover{background:#106772}.df-sizer__options{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.df-sizer__option{flex:1 1 130px;display:flex;align-items:center;flex-direction:column;gap:18px;padding:16px 8px;background:#fff}.df-sizer__opening{box-sizing:content-box;position:relative;flex-shrink:0;height:40px;border-left:3px solid #151616;border-right:3px solid #151616;background:linear-gradient(#147d8820,#147d8820)}.df-sizer__opening span{position:absolute;left:50%;top:7px;transform:translateX(-50%);font-size:13px;white-space:nowrap}.df-sizer__option button{border:1px solid #147d88;background:#fff;padding:10px 12px;min-height:44px;color:#151616}.df-sizer__option button[aria-pressed=true]{background:#147d88;color:#fff}.df-sizer__result{padding:18px;border:2px solid #147d88;background:#fff}.df-sizer__reset{display:block;background:transparent;border:0;text-decoration:underline;color:#151616;min-height:44px;margin-top:18px;padding:8px 0}.df-sizer__resize{font-size:14px;font-weight:600}.df-sizer :focus-visible{outline:3px solid #bd8c44;outline-offset:4px}@media(max-width:549px){.df-sizer__options{gap:14px}.df-sizer__option{flex-basis:100%;}.df-sizer__button{width:100%;box-sizing:border-box}}